@charset "utf-8";

body{background: url(/theme/basic/images/main_bg.png) no-repeat center center; background-size: cover; width: 100%; height: 100%;}

/*btn ����*/
a.more{width:100%; height: 53px; display: block; font-size: 2rem; font-weight:bold; line-height: 50px; color: #fff; background:#dadada; border: 3px solid #dadada; border-radius: 15px; padding: 0 32px; box-sizing: border-box; margin: 100px auto 0 auto;  transition: 0.3s;}
a.more:hover{border: 3px solid #52ca9c; color: #fff; background:#52ca9c;}
a.more:hover::after{background: url(/theme/basic/images/main_arrow_w.png) no-repeat center center;}
/* a.more::after{display: inline-block; margin-left: 52px; content: ''; clear: both; background: url(/theme/basic/images/main_arrow.png) no-repeat center center; background-size: cover; width: 12px; height: 12px; transition: 0.3s;} */
.btn{width: 100%; display: flex; justify-content: center; padding: 0;}

/*--------------------------------------------------------------------------------------------------------*/
/* #main */
/*--------------------------------------------------------------------------------------------------------*/

/* main ���� */
#main .title h2{font-size: 5.0rem; font-weight: 800; line-height: 60px; text-align: center; padding-bottom: 100px;}
#main .title span{display: block; font-size: 3rem; font-weight: bold; line-height: 70px; text-align: center; color: #52ca9c; border: 4px solid #52ca9c; border-radius: 35px;}
#main .title{padding-bottom: 50px;}


/* #main .main_visual{position: relative; right: 0; height: 1100px; overflow: hidden; background:url(/theme/basic/images/main_bg.jpg) no-repeat center center; width: 100%; background-size: cover;} */
#main .main_visual.pc{width:100vw; margin-top:-25px;}
#main .main_visual.mo{width:100%; height:auto; margin-top:90px;}
#main .main_visual .inner{position: relative; top: 0; width: 100vw; height: 0; padding-bottom: 50%;}

#main .main_visual .txt_box{padding-top: 358px; padding-left: 154px; position: relative; z-index: 1;} 
#main .main_visual .txt_box h2{font-size: 6.0rem; font-weight: 800; line-height: 62px; max-width: 454px; padding-bottom: 30px;}
#main .main_visual .txt_box span{font-size: 1.6rem; font-weight: 500; line-height: 28px;}
#main .main_visual .txt_box a.more{margin:50px 0 0 0; transition: 0.3s;}

#main .main_visual .img_box.box_2{display: none;}
#main .main_visual .img_box{position: absolute; top: -68px; right: -113px; display: flex; flex-direction: column; align-items: center; transform: rotate(-36deg); gap: 40px; width: 100%; height: 107vh; object-fit: cover; z-index: 0;}
#main .main_visual .img_box .middle{display: flex; align-items: flex-end; gap: 40px; margin-left: -329px;}
#main .main_visual .img_box .bottom{display: flex; gap: 40px; margin-left: 390px;}
#main .main_visual .img_box img{box-shadow: -5px 9px 40px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; border-radius: 20px;}

#main .sec_1{background: #f2f2f2; padding: 100px 0 140px 0;}
#main .sec_1 .content{display: flex; text-align: center; align-items: center; gap: 40px; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto;}
#main .sec_1 .content .con{max-width: 33%; width: 100%; height:450px; border-radius: 30px; background-color: #fff; padding: 10px;}
#main .sec_1 .content .con .img{height: 80px;}
#main .sec_1 .content .con .txt {padding: 40px 0;}
#main .sec_1 .content .con .txt h2{font-size: 3.0rem; font-weight: 800; line-height: 60px; color: #000; padding-bottom: 8px;}
#main .sec_1 .content .con .txt p{font-size: 1.6rem; font-weight: 500; line-height: 24px; color:#999;}

#main .sec_2 .content{display: flex; text-align: center; align-items: center; gap: 40px; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto;}
#main .sec_2 .content .con{max-width: 33%; width: 100%; height:450px; border-radius: 30px; background-color: #f8f8f8; padding: 10px;}
/*#main .sec_2 .content .con:first-child { background-color: transparent; }*/
/*#main .sec_2 .content .con:last-child { background-color: transparent; }*/
#main .sec_2 .content .con .img{height: 80px;}
#main .sec_2 .content .con .txt {padding: 40px 0;}
#main .sec_2 .content .con .txt h2{font-size: 3.0rem; font-weight: 800; line-height: 60px; color: #000; padding-bottom: 8px;}
#main .sec_2 .content .con .txt p{font-size: 1.6rem; font-weight: 500; line-height: 24px; color:#999;}

#main .sec_3 .content{display: flex; text-align: center; align-items: center; gap: 40px; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto;}
#main .sec_3 .content .con{max-width: 33%; width: 100%; height:450px; border-radius: 30px; background-color: #fff; padding: 10px;}
#main .sec_3 .content .con:first-child { background-color: transparent; }
#main .sec_3 .content .con:last-child { background-color: transparent; }
#main .sec_3 .content .con .img{height: 80px;}
#main .sec_3 .content .con .txt {padding: 40px 0;}
#main .sec_3 .content .con .txt h2{font-size: 3.0rem; font-weight: 800; line-height: 60px; color: #000; padding-bottom: 8px;}
#main .sec_3 .content .con .txt p{font-size: 1.6rem; font-weight: 500; line-height: 24px; color:#999;}

#main .sec_4 .content{display: flex; text-align: center; align-items: center; gap: 40px; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto;}
#main .sec_4 .content .con{max-width: 33%; width: 100%; height:450px; border-radius: 30px; background-color: #f8f8f8; padding: 10px;}
#main .sec_4 .content .con:first-child { background-color: transparent; }
#main .sec_4 .content .con:last-child { background-color: transparent; }
#main .sec_4 .content .con .img{height: 80px;}
#main .sec_4 .content .con .txt {padding: 40px 0;}
#main .sec_4 .content .con .txt h2{font-size: 3.0rem; font-weight: 800; line-height: 60px; color: #000; padding-bottom: 8px;}
#main .sec_4 .content .con .txt p{font-size: 1.6rem; font-weight: 500; line-height: 24px; color:#999;}


/* 에듀자인 공통 */
.sec_content{background-color: #f4f4f4;}
.sec_content .inner{padding: 100px 0;}
.sec_content .inner .title h2{padding:50px;text-align: center;}
.sec_content .content_box{background-color: #fff;border-radius: 30px; padding: 50px;}
.sec_content .content_box .content_btn{display: inline-block; height:50px; width:100%; font-weight:bold; font-size:1em; text-align: center; border-radius: 10px; line-height: 50px; background-color: #000; color:#fff;}
.start_btn { width: 100%; display: block; color: #fff !important; background: #52ca9c; border-radius: 15px; padding: 5px !important; text-align: center;font-size: 1.5rem !important;}

.sec_content .content_box select { width: 100%; max-width: 500px; padding: 5px; border: 2px solid #52ca9c; border-radius: 5px; background-color: #f8f8f8; color: #333; font-size: 16px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; /* 아래 방향 화살표 */ background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%2352ca9c" d="M2 5L4 3H0z"/></svg>'); font-weight: bold; /* 위쪽 방향 화살표 */ /* background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%2352ca9c" d="M2 0L4 2H0z"/></svg>');  */ }
.sec_content .content_box .select_wrap{margin-bottom: 10px;}
.basic_btn { width: 100px; display: block; color: #fff !important; background: #52ca9c; border-radius: 15px; padding: 5px; text-align: center;font-size: 1.5rem;    float: right;}
.content_box .pg_skin{margin: 0 auto;width:100%; max-width: 500px;}
.content_box h3{font-size: 25px; font-weight: bold; margin-bottom: 10px;}
.content_box h4{font-size: 25px; font-weight: bold; margin-bottom: 10px;}

.content_box .pg_title2 h3{font-size: 25px; font-weight: bold; margin-bottom: 10px; padding:0;text-align: center;}
.content_box .pg_title2 h4{font-size: 25px; font-weight: bold; margin-bottom: 10px; padding:0;text-align: center;}

.content_box .pg_skin2 h3{font-size: 25px; font-weight: bold; margin-bottom: 10px; padding: 100px 50px 30px 50px;text-align: center;}
.content_box .pg_skin2 h4{font-size: 25px; font-weight: bold; margin-bottom: 10px; padding: 100px 50px 30px 50px;text-align: center;}

.content_box section h4::before{content: '●'; margin-right: 8px; color: black; font-size: 14px;}
.content_box section h4{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.content_box section{padding: 20px 0;}
.content_box .result{width: 100%; min-height: 200px; border-radius: 5px; background-color: #f8f8f8; color: #333;}

.goalSettingInput { width: 100%; max-width: 500px; padding: 5px; border: 2px solid #52ca9c; border-radius: 5px; background-color: #f8f8f8; color: #333; font-size: 16px; font-weight: bold; box-sizing: border-box; margin-top: 20px;}



/* 로딩 */
#loading-overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1000; background-color: rgba(0,0,0, 0.5);}
#loading-indicator { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; font-size: 20px; background-color: rgba(255, 255, 255, 1.0); padding: 20px; border-radius: 10px; text-align: center; }

.minMaxScore{width:50px;}
.bg_white{background-color: #fff;}

.bgnone{background-color: transparent !important;}

.head_btn_box{text-align: right; margin: 20px auto;}
.test_btn{background-color: #494949; color: #fff !important; border-radius: 5px; padding: 5px 20px; font-size: 16px;}
.progress_btn{background-color: #c5c5c5; color: #fff !important; border-radius: 5px; padding: 5px 20px; font-size: 16px;}


/* 에듀자인 edu_tbl 테이블표 */
.edu_tbl thead{background-color: #e0e0e0;}
.edu_tbl tbody tr td:first-child{background-color: #efefef;font-weight: bold;}
.edu_tbl .calculation{color:#52ca9c;font-weight: bold;}
.edu_tbl .total{color:#52ca9c;font-weight: bold;}

.edu_tbl { width: 100%; overflow-x: auto; margin: 20px 0; }
.edu_tbl table { width: 100%; border-collapse: collapse; }
.edu_tbl th, .edu_tbl td { border: 1px solid #c6c6c6; text-align: center; vertical-align: middle; width: 50px; height: 50px; box-sizing: border-box; padding: 10px; }

.edu_tbl .tb_nstyle{background-color: #fff !important; font-weight: 400 !important;}
.edu_tbl .tb_addstyle{background-color: #efefef !important; font-weight: bold !important;}


/* 에듀자인 modal 테이블표 */
.modal { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /*display: none;*/ display: flex; justify-content: center; align-items: center;flex-direction: column;}

.modal-header { background-color: #f1f1f1; padding: 10px; border-bottom: 1px solid #ccc; width: 100%;max-width:1000px; }
.modal-header p { margin: 0; font-size: 18px; font-weight: bold; }

.modal-content { background-color: #fff; padding: 10px; border: 1px solid #888; width: 100%; max-width:1000px; }
.modal .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.modal .close:hover,.close:focus { color: black; text-decoration: none; cursor: pointer; }

.modal th{background-color: #efefef;font-weight: bold;}
.modal th,td{border: 1px solid #c6c6c6; text-align: center; vertical-align: middle; width: 100px; height: 50px; box-sizing: border-box; padding: 10px;}



/* 에듀자인 로드맵 */
.plan_box{max-width: 600px; margin: 0 auto; padding: 0 !important;}

.road_box{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px 0; margin: 10px auto;}
.road_box #add{border: 1px solid #000; border-radius: 30px; padding: 5px 10px; float: right;font-weight: bold;}
.plan_box .deleteTable{border: 1px solid #000; border-radius: 30px; padding: 5px 10px; margin: 10px; font-weight: bold;}
.plan_box .addRoadMap .table_end{margin: 30px auto;}

.plan_box .mywork{width: 100%; height: 200px; border-radius: 5px; background-color: #f8f8f8; color: #333;}

.plan_box input[type='text']{border-radius: 5px; background-color: #f8f8f8; color: #333; border: 1px solid #999999; font-size: 16px; padding: 5px;}
.sec_content .content_box .plan_box select{width: 100%;border: 1px solid #999999;background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http://www.w3.org/2000/svg'%20viewBox%3D'0%200%204%205'%3E%3Cpath%20fill%3D'%23808080'%20d%3D'M2%205L4%203H0z'/%3E%3C/svg%3E");}



/* 에듀자인 포트폴리오 */
.plan_box .deleteExistTable{border: 1px solid #000; border-radius: 30px; padding: 5px 10px; margin: 10px; font-weight: bold;}
.plan_box .addPortfolio .table_end{margin: 30px auto;}
.plan_box .addPortfolio .hasDatepicker{width: 40%; float:left;margin: 0 10px;}
.plan_box .addPortfolio textarea{border-radius: 5px; background-color: #f8f8f8; color: #333; border: 1px solid #999999; font-size: 16px; padding: 5px;width: 97%;}
.plan_box .addPortfolio .add_box{margin: 20px auto; width: 100%;}

.plan_box .file-upload-wrapper { display: flex; align-items: center; gap: 10px; }
.plan_box .file-name { font-size: 14px; color: #999; margin-left: 5px; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.plan_box .file-upload { background-color: #494949; color: white; border-radius: 5px; padding: 5px 10px; font-size: 12px; font-weight: 400 !important; cursor: pointer; transition: background-color 0.3s ease; }
.plan_box .file-upload:hover { background-color: #606060; }

.plan_box .activityFileResetButton { background-color: #ff4d4d; color: white; border: none; border-radius: 5px; padding: 5px 10px; font-size: 12px; font-weight: 400 !important; cursor: pointer; transition: background-color 0.3s ease; }
.plan_box .activityFileResetButton:hover { background-color: #ff1a1a; }

.plan_box .deleteFileButton { background-color: #ff4d4d; color: white; border: none; border-radius: 5px; padding: 5px 10px; font-size: 12px; font-weight: 400 !important; cursor: pointer; transition: background-color 0.3s ease; }
.plan_box .deleteFileButton:hover { background-color: #ff1a1a; }

/* 에듀자인 마이페이지 */
.mypage-tabs { display: flex; justify-content: center; position: relative; margin: 50px auto; text-align: center; font-weight: bold;}
.mypage-tab { width: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 1.8rem; transition: background-color 0.3s ease, z-index 0.3s ease; margin-right: 5px; padding: 10px;}
.mypage-tab span{display:block;font-size: 1.3rem;}
.mypage-tab:last-child{margin-right: 0px;}
.mypage-tab.on { background-color: #313131; color: #fff; }

.content_box .pg_skin3 h3{font-size: 25px; font-weight: bold; margin-bottom: 80px; text-align: center;}
.content_box .pg_skin3 h4{font-size: 25px; font-weight: bold; margin-bottom: 80px; text-align: center;}

.mypage_step_title{padding: 20px 0;}
.mypage_step_box{border-radius: 5px; background-color: #f8f8f8; color: #333;padding: 40px; margin-bottom: 20px; border:1px solid #999999;}
.mypage_step_box h5{font-size: 1.5em; color: #28a777;}
.mypage_step_box .result_btn{display: block; color: #fff; background: #52ca9c; border-radius: 15px; padding: 5px; text-align: center; font-size: 1.5rem; font-weight: bold; width: 100px; float: left;}
.mypage_step_box .result-wrapper { display: flex; flex-direction: column; gap: 10px; margin: 10px auto;}
.mypage_step_box .result-box { display: flex; gap: 10px; }
.mypage_step_box .result-wrapper p{text-align: left !important;}

.mypage_step_box .goals_box{margin:20px auto;}
.mypage_step_box .goals_btn{color: #3a3a3a; background: #dfdfdf; border-radius: 15px; padding: 5px 10px; text-align: center; font-size: 1.5rem; font-weight: bold;}

.mypage_step_box .start_btn{width: 150px; font-size: 2rem !important;margin:0 auto;}

.sec_content .content_box .mypage_step_box .printButton{width: 200px; float: right;}

/* 에듀자인 코치 */
.coach_step_title{padding: 20px 0;}
.coach_step_box{display: flex;flex-direction: column;gap: 15px; border-radius: 5px; background-color: #f8f8f8; color: #333;padding: 40px; margin-bottom: 20px; border:1px solid #999999;}
.coach_step_box b { margin-right: 5px; }
.coach_step_box span { display: inline-block; }
.coach_step_box .coach-group { display: flex; justify-content: space-between; gap: 10px; width: 50%;}

/* 에듀자인 회원탈퇴 */
.drop_step_title{padding: 20px 0;}
.drop_step_title h2{font-size: 18px;}
.drop_step_box{display: flex;flex-direction: column;gap: 15px; border-radius: 5px; background-color: #f8f8f8; color: #333;padding: 40px; margin-bottom: 20px; border:1px solid #999999;}
#unregister #unregisterReason { width: 300px; margin: 20px 0; color: #999999 !important; border: 1px solid #999999 !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http://www.w3.org/2000/svg'%20viewBox%3D'0%200%204%205'%3E%3Cpath%20fill%3D'%23808080'%20d%3D'M2%205L4%203H0z'/%3E%3C/svg%3E") !important; }
.drop_step_box textarea{width: 100%; height: 200px !important; background: transparent; border:0;}
.drop_step_box p{text-align: left !important;}

/* 에듀자인 회원가입 */
#register_form .radio-group { display: flex; gap: 10px; margin-top: 10px; }
#register_form .reg-radio { position: relative; display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); padding: 10px; border: 2px solid #52ca9c; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease; }
#register_form .reg-radio input[type="radio"] { display: none; }
#register_form .reg-radio .radio-label::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; border: 2px solid #52ca9c; border-radius: 50%; background-color: white; transition: background-color 0.3s, border-color 0.3s; }
#register_form .reg-radio input[type="radio"]:checked + .radio-label::before { background-color: #52ca9c; border-color: #52ca9c; }
#register_form .radio-label { font-size: 16px; color: #333; display: flex; align-items: center; }
#register_form .chk_box{display: flex; align-items: center; justify-content: flex-start;}

/* 에듀자인 회원 아이디/비밀번호찾기 */
.lost-tab-container { display: flex; width: 100%; gap: 10px; margin: 20px auto; }
.lost-tab-button { flex: 1; padding: 10px 0; text-align: center; border: 2px solid #999; border-radius: 5px; font-size: 18px; cursor: pointer; transition: border-color 0.3s ease, background-color 0.3s ease; }
.lost-tab-button.active { border-color: #000; }




/* 에듀자인 하단 탭 */
.row-tab { float: left; width: 100%; }
.row-tabnav { font-size: 0; width: 100%; }
.row-tabnav li { display: inline-block; width: 50%; height: 46px; text-align: center; box-sizing: border-box; }
.row-tabnav li:last-child { border-right: none; }
.row-tabnav li a:before { content: ""; position: absolute; left: 0; top: 0px; width: 100%; height: 3px; }
.row-tabnav li a.active { border-bottom: 0px solid #fff; border-top: 3px solid #000; border-right: 3px solid #000; border-left: 3px solid #000; background-color: #fff;}
.row-tabnav li a { position: relative; display: block; background: #f1f1f1; color: #000; padding: 0 30px; line-height: 46px; text-decoration: none; font-size: 16px; font-weight: bold; border-bottom: 3px solid #000;}

.row-tabnav3 { font-size: 0; width: 100%; }
.row-tabnav3 li { display: inline-block; width: 33%; height: 46px; text-align: center; box-sizing: border-box; }
.row-tabnav3 li:last-child { border-right: none; }
.row-tabnav3 li a:before { content: ""; position: absolute; left: 0; top: 0px; width: 100%; height: 3px; }
.row-tabnav3 li a.active { border-bottom: 0px solid #fff; border-top: 3px solid #000; border-right: 3px solid #000; border-left: 3px solid #000; background-color: #fff;}
.row-tabnav3 li a { position: relative; display: block; background: #f1f1f1; color: #000; padding: 0 30px; line-height: 46px; text-decoration: none; font-size: 16px; font-weight: bold; border-bottom: 3px solid #000;}


/* 에듀자인 2버튼 */
.sec_content .content_box .btn_confirm2{padding: 50px 0; text-align: center;}
.sec_content .content_box .btn_confirm2 .content_btn,
.sec_content .content_box .btn_confirm2 .basic_btn,
.sec_content .content_box .btn_confirm2 .btn_cancel {float:left;height:50px !important;width:49%;font-weight:bold;font-size:1em;text-align: center;line-height: 50px;padding:0;}
.sec_content .content_box .btn_confirm2 .basic_btn {margin-left:1%; border-radius: 10px;background-color: #52ca9c;color:#fff;}
.sec_content .content_box .btn_confirm2 .content_btn{margin-left:1%;}
/* 에듀자인 3버튼 */
.sec_content .content_box .btn_confirm3{padding: 50px 0; text-align: center;}
.sec_content .content_box .btn_confirm3 .content_btn,
.sec_content .content_box .btn_confirm3 .basic_btn,
.sec_content .content_box .btn_confirm3 .btn_cancel {float:left;height:50px !important;width:32%;font-weight:bold;font-size:1em;text-align: center;line-height: 50px;border-radius: 10px;}
.sec_content .content_box .btn_confirm3 .basic_btn {margin-left:1%; border-radius: 10px;background-color: #52ca9c;color:#fff; line-height: 40px;}
.sec_content .content_box .btn_confirm3 .content_btn{margin-left:1%;}



/* 에듀자인 Q프로그램 시작 STEP */
.setp-tabs { display: flex; justify-content: center; position: relative; margin: 50px auto; text-align: center; font-weight: bold;}
.setp-tab { padding: 20px; width:100%; background-color: #fff; border-radius: 50px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 1.8rem; transition: background-color 0.3s ease, z-index 0.3s ease; margin-right: -20px; z-index: 1; }
.setp-tab span{display:block;font-size: 1.3rem;border-radius: 10px;}
.setp-tab:last-child{margin-right: 0px;}
.setp-tab:nth-child(1) { z-index: 4; }
.setp-tab:nth-child(2) { z-index: 3; }
.setp-tab:nth-child(3) { z-index: 2; }
.setp-tab:nth-child(4) { z-index: 1; }
.setp-tab.on { background-color: #52ca9c; color: #fff; z-index: 5; }

/* 에듀자인 로그인 */
.sec_content .content_box .mbskin{position: relative; margin: 0px auto; width: 100%; max-width: 700px; text-align: left;}
.sec_content .content_box #login_fs{padding:0;}
.sec_content .content_box label{font-weight: bold;}
.sec_content .content_box label[for="login_id"] {line-height: 40px; }
.sec_content .content_box label[for="login_pw"] {line-height: 40px; }
.sec_content .content_box .btn_confirm{padding: 50px 0; text-align: center;}


/* 에듀자인 회원가입 */
.sec_content .content_box .register p{text-align: center;}
.sec_content .content_box .register .reg_result_p{line-height: 30px;}
.sec_content .content_box .register .frm_input{background-color: #f8f8f8;}
.sec_content .content_box .register #register_form label{font-weight: bold;}
.sec_content .content_box .register .btn_register,
.sec_content .content_box .register .btn_cancel {float:left;height:50px !important;width:49%;font-weight:bold;font-size:1em;text-align: center;line-height: 50px;}
.sec_content .content_box .register .btn_register {margin-left:1%; border-radius: 10px;background-color: #52ca9c;color:#fff;}
.sec_content .content_box .register .btn_cancel {border-radius: 10px;background-color: #fff;border: 1px solid #d1d1d1;color:#000;}
.sec_content .register .btn_confirm{padding: 0px;}

/* 에듀자인 공지사항 */
.sch_bar .frm_input{width: 80%;}

.sch_bar .sch_btn{width:18%; display: inline-block; background: #000; color: #fff; height: 50px; line-height: 50px; border-radius: 5px; padding: 0 10px; text-decoration: none !important; }
.sec_content .content_box #bo_w .btn_confirm { padding: 0px; }
.sec_content .content_box #bo_w .btn_register, 
.sec_content .content_box #bo_w .btn_cancel { float: left; height: 50px !important; width: 49%; font-weight: bold; font-size: 1em; text-align: center; line-height: 50px; }
.sec_content .content_box #bo_w .btn_register { margin-left: 1%; border-radius: 10px; background-color: #52ca9c; color: #fff; }
.sec_content .content_box #bo_w .btn_cancel { border-radius: 10px; background-color: #fff; border: 1px solid #d1d1d1; color: #000; }

/* 에듀자인 반응형작업 태블릿 */
@media (max-width: 770px) {
	/* 공통 */
	.cont_pg{padding-top: 90px;}
	.top_menu{left: 0px !important; top: 35px !important;}
	.menu li.active > a::before{bottom: 18px !important;}
	.sec_content .content_box{padding: 20px;}
	.edu_tbl th, .edu_tbl td { width: 60px; height: 60px; }
	.navbar .pull-left a{margin: 10px 0px;}
	
	/* 메인 */
	.sec_content .content_box .plan_box select{width:150px;}
	#main .title h2{font-size: 4rem;line-height: 40px;padding-bottom: 60px;}
	#main .title span{font-size: 1.8rem; margin: 0 auto;line-height: 40px;}

	#main .sec_1{padding: 60px 0 !important;}
	#main .sec_1 .content .con{ height: 350px;}
	#main .sec_1 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_1 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_1 .content .con .div { text-align: start; }
	#main .sec_1 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_1 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}
	
	#main .sec_2{padding: 60px 0 !important;}
	#main .sec_2 .content .con{ height: 350px;}
	#main .sec_2 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_2 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_2 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_2 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_2 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	#main .sec_3{padding: 60px 0 !important;}
	#main .sec_3 .content .con{ height: 350px;}
	#main .sec_3 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_3 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_3 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_3 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_3 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	#main .sec_4{padding: 60px 0 !important;}
	#main .sec_4 .content .con{ height: 350px;}
	#main .sec_4 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_4 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_4 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_4 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_4 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	
	.modal-header{max-width: 360px;}
	.modal-content{max-width: 360px;max-height: 500px; overflow: auto;}

	.row-tabnav3 li a{padding: 0 10px;}
	.plan_box .addPortfolio .hasDatepicker{margin: 0 5px;}
	.plan_box .file-name{width: 50px;}

	.mypage-tab{font-size: 1.5rem;}
	.mypage_step_box{padding: 20px;}
	
	.sch_bar .frm_input{width: 75%;}  
}

/* 에듀자인 반응형작업 모바일 */
@media (max-width: 480px) {
	/* 공통 */
	.cont_pg{padding-top: 90px;}
	.top_menu{left: 0px !important; top: 35px !important;}
	.menu li.active > a::before{bottom: 18px !important;}
	
	.sec_content .inner .title h2{padding: 20px !important;}
	.sec_content .content_box{padding: 20px !important;}
	#ctt{padding:20px !important;}
	#ctt h1{padding: 20px !important;}
	footer .right{display: flex; justify-content: center; flex-direction: column; background: #fff; width: 100%; padding: 29px 0 23px 0;}
	footer .right span{display:block; font-size: 1.4rem; font-weight: 900; float: left;width: 100%;text-align: center;}
	
	.left-top{text-align: center;float: none !important;padding-left:0px !important;}

	/* 테이블반응형 보류 */
	/* .edu_tbl table{width: 1000px;} */
	.edu_tbl th, .edu_tbl td { width: 60px; height: 60px; }
	.navbar .pull-left a{margin: 10px 0px;}
	.setp-tab{padding: 10px 20px;font-size: 1.4rem;}

	#loading-indicator{font-size: 14px;}
	
	/* 메인 */
	.sec_content .content_box .plan_box select{width:150px;}
	#main .title h2{font-size: 3rem;line-height: 20px;padding-bottom: 40px;}
	#main .title span{font-size: 1.8rem; margin: 0 auto;line-height: 40px;}

	#main .sec_1{padding: 60px 0 !important;}
	#main .sec_1 .content .con{ height: 350px;}
	#main .sec_1 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_1 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_1 .content .con .div { text-align: start; }
	#main .sec_1 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_1 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}
	
	#main .sec_2{padding: 60px 0 !important;}
	#main .sec_2 .content .con{ height: 350px;}
	#main .sec_2 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_2 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_2 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_2 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_2 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	#main .sec_3{padding: 60px 0 !important;}
	#main .sec_3 .content .con{ height: 350px;}
	#main .sec_3 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_3 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_3 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_3 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_3 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	#main .sec_4{padding: 60px 0 !important;}
	#main .sec_4 .content .con{ height: 350px;}
	#main .sec_4 .content .con .txt h2{font-size: 2.4rem; padding-bottom: 0; line-height: 1; padding-bottom: 17px;}
	#main .sec_4 .content .con .txt p{font-size: 1.5rem; line-height: 2.0rem;}
	#main .sec_4 .content .con .img{width: 100% !important;height: 150px;text-align: center;}
	#main .sec_4 .content .con .txt{padding: 20px 0;text-align: center;}
	#main .sec_4 .hide {width: 140px; height: 45px; line-height: 40px; padding: 0;margin: 20px 0 0;}

	
	.modal-header{max-width: 330px;}
	.modal-content{max-width: 330px;max-height: 500px; overflow: auto;}
	.modal th, td{width:100%;}
	.modal-content textarea{width:100%;}

	.row-tabnav3 li a{padding: 0 10px;}
	.plan_box .addPortfolio .hasDatepicker{margin: 0 3px;}
	.plan_box .file-name{width: 30px;}

	.mypage-tab{font-size: 1.1rem;}
	.mypage_step_box{padding: 20px;}
	.mypage_step_box .printButton{display:none !important;}
	
	.sch_bar .frm_input{width: 75%;}
}

/* 에듀자인 메인작업 */
.section .login_pgbox {}
.section .login_pgbox > strong {display: block; font-size: 22px; font-weight: 300; text-align: center; margin-bottom: 15px;}
.section .login_pgbox > strong > span {font-weight: bold;}

.section .login_pgbox > .coach_matching_card {border-radius: 20px; background-color: #fff; padding: 20px; text-align: center;}
.section.sec_2 .login_pgbox > .coach_matching_card {border: 1px solid #999; }

.section .login_pgbox > .coach_matching_card > .condition {font-size: 17px; display: inline-block; padding: 10px 20px; border: 3px solid #1aa570; border-radius: 10px; color: #1aa570; font-weight: bold;}
.section .login_pgbox > .coach_matching_card > .condition > img {margin-right: 5px; width: 30px;}


.section .login_pgbox > .coach_matching_card > .profile_box > .profile {display: inline-block; width: 100px; height: 100px; border-radius: 50px; margin-bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.section .login_pgbox > .coach_matching_card > .profile_box > ul {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #ededed;}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #ededed;}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li {}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div {margin-bottom: 10px;}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div > strong {}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div > span {}
.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div > .text_name {display: inline-block; color: #1aa570; font-weight: bold; padding: 3px 8px; border: 2px solid #1aa570; border-radius: 20px; margin-left: 5px;}
.section .login_pgbox > .coach_matching_card .btn_test {transition: 0.3s; padding: 3px 15px; display: inline-block; border-radius: 7px; background-color: #52ca9c; color: #fff; font-weight: bold;}
.section .login_pgbox > .coach_matching_card .btn_test:hover {background-color: #30ac7c; transition: 0.3s;}

.section .login_pgbox > .coach_matching_card .graph_bar {position: relative; padding: 3px; border: 1px solid #d4d4d4; overflow: hidden; background-color: #fff; display: block; height: 20px;}
.section .login_pgbox > .coach_matching_card .graph_bar span {position: absolute; left: 0; top: 0; width: calc(100% - 6px); height: calc(100% - 6px); background-color: #f86a0c; margin: 3px;}

.section .login_pgbox > .coach_matching_card .test_info {margin-top: 10px;}
.section .login_pgbox > .coach_matching_card .test_info .txt {color: #999; font-size: 14px; display: block; line-height: 1.2; margin-bottom: 5px; word-break: keep-all;}


@media only screen and (min-width: 768px) {
	.section .login_pgbox > strong {font-size: 30px;}

	.section .login_pgbox > .coach_matching_card {padding: 40px;}

	.section .login_pgbox > .coach_matching_card > .profile_box {display: flex; align-items: flex-start;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .profile {margin-right: 20px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul {width: calc(100% - 120px); text-align: left;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li {font-size: 18px; padding-right: 10px; margin-right: 10px; display: inline; position: relative;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li::before {content: ""; position: absolute; right: 0; top: 3px; height: 13px; width: 1px; background-color: #000;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li:last-child {padding-right: 0; margin-right: 0;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li:last-child::before {background: none;}

	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap {width: calc(100% - 120px); text-align: left;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li {font-size: 18px; padding-right: 10px; margin-right: 10px; display: flex; justify-content: space-between; align-items: center; position: relative;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div {display: inline;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li::before {content: ""; position: absolute; right: 0; top: 3px; height: 13px; width: 1px; background-color: #000;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li:last-child {padding-right: 0; margin-right: 0;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li:last-child::before {background: none;}

	.section .login_pgbox > .coach_matching_card > .condition {font-size: 20px;}
	
	.section .login_pgbox > .coach_matching_card .graph_bar {height: 35px;}
		
	.section .login_pgbox > .coach_matching_card .test_info {margin-top: 15px; display: flex; justify-content: space-between; align-items: center;}
	.section .login_pgbox > .coach_matching_card .test_info .txt {font-size: 16px;}
}

@media only screen and (min-width: 1024px) {
	.section .login_pgbox > strong {font-size: 45px; margin-bottom: 105px; margin-bottom: 75px;}
	
	.section .login_pgbox > .coach_matching_card {text-align: right; position: relative; padding: 55px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .profile {margin-right: 50px; width: 150px; height: 150px; border-radius: 150px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul {width: calc(100% - 200px); text-align: left; margin-bottom: 45px; padding-bottom: 20px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li {font-size: 22px; font-size: 25px; padding-right: 15px; margin-right: 15px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > ul > li::before {top: 5px; height: 21px;}
	
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap {width: calc(100% - 200px); text-align: left; padding-bottom: 15px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul {margin-bottom: 45px; padding-bottom: 20px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li {font-size: 22px; font-size: 25px; padding-right: 15px; margin-right: 45px; display: flex; justify-content: space-between; align-items: center;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li::before {top: 5px; height: 21px;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div {margin-bottom: 0;}
	.section .login_pgbox > .coach_matching_card > .profile_box > .test_wrap > ul > li > div > .text_name {padding: 5px 15px; border-radius: 50px;}
	.section .login_pgbox > .coach_matching_card .btn_test {padding: 5px 25px; border-radius: 12px; font-size: 25px;}

	.section .login_pgbox > .coach_matching_card > .condition {position: absolute; bottom: 35px; right: 50px; font-size: 25px;}
	.section .login_pgbox > .coach_matching_card > .condition > img {margin-right: 7px; width: 46px; margin-bottom: 2px;}

	.section .login_pgbox > .coach_matching_card .graph_bar {height: 45px;}
		
	.section .login_pgbox > .coach_matching_card .test_info {margin-top: 20px;}
	.section .login_pgbox > .coach_matching_card .test_info .txt {font-size: 20px;}
}

/* 이용약관,개인정보처리방침 */
#ctt{padding:50px;background-color: #fff;border-radius: 30px;}
#ctt h1{padding:50px;text-align: center;}
#ctt_con{border: 1px solid #d2d2d2; padding: 30px; border-radius: 10px;}
.sec_content .btn_confirm{padding-top: 100px;}
.sec_content .btn_confirm .btn_privacy,
.sec_content .btn_confirm .btn_provision {float:left;height:50px !important;width:49%;font-weight:bold;font-size:1em;text-align: center;line-height: 50px;}
.sec_content .btn_confirm .btn_privacy {margin-left:1%; border-radius: 10px;background-color: #fff;}
.sec_content .btn_confirm .btn_provision {border-radius: 10px;background-color: #fff;}
.sec_content .btn_confirm .on{background-color: #313131; color:#fff;}

#main .sec_2{background: #fff; padding: 160px 0;}
#main .sec_2 .title h2{color: #000;}

#main .sec_2 .content{ position: relative; top: 0;}
#main .sec_2 .content .mySwiper_main {position: absolute; top: 0; left: 50%; width: 2850px; margin-left: -1425px;}
#main .sec_2 .content .mySwiper_main .swiper-wrapper{overflow: initial;}
#main .sec_2 .content .mySwiper_main .slide{background-size:cover; background-repeat:no-repeat; width: 100%; height:100%;}
#main .sec_2 .content .mySwiper_main .swiper-slide{filter: grayscale(1); transition: 0.3s;}
#main .sec_2 .content .mySwiper_main .swiper-slide-active{filter: grayscale(0);}
#main .sec_2 .content .mySwiper_main .swiper-slide-active a{display:block; cursor: pointer !important; }

#main .sec_2 .swiper-button-next, #main .sec_2 .swiper-button-prev {color: #fff; top: 86.5%;  max-height: 15px; display: flex; gap: 8px; align-items: center;}
#main .sec_2 .swiper-button-next p, #main .sec_2 .swiper-button-prev p{font-family: 'Poppins', sans-serif; font-size: 1.6rem; font-weight: 400; color: #fff;}
#main .sec_2 .swiper-button-next{width: 65px; right: 15%;}
#main .sec_2 .swiper-button-prev{width: 65px; left: 15%;}
#main .sec_2 .swiper-button-prev span{transform: rotate(180deg);}
#main .sec_2 .swiper-button-next:after, #main .sec_2 .swiper-button-prev:after {display: none;}
#main .sec_2 .swiper-pagination-bullet{opacity: 0; z-index: -1;}
#main .sec_2 .swiper-pagination-bullets.swiper-pagination-horizontal{top: 85%; left: 50%; transform: translateX(-50%); height: fit-content; max-width: 54%; display: flex; align-items: center; justify-content: space-between; background:#5d5f60; height:1px; padding: 0 40px;}
#main .sec_2 .swiper-pagination-clickable .swiper-pagination-bullet{width: 15px; height: 15px;}
#main .sec_2 .swiper-pagination-bullet-active{background: #52ca9c; opacity: 1; z-index:9;}
#main .sec_3{padding:80px 0 96px 0; background: #eeefef;}
#main .sec_3 .content.content_1{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px;}
#main .sec_3 .content.content_2, #main .sec_3 .content.content_3{display: none;}
#main .sec_4 {padding: 85px 0 100px 0; position: relative; top: 0;}
#main .sec_4 .content{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 59px;}
#main .sec_4 .content.swiper{display: none;}
#main .sec_4 .swiper-button-next, #main .sec_4 .swiper-button-prev{display: none;}
#main .sec_4 .swiper-button-next:after, #main .sec_4 .swiper-button-prev:after{display: none;}
#main .sec_4 .content .con{max-height: 640px; border: 1px solid #e7e7e7; box-sizing: border-box;}
#main .sec_4 .content .con:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
#main .sec_4 .content .con .top{padding:35px 0 55px 0; background: linear-gradient(-174deg, #eeefef 80%, #fff 20%); transition: 0.3s;} 
#main .sec_4 .content .con:hover .top{background: linear-gradient(-174deg, #52ca9c 80%, #fff 20%);}
#main .sec_4 .content .con .top i{display:block; text-align:center; font-style: normal; font-family: 'Poppins', sans-serif; font-size: 3.0rem; font-weight: 100;}
#main .sec_4 .content .con:last-child .top i{font-family:'Pretendard'; font-weight: 200;}
#main .sec_4 .content .con .top h2{font-family: 'Poppins', sans-serif; font-size: 6.0rem; font-weight: 700; line-height: 48px; letter-spacing: 1.0rem; color: #52ca9c; text-align: center;}
#main .sec_4 .content .con:last-child .top h2{font-family:'Pretendard';  font-size: 4.2rem; letter-spacing:normal; font-weight: 900}
#main .sec_4 .content .con:hover .top h2, #main .sec_4 .content .con:hover .top i{color: #fff; transition: 0.3s;}
#main .sec_4 .content .con.pre .top h2{font-family:'Pretendard'; font-size: 4.0rem; letter-spacing: normal; line-height:48px;}
#main .sec_4 .content .con .top h2 p{font-family:'Pretendard'; display:inline-block; font-size:1.6rem; line-height: 30px; color: #52ca9c; letter-spacing: -0.5px;}
#main .sec_4 .content .con:hover .top h2 p{color:#fff; transition: 0.3s;}
#main .sec_4 .content a.ing{color: #6fc4c1; background: #333333; display: block; border-radius: 25px; padding: 0 51px;  box-sizing: border-box;  margin: 20px auto 30px auto; width: fit-content; height: 50px; line-height: 50px; text-align: center;}
#main .sec_4 .content .con .btm .txt_area{padding: 0 40px;}
#main .sec_4 .content .con .btm .txt_area > span{font-size:1.6rem; font-weight:300; line-height:30px; display: flex; justify-content: space-between;}
#main .sec_4 .content .con .btm .txt_area > span b{font-weight: 700;}
#main .sec_4 .content .con .btm .txt_area > span > span{font-size:2.2rem; font-weight:300; line-height:30px;}
#main .sec_4 .content .con .btm .txt_area .line{display: block; border: 1px solid #f6f6f6; margin: 20px 0;}
#main .sec_4 a.more{margin-top: 20px; margin-bottom: 30px;}
#main .sec_5 {background: url(../images/sec_5_bg.jpg) no-repeat center center; background-size: cover; padding: 118px 0;}
#main .sec_5 .title {max-width: 650px; margin: 0 auto; padding-bottom: 0;}
#main .sec_5 .title h2 {color: #fff;}
#main .sec_5 .title span{color: rgba(255,255,255,0.5);}

/*--------------------------------------------------------------------------------------------------------*/
/*sub*/
/*--------------------------------------------------------------------------------------------------------*/

/*sub ����*/
.sub .size{max-width: 1000px;}
.sub .title{text-align: center; padding-top: 85px; padding-bottom: 76px;}
.sub .title h2{font-size:5.0rem; font-weight: 800; line-height: 60px; padding-bottom: 20px;} 
.sub .title span{display: block; font-size: 2.0rem; font-weight: 400; line-height: 26px; text-align: center; color: rgba(0,0,0,0.6); letter-spacing: -1.0px;}
/* .sub .content .title{padding-top:0;} */
/* .sub .section {padding: 85px 0 100px 0;} */

/*sample*/
.sub.sample .sec_1 .content{display: grid; grid-template-columns: 1fr 1fr 1fr;  gap: 80px; }
.sub.sample .sec_1 .content .con{width:100%; height: 100%; max-width: 450px;/* max-height: 600px; */background-size: 100% !important; position: relative; top: 0; border: 1px solid #eeefef; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius: 20px; overflow: hidden;}
.sub.sample .sec_1 .content .con:hover{ box-shadow: 0 0 30px rgba(0,0,0,.3); transition:all .8s ease; -webkit-transition:all .8s ease; -ms-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease;}
.sub.sample .sec_1 .content .con .list_img{width: 100%; height: 0; padding-top:80%; position: relative; top: 0; left: 0; overflow: hidden;}
.sub.sample .sec_1 .content .con .list_img img{position:absolute;  top: 0; left: 0; width: 100%; /*height: 100%;*/  object-fit: cover; object-position:top center; transition: transform 0.5s ease-in-out; }
.sub.sample .sec_1 .content .con:hover .list_img img{transform: translateY(-38%);}
.sub.sample .sec_1 .content .con .list_img span{position:absolute; width:80px; height:40px; line-height: 40px; right:0; top:0; color:#fff; font-size:1.3rem; background: rgba(0,0,0,0.9); border-radius: 0 0 0 10px; text-align: center;}
.sub.sample .sec_1 .content .con .list_img .img_price{background: rgba(0,0,0,0.8); width: 100%; height: 60px; line-height: 60px; padding: 0 19px 0 26px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 0;}
.sub.sample .sec_1 .content .con .list_img .img_price span{font-family: 'Poppins'; font-size: 1.6rem; font-weight: 300; color: #fff; letter-spacing: -0.25px;}
.sub.sample .sec_1 .content .con .list_img .img_price span b{font-weight: 700;}
.sub.sample .sec_1 .content .con .list_img .img_price p{font-size: 1.4rem; font-weight: 500; letter-spacing: -0.25px; color: #fff;}
.sub.sample .sec_1 .content .con .list_img .img_price p b.blue{font-family: 'Poppins'; font-weight: 700; font-size: 2.0rem; color: #52ca9c;}
.sub.sample .sec_1 .content .con .list_txt{padding:24px; background:#f9f9f9;}
.sub.sample .sec_1 .content .con .list_txt .p_title{font-size:2.4rem; font-weight: 800; letter-spacing: -1;}
.sub.sample .sec_1 .content .con .list_txt .p_price_old > b{font-size:1.8rem; font-weight: 600; text-decoration:line-through; }
.sub.sample .sec_1 .content .con .list_txt .p_price > b{font-size:2.0rem; font-weight: 800; color:#52ca9c; }
.sub.sample .sec_1 .content .con .list_txt .p_keyword{padding-top: 4px;  }
.sub.sample .sec_1 .content .con .list_txt ul > li > span{display: inline-block; width:60px; color:#666; font-size:1.4rem; font-weight: 600; }
.sub.sample .sec_1 .content .con .list_txt .p_keyword > div{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 4px; margin-top:5px;}
.sub.sample .sec_1 .content .con .list_txt .p_keyword > div > p{font-weight: 400; font-size:1.4rem;  line-height: 28px; height:28px; color: #666; padding: 4px 10px; border: 1px solid rgba(0,0,0,0.1); background:#fff; border-radius: 4px;  width: fit-content; float:left;}
.sub.sample .sec_1 .content .con .list_txt .p_keyword > span{display: block;}

.sub.sample .sec_1 .content .con .h_btn{width:100%; text-align: center; padding:24px; box-sizing: border-box;}
.sub.sample .sec_1 .content .con .h_btn a{font-size: 1.5rem; font-weight:800;  background:#333; color:#fff; padding-left:8%; display:inline-block; border-radius: 5px; box-sizing: border-box; max-width: 140px; line-height:60px; height:60px;  width: 100%; transition: 0.3s; position:relative; box-shadow: 0 0 15px rgba(0,0,0,0);}
.sub.sample .sec_1 .content .con .h_btn a:hover{box-shadow: 2px 2px 5px rgba(0,0,0,.2);}
.sub.sample .sec_1 .content .con .h_btn a.more_view{background-color:#52ca9c;}
.sub.sample .sec_1 .content .con .h_btn a.more_view:hover{background-color:#1c9ca4;}
.sub.sample .sec_1 .content .con .h_btn a.demo_view{background-color:#666;}
.sub.sample .sec_1 .content .con .h_btn a.demo_view:hover{background-color:#333;}
.sub.sample .sec_1 .content .con .h_btn a.more_view::before{content:''; clear: both; background: url(/theme/basic/images/search.svg) no-repeat center center; background-size:22px; position: absolute; left:14%; top:50%; width:30px; height: 26px; margin-top: -13px;}
.sub.sample .sec_1 .content .con .h_btn a.demo_view::before{content:''; clear: both; background: url(/theme/basic/images/demo_view.svg) no-repeat center center; background-size:26px;  position: absolute; left:14%; top:50%; width:30px;  height: 26px;  margin-top: -13px;}

.sub.sample .sec_1 .content .con .hover{position:absolute; left:0; top:0;}
.sub.sample .sec_1 .content .con:hover .hover{opacity: 1; visibility: visible; transition:all .8s ease; -webkit-transition:all .8s ease; -ms-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease;}
.sub.sample .sec_1 .content .con1{background: url(/theme/basic/images/sample_1.png) no-repeat center center;}
.sub.sample .sec_1 .content .con2{background: url(/theme/basic/images/sample_2.png) no-repeat center center;}
.sub.sample .sec_1 .content .con3{background: url(/theme/basic/images/sample_3.png) no-repeat center center;}
.sub.sample .sec_1 .content .con4{background: url(/theme/basic/images/sample_4.png) no-repeat center center;}
.sub.sample .sec_1 .content .con5{background: url(/theme/basic/images/sample_5.png) no-repeat center center;}
.sub.sample .sec_1 .content .con6{background: url(/theme/basic/images/sample_6.png) no-repeat center center;}
.sub.sample .sec_1 .content .con7{background: url(/theme/basic/images/sample_7.png) no-repeat center center;}
.sub.sample .sec_1 .content .con8{background: url(/theme/basic/images/sample_8.png) no-repeat center center;}
.sub.sample .sec_1 .content .con9{background: url(/theme/basic/images/sample_9.png) no-repeat center center;}
.sub.sample .sec_1 .content .con .hover{text-align: center; background:rgba(0,0,0,0.6); width:100%; height:100%; opacity: 0; visibility: hidden; cursor: pointer; transition: 0.2s; backdrop-filter: blur(4px);}
.sub.sample .sec_1 .content .con .hover .txt_box{display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center;}
.sub.sample .sec_1 .content .con .hover h4{font-family: 'Poppins', sans-serif; font-size: 2.8rem; font-weight: 200; line-height: 32px; letter-spacing:-0.025rem; color: #fff; text-align: center; margin-bottom: 0;}
.sub.sample .sec_1 .content .con .hover h4 b{font-weight: 700; display: block;}
.sub.sample .sec_1 .content .con .hover span{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; margin: 0 auto; padding: 10px 30px 20px; box-sizing: border-box;} 
.sub.sample .sec_1 .content .con .hover span p{font-size: 1.6rem; font-weight: 400; line-height: 30px; height:30px; color: #fff; padding: 4px 10px; border: 1px solid rgba(255,255,255,0.2); border-radius: 2px;  width: fit-content; float:left;}
.sub.sample .sec_1 .content .con .hover span.price{ font-size: 2.0rem; font-weight: 400; color: #52ca9c; padding: 0 0 10px 0;}
.sub.sample .sec_1 .content .con .hover span.price b{font-size: 3.0rem;}
.sub.sample .sec_1 .content .con .hover .h_btn{width:100%;}
.sub.sample .sec_1 .content .con .hover .h_btn a{font-size: 1.4rem; font-weight:400; line-height: 15px; background:#fff; padding: 16px; display:inline-block; border-radius: 5px; box-sizing: border-box; max-width: 80px; max-height: 80px; width: 100%; transition: 0.3s;}
.sub.sample .sec_1 .content .con .hover .h_btn a:hover{background: #52ca9c;}
.sub.sample .sec_1 .content .con .hover .h_btn a.more_view::before{content:''; clear: both; background:url(/theme/basic/images/search.png) no-repeat center center; display: block; height: 26px; margin-bottom: 8px;}
.sub.sample .sec_1 .content .con .hover .h_btn a.demo_view::before{content:''; clear: both; background:url(/theme/basic/images/demo_view.png) no-repeat center center; display: block; height: 26px; margin-bottom: 8px;}
.sub.sample .sec_2{padding-top: 150px;}
.sub.sample .sec_2 .content {background: url(/theme/basic/images/sec_5_bg.jpg) no-repeat center center; background-size: cover; padding: 118px 0;}
.sub.sample .sec_2 .content .title {padding-bottom: 40px;}
.sub.sample .sec_2 .content .title h2 {color: #fff;}
.sub.sample .sec_2 .content .title span{color: rgba(255,255,255,0.5);}
.sub.sample .sec_2 .content .btn a{margin: 0 auto;}


/*about*/
.sub.about .section.sec_2{margin-bottom: 100px;}
.sub.about .section.sec_2 .content{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;  gap: 60px; }
.sub.about .section.sec_2 .content .con{width:100%; height: 100%; max-width: 400px;/* max-height: 600px; */background-size: 100% !important; position: relative; top: 0; border: 1px solid #eeefef; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius: 20px; overflow: hidden;}
.sub.about .section.sec_2 .content .con:hover{ box-shadow: 0 0 30px rgba(0,0,0,.3); transition:all .8s ease; -webkit-transition:all .8s ease; -ms-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease;}
.sub.about .section.sec_2 .content .con .list_img{width: 100%; height: 0; padding-top:90%; position: relative; top: 0; left: 0; overflow: hidden;}
.sub.about .section.sec_2 .content .con .list_img img{position:absolute;  top: 0; left: 0; width: 100%; height: 100%;  object-fit: cover; object-position:center; transition: transform 0.5s ease-in-out; }
.sub.about .section.sec_2 .content .con:hover .list_img img{transform: scale(1.2); }
.sub.about .section.sec_2 .content .con .list_img span{position:absolute; width:80px; height:40px; line-height: 40px; right:0; top:0; color:#fff; font-size:1.3rem; background: rgba(0,0,0,0.9); border-radius: 0 0 0 10px; text-align: center;}
.sub.about .section.sec_2 .content .con .list_img .img_price{background: rgba(0,0,0,0.8); width: 100%; height: 60px; line-height: 60px; padding: 0 19px 0 26px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 0;}
.sub.about .section.sec_2 .content .con .list_img .img_price span{font-family: 'Poppins'; font-size: 1.6rem; font-weight: 300; color: #fff; letter-spacing: -0.25px;}
.sub.about .section.sec_2 .content .con .list_img .img_price span b{font-weight: 700;}
.sub.about .section.sec_2 .content .con .list_img .img_price p{font-size: 1.4rem; font-weight: 500; letter-spacing: -0.25px; color: #fff;}
.sub.about .section.sec_2 .content .con .list_img .img_price p b.blue{font-family: 'Poppins'; font-weight: 700; font-size: 2.0rem; color: #52ca9c;}
.sub.about .section.sec_2 .content .con .list_txt{padding:24px;}
.sub.about .section.sec_2 .content .con .list_txt .p_title{font-size:2.0rem; font-weight: 800; letter-spacing: -1px; display: block; line-height: 1.2; }
.sub.about .section.sec_2 .content .con .list_txt p{ padding-top:10px; color:#999;}

.bbs_view{border-top:1px solid #52ca9c;}
.bbs_view .bbs_title{text-align: center; border-bottom:1px solid #f2f2f2; padding:30px;}
.bbs_view .bbs_title h3{font-size:3.0rem; color:#52ca9c;  font-weight: 800; letter-spacing: -1px; display: block; line-height: 1.2; }
.bbs_view .bbs_title p{color:#999; font-size:1.4rem;}
.bbs_contents{border-bottom:1px solid #ccc; padding:30px;}
.bbs_contents img{max-width:100%;}


.sub.about  .sec .top{width:100%; height:auto; max-width: 1400px; margin:0 auto;} 
.sub.about  .sec .top p{color:#fff; text-align: center; font-size:2.6rem; font-weight:200; letter-spacing: -1.2px;}
.sub.about  .sec .top p.big_t{font-size:6.0rem; letter-spacing: -2px;}
.sub.about  .sec .top p span{color:#52ca9c;}
.sub.about  .sec .top p strong{font-weight:800;}
.sub.about  .sec.sec_3{padding-top:60px;}
.sub.about  .sec.sec_4{padding-top:80px;}
.sub.about  .sec .top .btn_area{margin-top:40px;}
.sub.about  .sec .top a.btn{color:#fff; border:1px solid rgba(255,255,255,0.4); max-width:180px; display: block; height:60px; line-height: 60px; margin:0 auto; }
.sub.about  .sec .top a.btn:hover{background-color:#52ca9c; color:#000; font-weight: 800;}

.sub.about #particles{
  width: 100%;
  height: 100%;
  min-height:1000px;
  overflow: hidden;
  background:#000;
  position:relative;
}

.sub.about #intro {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  width: 100%;
     height:100%;
  text-align: center;
}

.sub.about  .cont_area{position:absolute; top:350px; left:0; width:100%; height:1000px; }

.sub.about .sec.sec_2 .content{max-width:1000px; width: 100%; margin: 0 auto; align-items: center; justify-content: space-between; padding-top:150px;}
.sub.about .sec.sec_2 .content .con{width: fit-content;}
.sub.about .sec.sec_2 .content .con .img{text-align: center; height: 30px;}
.sub.about .sec.sec_2 .content .con .img img{height: 100%;}


/* cmall */
.cmall-list{margin: 20px 0;}
.cmall-detail{height: 30px; line-height:30px}
.cmall-detail li{float: left; padding: 0 5px;}
.cmall-price{font-size: 1.4rem; font-weight:bold;}
.cmall-tit{font-size: 1.4rem; font-weight:bold;}
.cmall-txt{font-size: 1.2rem; color: #383838;}
.cmall-options { background: #F2F3F5; border: 1px solid #DEE3E0; clear: both; overflow: hidden; margin-top: 5px;   border-bottom: 0;}
.cmall-options li { color: #5A5A5A; border-bottom: 1px solid #DEE3E0; padding: 5px;}
.change_option{padding:5px 10px 5px 10px; color: #fff; background: #555; border: none;width:100%;}
.product-box{overflow: hidden; clear: both;}
.product-box .product-left{float: left; width: 50%; height:100%; max-width: 926px; position: relative; padding-top: 50px;}
.product-box .product-left .item_inbox{/*height:700px; padding: 60px 0 0; background: linear-gradient(180deg, #eeefef 70%, #fff 30%);*/}
.product-box .product-left .item > div{max-width:600px; margin: 0 auto;}
.product-box .product-left img{width: 100%;}
.product-box .product-left .prev{position: absolute;left: 0; top: 45%;}
.product-box .product-left .next{position: absolute;right: 0; top: 45%;}
.product-box .btn-prev{width: 45px; height: 45px; display: inline-block;}
.product-box .btn-next{width: 45px; height: 45px;display: inline-block;}
.product-right{width: 50%; float: left; max-width: 600px; padding: 60px 0 60px 90px; }
.product-detail{margin: 20px;clear: both;  overflow: hidden;}
.product-option{clear: both;overflow: hidden;}
.market.detail .inbox_wrap .product-right{position: unset !important; width: 100%; max-width: unset; padding-left: 0; max-width: 927px; margin: 0 auto; float: unset;}

.product-info{clear: both;width: 100%; display: block;overflow: hidden;border: 1px solid #dcdcdc;}
.product-info .product-info-top{background: #ededed;width: 100%; height: 30px; line-height:30px;border-bottom: 1px solid #dcdcdc;}
.product-info .product-info-top li{float: left; width: 33%; display: inline-block; text-align:center; border-right: 1px solid #dcdcdc;}
.product-info .product-info-top li:last-child{border-right: none !important;}
.product-info .product-info-top li:hover{background: #587ccd; color: #fff;}
.product-info .product-info-top li:hover a{background: #587ccd; color: #fff;}
.product-info .product-info-top .current{background: #587ccd; color: #fff;}
.product-info .product-info-top .current a{color: #fff;}
.product-feedback{margin:20px; overflow: hidden; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px;}
.product-feedback ul{overflow: hidden;overflow: hidden;color: #5f5f5f;font-size: 1.2rem;}
.product-feedback ul li{float: left; padding-right:10px}
.feedback-box{background:#f1f1f1; border: 1px solid #dcdcdc; clear: both; overflow: hidden; padding: 10px; margin-top: 10px !important;}
.detail-box{background:#f1f1f1; border: 1px solid #dcdcdc; clear: both; overflow: hidden; padding: 5px; margin-top: 5px !important;}

.product-title{font-weight: bold; padding-bottom: 10px;font-size: 1.6rem;}
.product-title > span.product_no{ display:table; width:auto;  background:#333; border-radius:20px; padding:0 20px; font-size: 1.4rem; font-weight: 400;  color:#fff; margin-bottom:8px;}
.product-no{font-size: 1.3rem;}
.product-no > tbody{display: flex; align-items: flex-start; justify-content: space-between;}
.product-no > tbody > tr > td{font-size: 1.6rem; font-weight: 300; line-height: 1.2;}
.product-no > tbody > tr > td b{font-family: 'Poppins', 'Pretendard', sans-serif; font-size:2.0rem; font-weight: 700; line-height: 1.4;}
.product-no tbody tr td.money{font-size: 1.8rem; font-weight: 700; line-height: 1.4; text-align: end;}
.product-no tbody tr td.money span{font-size: 1.6rem; display: block; text-decoration: line-through;}
/*.product-option tbody tr:nth-child(5) td.pc_b div:first-child{display: none; opacity: 0; visibility: hidden;}
.product-option tbody tr:nth-child(5) td.pc_b div:first-child{display: none; opacity: 0; visibility: hidden;}
.product-option tbody tr:nth-child(6) td.pc_b div:first-child{display: none; opacity: 0; visibility: hidden;}*/
.product-option tbody tr:nth-child(2) td div:last-child, .product-option tbody tr:nth-child(2) td:nth-child(4){font-weight: 700;}
.product-option tbody tr:nth-child(3) td div:last-child, .product-option tbody tr:nth-child(3) td:nth-child(4){font-weight: 700;}
.product-option tbody tr:nth-child(4) td div:last-child, .product-option tbody tr:nth-child(4) td:nth-child(4){font-weight: 700;}
.product-option tbody tr:nth-child(5) td div:last-child, .product-option tbody tr:nth-child(5) td:nth-child(4){font-weight: 700;}
/*.product-option tbody tr:nth-child(6) input[type="checkbox"]:checked + label:before,
.product-option tbody tr:nth-child(7) input[type="checkbox"]:checked + label:before{background-color:#eeefef;}
.product-option tbody tr:nth-child(7) td.pc_b div:first-child{display: none; opacity: 0; visibility: hidden;}
.product-option tbody tr:nth-child(7) td div:last-child, .product-option tbody tr:nth-child(7) td:nth-child(4){font-weight: 700;}*/
.product-option tbody .edit{position: relative; top: 0; left: 0;}
.product-option tbody .edit td:nth-child(1){width: 20px; padding-right:8px;}
.product-option tbody .edit td:nth-child(2),.market .product-right table tbody tr td:nth-child(3){display: flex; width: 100%; align-items: center; font-size: 1.6rem; font-weight: 700; line-height: 40px;}
.popup-cart{width: 600px; z-index: 999; height:auto; display:block; position: absolute; background:#fff; border: 2px solid #dcdcdc; padding:20px 20px 10px;}
.market table.item_detail_table .btn-group:disabled {background: #ccc;}

.market table.item_detail_table input[type="checkbox"]:disabled + label:before{background-color: #eeefef;}

.product-option tbody tr:nth-child(5) td.mob > .btn-group, .product-option tbody tr:nth-child(6) td.mob > .btn-group, .product-option tbody tr:nth-child(7) td.mob > .btn-group{display: none;}

.product-option tbody tr:nth-child(2), .product-option tbody tr:nth-child(4){display:none;}
.product-option tbody tr:nth-child(5) td.detail_price{position:relative;}
.product-option tbody tr:nth-child(5) td.detail_price:before{content:'160,000'; position:absolute; right:20px; top:0; text-decoration:line-through; width:100%; font-weight: 400;}
.product-option tbody tr:nth-child(5) td.detail_price:after{content:'12개월 신청시 웹호스팅 1년 무료'; position:absolute; right:85px; top:50%; margin-top:-13px;  width:auto; font-weight: 400; background-color:#FFF59F; color:#AD0002; font-size:12px;  height:26px; line-height: 26px; border-radius: 4px; padding:0 6px; box-sizing: border-box; font-weight: 600;}

/* input[type="checkbox"] {display: inline-block; position: absolute; left: -9999px; opacity: 0; visibility: hidden; width: 1px; height: 1px; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); overflow: hidden;}
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label > span{vertical-align: middle; padding-left: 5px;} */
.input_row.on{border-bottom: 2px solid #52ca9c;}

/* label:before�� üũ�ϱ� �� ���� CSS */
/* input[type="checkbox"] + label:before{ content:""; display:inline-block; width:20px; height:20px; vertical-align:middle; border:1px solid #9e9e9e;}  */
  
/* label:before�� üũ �� ���� CSS */  
/* input[type="checkbox"]:checked + label:before{content:"";  border-color:#52ca9c; background-image: url(/theme/basic/images/check.png); background-repeat: no-repeat; background-position: 50%;} */

.total_price {float:right; font-weight:bold; font-size:1.4rem;}

table.item_detail_table th {text-align:center;}
table.item_detail_table td {text-align:center; line-height:36px !important;}
table.item_detail_table .detail_price {font-size: 1.6rem; line-height: 4.0rem; text-align:right !important;}
.market table.item_detail_table .success td.cart_total_price {text-align:right !important; font-size:1.6rem; font-weight: 700; line-height: 40px; color: #52ca9c;}
#total_order_price{font-size: 2.4rem;}
.detail_qty {width:50px;}

.item_slider img {cursor:pointer;}

.review-score label {margin-right:20px;}
.review-content {display: none;}
.qna-content {display: none;}
.item_review_title, .item_qna_title  {cursor:pointer;}

.main_box {width:21%; padding-right: 15px; padding-left: 15px;}
.main_box  img {padding:4px;}
.row {margin-right: -15px; margin-left: -15px;}
.cmall-main-title {font-weight: 500; line-height: 1.1; color: inherit; font-size:1.4rem; margin-bottom:20px;}

.table-image{overflow: hidden;clear: both;}
.table-image li{width: 23%;float: left;padding: 0 1%;}
.table-image ul{margin-bottom: 10px;overflow:hidden;}

.breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {padding: 0 5px; color: #ccc; content: "/\00a0";}
.cmall-category-nav {margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-color: #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.cmall-category-nav-body {padding: 15px; display:table;}
.product-detail img, .review-content img, .qna-content img {max-width:100%;}

.market table{font-size: 1.3rem;}
.market-list{margin: 20px 0;}
.market-detail{height: 30px; line-height:30px}
.market-detail li{float: left; padding: 0 5px;}
.market-price{font-size: 1.4rem; font-weight:bold;}
.market-title{font-size: 1.5rem; font-weight: bold; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; padding-top: 40px;  font-size: 2.4rem; font-weight: 700; line-height: 30px; border-bottom: 1px solid #000;}
.market-tit{font-size: 1.4rem; font-weight:bold;}
.market-txt{font-size: 1.2rem; color: #383838;}
.bank-info {display:none;}
.market_detail .product-box .product-left{width: 100%;}
.market .pr_bg{position: absolute; width: 50%; height: 600px; background: #eeefef;}
.market.detail{padding-top: 20px;}
.market .product-detail_b{text-align: center; margin: 0; position: absolute; width: 58.9%; height: 531px; background: #eeefef;}
.market .product-detail{text-align: center;}
.market .product-detail span{font-size: 5.0rem !important; font-weight: 800; line-height: 60px;}
.market .product-detail p + p{font-size: 1.8rem; font-weight: 300; line-height: 60px; color: rgba(0,0,0,0.5);}
.market .product-box{max-width: 1400px; margin: 0 auto;}
.market .product-left .item > div{position: absolute; right: 10%;}
.market .product-left .item > div + div{display: none;}
.market .product-right .product-title{font-size: 2.4rem; font-weight: 700; line-height: 30px; border-bottom: 1px solid #000;}
.market .product-right table, .market .product-right table tbody,.market .product-right table tbody tr td{border: none;}
.market .product-right table tbody tr td.mob{display: none;}
.market .product-right table.product-no tbody{border-bottom: 1px solid #eeefef; padding: 15px 0 15px 0; display: block;}
.market .product-right table.product-no tbody tr{display: flex; justify-content: space-between; align-items: flex-start;}
.market .product-right table.product-no tbody tr td{padding: 0;}
.market table.item_detail_table tbody{border-bottom: none;}
.market table.item_detail_table td{text-align: start; padding: 0 0 0 0;}
.market table.item_detail_table td > span.essential{font-size: 1.4rem; font-weight: 700; line-height: 20px; color: #fff; background: #52ca9c;  padding: 2px 4px; margin-left: 8px;}
.market table.item_detail_table td > .qu{width:16px; height:16px; display: inline-block; background: url(/theme/basic/images/question.svg) no-repeat center center; background-size: 16px 16px;}
.market table.item_detail_table td .hover{max-width: 350px; width: 100%; position: absolute; top: -8px; left: 195px; z-index: 9; background: #52ca9c; border: 1px solid #52ca9c; border-radius: 10px; box-sizing: border-box; font-size: 1.4rem; font-weight: 700; line-height: 2.4rem; color: #fff; display: flex; align-items: center; justify-content: center; padding: 18px 20px; opacity: 0; visibility: hidden; transition: 0.3s;} 
/*.market table.item_detail_table tr:nth-child(4) td .hover{left: 40%;}*/
.market table.item_detail_table td .hover::before{content: ""; clear: both; display: block; border-bottom: 5px solid transparent; border-top: 5px solid #52ca9c; border-left: 5px solid transparent; border-right: 5px solid #52ca9c; position: absolute; background: #fff; top: 30%; left: -3%;}
.market table.item_detail_table td .hover.on{opacity: 1; visibility: visible; z-index: 10;}
.market table.item_detail_table tr:nth-child(3) td .hover{left:172px; }
.market table.item_detail_table tr:nth-child(7) td .hover{top: -20px;}
.market table.item_detail_table th{font-size:1.6rem; font-weight: 800; line-height: 30px; text-align: start; padding:15px 0 0 0;}
.market table.item_detail_table .btn-group{width: fit-content; border: 1px solid #9e9e9e; white-space: nowrap; display: none;}
.market table.item_detail_table .btn.btn-default{padding: 4px 11px;}
.market table.item_detail_table .btn.btn-default.btn-xs.detail_qty{width: 40px; border-right:1px solid #eeefef; border-left:1px solid #eeefef;}
.market .pull-right{float:unset !important; margin-top: 30px;}
.pull-right .btn{font-size: 2.0rem; font-weight: 800; line-height: 15px; color: #fff; background: #52ca9c; display: flex; align-items: center; gap: 8px; height: 80px; border-radius: 5px; box-sizing: border-box;}
.pull-right .btn:before{content:""; clear: both; background: url(/theme/basic/images/produce_btn_w.svg); background-size: 23px 23px; display: block; width: 23px; height: 23px;}
input[type=checkbox]:checked{background:#fff;}
.market table.item_detail_table .success{border-top: 1px solid #eeefef;}
.market table.item_detail_table .success td{padding: 8px 0 8px 0; font-size: 1.6rem; font-weight: 200; line-height: 30px;}
.market table.item_detail_table .success td b{font-weight: 800;}
table.ap_info{margin-bottom: 85px;}
table.ap_info tbody{border-bottom: none;}
table.ap_info tbody tr{border-bottom: 1px solid #cccccc;}
/* table.ap_info tbody tr:last-child{border-bottom: none;} */
table.ap_info tbody .on{border-bottom: 2px solid #52ca9c; box-sizing: border-box;}
table.ap_info tbody tr > th{width: fit-content; text-align: start; display: flex; padding: 20px 4px 20px 4px;}
table.ap_info tbody tr > th > p{font-size: 1.6rem; font-weight: 800; color: #52ca9c; margin-left: 4px;}
table.ap_info tbody tr > td {width: 83%; padding: 0;}
table.ap_info tbody tr > td.w100{width: 100%;}
table.ap_info tbody tr > td .finish{margin-bottom: 6px;}
table.ap_info tbody tr > td .finish a{display: flex; align-items: center; gap: 8px; font-size: 1.4rem; font-weight: 300; letter-spacing: -0.5px;}
table.ap_info tbody tr > td.f_n .finish a{font-size: 1.6rem;}
table.ap_info tbody tr > td .finish span{padding: 0; font-size: 2.4rem;}
table.ap_info tbody tr > td > input{border:none; caret-color: #52ca9c;}
table.ap_info tbody tr > td > input:focus{outline:none;}
table.ap_info tbody tr > td > input::placeholder{font-size: 1.6rem; font-weight: 300; color: rgba(0,0,0,0.5);}
textarea.input{height: 140px; margin: 16px 0; line-height: 1.6; border: none; caret-color: #52ca9c;}
textarea.input:focus{outline:none;}
/* 
.filebox .upload-name {display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 78%; color: #999999;}
 .filebox label {display: flex; justify-content: space-between; font-size: 1.6rem; font-weight: 300; color: rgba(0,0,0,0.5); vertical-align: middle; cursor: pointer; padding: 0 18px 0 5px;}
.filebox label:after{content:""; clear: both;  background: url(/theme/basic/images/upload.png) no-repeat center center; width:20px; height: 20px; display:block;} */
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} */

/*market-detail*/
.market.detail .product-box .product-left{max-width: 926px; width: 50%;}
.market.detail .product-box .con_box{max-width:927px; margin:0 auto; padding-top: 58px; padding-bottom: 90px;}
.market.detail .product-box .con_box .con span{display: block; padding-bottom: 30px;}
.market.detail .product-box .con_box .con span + span{padding-bottom:80px;}
.market.detail .product-box .con_box .con span + span p{display:inline-block}
.market.detail .product-box .con_box .con h2{font-size: 2.6rem; font-weight: 300; line-height: 130%; /*max-width: 770px;*/ padding-bottom: 24px; letter-spacing: -1px;}
.market.detail .product-box .con_box .con > div{margin-bottom: 60px;}
.market.detail .product-box .con_box .con_2 > div{margin-bottom: 35px;}
.market.detail .product-box .con_box .con_2 > div:last-child{margin-bottom: 5px;}
.market.detail .product-box .con_box .con_2 > div ul li::before{content: '';}
.market.detail .product-box .con_box .con > div + div{margin-bottom: 82px;}
.market.detail .product-box .con_box .con > div.i_b p{display: inline-block; font-size:1.6rem; border:1px solid #d4d4d4; padding:5px 10px; border-radius: 3px;}
.market.detail .product-box .con_box .con > div.i_b p{margin-right: 5px; margin-bottom:4px;}
.market.detail .product-box .con_box .con > div h4{font-family: 'Poppins', sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 32px; color: #52ca9c; margin-bottom: 0;}
.market.detail .product-box .con_box .con > div p, .market.detail .product-box .con_box .con .notify li{font-size: 1.6rem; font-weight: 400; line-height: 24px; color: rgba(0,0,0,0.6); /*padding-left: 10px;*/}
.market.detail .product-box .con_box .con .notify li{position: relative; top: 0; left: 0; padding-left: 10px;}
.market.detail .product-box .con_box .con .notify li::before{content: ''; clear: both; display: inline-block; width: 3px; height: 3px; background: rgba(0,0,0,0.6); border-radius: 50%; box-sizing: border-box; position: absolute; left: 0; top: 0; margin-top: 12px;} 
.market.detail .product-box .con_box .con > div p em{margin-left: -12px;}
.market.detail .product-box .con_box .con > div p > b{display: inline-block; width: 10px;}
.market.detail .product-box .con_box .img{padding-bottom: 86px;}
.market.detail .product-box .con_box .con .box{display: flex; align-items: center; justify-content: space-between; padding-bottom: 84px;}
.market.detail .product-box .con_box .con .box li{width:20%; max-width: 170px; text-align: center; border: 1px solid #eeefef;border-radius: 10px; box-sizing: border-box;}
.market.detail .product-box .con_box .con .box li .inbox{font-size: 1.6rem; font-weight: 700; line-height: 24px; padding: 54px 0;}
.market.detail .product-box .con_box .con .box li .inbox:before{content:""; width: 40px; height: 40px; display: block; margin: 0 auto; }
.market.detail .product-box .con_box .con .box li .inbox1:before{background:url(/theme/basic/images/dashboard.svg) no-repeat center center;}
.market.detail .product-box .con_box .con .box li .inbox2:before{background:url(/theme/basic/images/list.svg) no-repeat center center;}
.market.detail .product-box .con_box .con .box li .inbox3:before{background:url(/theme/basic/images/popup.svg) no-repeat center center;}
.market.detail .product-box .con_box .con .box li .inbox4:before{background:url(/theme/basic/images/chart.svg) no-repeat center center;}
.market.detail .product-box .con_box .con .box li .inbox5:before{background:url(/theme/basic/images/manage.svg) no-repeat center center;}
.market.detail .product-right{width:100%; max-width: 372px; padding-left: 100px; padding-top: 0; position: fixed; left: 59%;}
.market.detail .product-right.on{position: absolute; bottom: 1180px;}
.market.detail .product-right .product-title{font-family: 'Poppins', sans-serif; font-size: 3.6rem; font-weight:200; line-height: 40px;  margin:10px 0; border-bottom: 1px solid #eeefef;}
.market.detail .product-right .product-title b{display: block; font-weight: 800; font-family: 'Pretendard', sans-serif; letter-spacing: -1.5px;}
.market.detail .product-right .product-option .txt_area > span{font-size: 1.6rem; font-weight: 300; line-height: 30px; display:flex; align-items: center; justify-content: space-between; position: relative; top: 0;}
/*.market.detail .product-right .product-option .txt_area span:last-child{color: #52ca9c; font-weight: 800;}*/
.market.detail .product-right .product-option .txt_area span:last-child{align-items:flex-start;}
.market.detail .product-right .product-option .txt_area span:last-child div > span{display:block; text-align: right;}
.market.detail .product-right .product-option .txt_area span.old{color: #000; font-weight: 400;}
.market.detail .product-right .product-option .txt_area span.old em{font-weight: 600; text-decoration: line-through;}
.market.detail .product-right .product-option .txt_area span.color{color: #52ca9c; font-weight: 600;}
.market.detail .product-right .product-option .txt_area span.color em{font-weight: 800; font-size:2.0rem;}
.market.detail .product-right .product-option .txt_area span.ch::after{content:""; clear:both; background: url(/theme/basic/images/check.svg) no-repeat center center; width: 16px; height: 16px;}
.market.detail .product-right .product-option .txt_area span:last-child b{color: #000; font-weight: 700;}
.market.detail .product-right .product-option .txt_area span b{font-weight: 700; display: flex; align-items: center; gap: 4px;}
.market.detail .product-right .product-option .txt_area span b p{font-weight: 200;}
.market.detail .product-right .product-option .txt_area span .qu{width:16px; height:16px; display: inline-block; position: relative;  background: url(/theme/basic/images/question.svg) no-repeat left center; background-size: 16px 16px; cursor: pointer;}

.market.detail .product-right .product-option .txt_area.scroll.fix{height:24vh; overflow-y: auto;}
.market.detail .product-right .product-option .txt_area.scroll.fix > span{padding-right:10px;}
.market.detail .product-right .product-option .txt_area.scroll::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.market.detail .product-right .product-option .txt_area.scroll::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: rgba(51,51,51,0.2); /* 스크롤바의 색상 */   border-radius: 10px;}
.market.detail .product-right .product-option .txt_area.scroll::-webkit-scrollbar-track { background: transparent;  /*스크롤바 뒷 배경 색상*/}

/*체험하기*/
.market.detail .product-box .con_box .demoview{background:url(/theme/basic/images/demoview_bg.jpg) center center; background-size:cover; padding:90px 0; text-align: center;}
.market.detail .product-box .con_box .demoview .btxt{font-size:6.0rem; font-weight: 800; color:#000; line-height: 110%; letter-spacing: -1px;}
.market.detail .product-box .con_box .demoview .stxt{font-size:2.8rem; font-weight: 400;  color:#000; line-height: 140%; letter-spacing: -1px;}
.market.detail .product-box .con_box .demoview .btn_demo{display: flex; gap:15px; align-items: center; justify-content: center; flex-direction: unset; font-size:6.0rem; font-weight: 800; background:#000; color:#fff; max-width:600px; padding:10px; margin:50px auto; border-radius: 25px; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.market.detail .product-box .con_box .demoview .btn_demo:before{content:""; display:block; clear:both; background:url(/theme/basic/images/demo_w.svg) center center; width:59px; height:41px; background-size: 100%;}
.market.detail .product-box .con_box .demoview .btn_demo:hover{color:#31fff7; box-shadow:0 10px 20px rgba(0,0,0,0.5);}
.market.detail .product-box .con_box .demoview .btn_demo span{padding-bottom:0;}

.blinking{
  -webkit-animation: blink 0.5s ease-in-out infinite alternate; 
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate; 
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
50% {opacity: 1;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
   50% {opacity: 1;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 1;}
}


.market.detail .product-right .product-option .txt_area .line{display:block; height: 1px; margin: 10px 0; background: #eeefef;}
.market.detail .product-option .txt_area span .hover{width: auto;  position: absolute; top: 0; left: 23%; background: #52ca9c; border: 1px solid #52ca9c; border-radius: 10px; box-sizing: border-box; font-size: 1.4rem; font-weight: 700; line-height: 2.4rem; color: #fff; display: flex; align-items: center; justify-content: left; padding: 12px 20px 12px 20px; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;} 
.market.detail .product-option .txt_area span.l25 .hover{left: 26%; padding: 12px;}
.market.detail .product-option .txt_area span .hover::before{content: ""; clear: both; display: block; border-bottom: 5px solid transparent; border-top: 5px solid #52ca9c; border-left: 5px solid transparent; border-right: 5px solid #52ca9c; position: absolute; background: #fff; top: 12px; left: -10px;}
.market.detail .product-option .txt_area span .hover.on{opacity: 1; visibility: visible;}
.market.detail .product-sample{background: #343738; background-size: cover; padding: 118px 0;}
.market.detail .product-sample .title {padding-bottom: 0;}
.market.detail .product-sample .title h2 {color: #fff; font-size: 4.0rem; font-weight: 800; line-height: 60px; text-align: center; padding-bottom: 12px;}
.market.detail .product-sample .title span {color: rgba(255,255,255,0.5); display: block; font-size: 1.8rem; font-weight: 300; line-height: 26px; text-align: center;}
.market.detail .product-sample .content .img_box{max-width: 1400px; width: 100%; margin: 0 auto; display:flex; align-items: center; justify-content: space-between; gap: 40px; padding-top: 40px;}
.market.detail .product-sample .content_mySwiper{display: none;}
.market.detail .product-sample .content_mySwiper{display: none;}
.market.detail .product-right ul.product_btn{display: flex; align-items: center; justify-content: space-between; text-align: center; padding-top: 10px;}
.market.detail .product-right ul.product_btn li.application{max-width:286px; background: #52ca9c; font-size:2.0rem; font-weight: 800;}
.market.detail .product-right ul.product_btn li a{display:flex; gap: 8px; width:100%; height:100%; align-items: center; justify-content: center; flex-direction: column;}
.market.detail .product-right ul.product_btn li.application a{flex-direction:unset; font-size: 2.0rem; font-weight: 800;}
.market.detail .product-right ul.product_btn li a::before{content: ""; clear: both; display: block; width: 23px; height: 23px;}
.market.detail .product-right ul.product_btn li.application a::before{background: url(/theme/basic/images/produce_btn_w.svg); background-size: 23px 23px;}
.market.detail .product-right ul.product_btn li.demo a::before{background: url(/theme/basic/images/demo_w.svg); background-size: 23px 23px;}
.market.detail .product-right ul.product_btn li.consulting a::before{background: url(/theme/basic/images/consulting.svg); background-size: 23px 23px;}
.market.detail .product-right ul.product_btn li {width:100%; height: 80px; max-width: 80px; background: #343738; flex-direction: column; color: #fff; border-radius: 5px; box-sizing: border-box;}
.market.detail .product-right ul.product_btn li a.btn_h:hover{background:#00a7a1; border-radius: 5px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.market.detail .product-right ul.product_btn li.application a.btn_h:hover{background:#52ca9c; border-radius: 5px; box-shadow: 0px 5px 5px rgba(63, 195, 190, 0.2);}
.market.detail .product-left .item {display: flex; gap: 30px; align-items: flex-end; /*justify-content: flex-end; padding-right: 100px; max-width: 826px; margin: 0 auto;*/}
.market.detail .product-left .item > div{position: unset; margin: 0; background: #fff; padding: 6px; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.market.detail .product-left .item > div > img{border-radius: 20px; box-sizing: border-box;}
.market.detail .product-left .item > div + div{display: inline-block;}

.market.m_item .product-left .item { /*justify-content: flex-end; padding-right: 100px; max-width: 826px; margin: 0 auto;*/}
.market.m_item .product-left .item > div{position: unset; margin: 0; background: #fff; padding: 6px; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.market.m_item .product-left .item > div > img{border-radius: 20px; box-sizing: border-box;}

.btn_fixed{align-items: center; justify-content: center; text-align: center; position: fixed; bottom: 0; width: 100%; margin: 0 auto; border-top: 2px solid #fff; box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.1); display: none;}
.btn_fixed li.application{max-width: 100%; width: 75%; background: #52ca9c; font-size:2.0rem; font-weight: 800;}
.btn_fixed li a{display:flex; gap: 8px; width:100%; height:100%; align-items: center; justify-content: center;}
.btn_fixed li.application a{flex-direction:unset; font-size: 2.0rem; font-weight: 800;}
.btn_fixed li a::before{content: ""; clear: both; display: block; width: 23px; height: 23px;}
.btn_fixed li.application a::before{background: url(/theme/basic/images/produce_btn_w.svg); background-size: 23px 23px;}
.btn_fixed li.demo a::before{background: url(/theme/basic/images/demo_w.svg); background-size: 23px 23px;}
.btn_fixed li.consulting a::before{background: url(/theme/basic/images/consulting.svg); background-size: 23px 23px;}
.btn_fixed li {width: 25%; height: 80px; max-width: 100%; background: #343738; flex-direction: column; color: #fff; box-sizing: border-box;}
.btn_fixed li + li{border-left: 2px solid #fff;}
.btn_fixed li a.btn_h:hover{background:#00a7a1; border-radius: 5px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.btn_fixed li.application a.btn_h:hover{background:#52ca9c; border-radius: 5px; box-shadow: 0px 5px 5px rgba(63, 195, 190, 0.2);}


/*market-result*/
.market.result .title{padding-bottom: 51px;}
.market.result .content{max-width: 602px; margin: 0 auto;}
.market.result .content > div span{display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem; font-weight: 300; line-height: 1.2; padding:5px 0;}
.market.result .content > div span.mint b:last-child{font-weight: 700; /*line-height: 4.0rem;*/ color: #52ca9c;}
.market.result .content > div span:first-child{font-weight: 700;}
.market.result .content > div span > b{font-weight: 700;}
.market.result .content > div span > b > em{font-weight: 300;}
.market.result .content .line{display: block; background: #eeefef; width: 100%; height: 1px; margin: 15px 0;}
.market.result .content .line2{margin: 15px 0;}
.market.result .content .con_1{max-width: 600px; max-height: 500px; overflow: hidden; margin-bottom: 56px; background: #fff; border:4px solid #e7e7e7; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); position: relative; top: 0; left: 0;}
.market.result .content .con_1 .img{filter: blur(3px);}
.market.result .content .con_1 .img img{width: 100%;}
.market.result .content .con_1 .complete{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.market.result .content .con_1 .complete h2{font-size: 2.4rem; font-weight: 800; color: #fff; text-align: center; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 27px;}
.market.result .content .con_1 .complete h2::before{content:""; clear: both; background: url(/views/cmall/basic/images/check_mint.png) no-repeat center center; background-size:40px 40px; display: block; width: 40px; height: 40px; margin: 0 auto;}
.market.result .content .con_3{padding-top: 72px;}
.market.result .content .con_3 p{font-weight: 300; line-height: 2.8rem;}
.market.result .content .con_3 p::before{content:""; clear: both; display:inline-block;}
.market.result .content .con_3 p.color{background: #eeefef; padding:8px 0; margin: 4px 0;}
.market.result .content .con_3 p.color b{font-weight: 800; line-height: 2.4rem; padding-left: 16px;  padding-right: 6px;}
.market.result .content .con_3 p.color b em{font-weight: 300; color: #000;}
.market.result .content .con_3 p.color em{font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 2.4rem; color: #52ca9c;  padding-left: 12px;}
.market.result .pull-right .btn:before{background: url(/theme/basic/images/btn_ing.svg) no-repeat center center; background-size: 33px 25px; width: 33px; height: 25px;}
.market.result .content > div span > div{display:flex; align-items: center; }
.market.result .content > div span > div > span{font-weight: 400; background-color:#FFF59F; color:#AD0002; font-size:12px;  height:26px; line-height: 26px; border-radius: 4px; padding:0 6px; box-sizing: border-box; font-weight: 600;}
.market.result .content > div span > div > em{text-decoration: line-through; font-weight: 400; padding:0 10px; display: inline-block;}

/* ==================================================
	request
================================================== */
.request .content{max-width: 620px; margin: 0 auto;}
.request .content .pull-right{width: 100%; padding: 40px 0 60px 0; float: unset !important;}
.request .content .pull-right .btn:before{background: url(/theme/basic/images/request.svg); background-size: 23px 23px;}
.request .content table.ap_info{border-top: 1px solid #000; box-sizing: border-box;}
.request .content textarea.input{height: 182px;}
.request .content .agree{padding-left: 8px;}
.request .content .qu{display: inline-block; width: 100%;}
.request .content .qu p{font-size: 1.6rem; font-weight: 300; text-align: center;}
.request .content .qu button{display: block; margin: 0 auto;}
.request .content .qu a{font-size: 1.8rem; font-weight: 700; border-bottom: 1px solid #52ca9c; color: #52ca9c;}
.request .content_footer{background: #eeefef; width: 100%; margin-top: 140px;}
.request .content_footer .con_wrap{max-width: 1200px; margin: 0 auto; display: flex; align-items: center;justify-content: center; padding: 120px 0 130px 0;}
.request .content_footer .con_wrap .con{display: flex; gap: 33px; flex-direction: column; align-items: center; justify-content: center; width: 25%; text-align: center; }
.request .content_footer .con_wrap .con h4{font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 1.4rem; font-weight: 700; line-height: 4.0rem;}
.request .content_footer .con_wrap .con p{font-size: 1.6rem; font-weight: 300; line-height: 3.0rem; box-sizing: border-box; transition: 0.3s;}
.request .content_footer .con_wrap .con.con_2 p{font-family: 'Poppins', sans-serif;  font-size: 2.0rem; font-weight: 700; line-height: 4.0rem; color: #52ca9c;}
.request  .material-symbols-outlined{font-size: 4.0rem !important;}

/* ==================================================
	status 
================================================== */

.status .content { max-width: 620px; margin: 0 auto; padding-bottom: 160px;}
.status .pull-right{width: 100%; float: unset !important;}
.status .pull-right .btn:before { background: url(/theme/basic/images/btn_ing.svg) no-repeat center center;  background-size: 33px 25px; width: 33px; height: 25px;}
.status table.ap_info {margin-bottom: 107px; border-top: 1px solid #000;}
.status table.ap_info tbody tr.on{border-bottom: 2px solid #52ca9c !important;}

/* confirm */
.sub.confirm .title{padding-bottom: 39px;}
.tabnav{display: flex; align-items: center; justify-content: center; gap: 15px;; font-size:0; width: 100%}
.tabnav li{display: inline-block; text-align:center;}
.tabnav li a{ position:relative; display:block; background:#ccc; color: #000; padding: 0 30px; line-height: 5.0rem; text-decoration: none; font-size: 1.6rem; font-weight: 800; border-radius: 25px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px;}
.tabnav li a.active{color: #fff; background: #000;}
.tabcontent{display:flex; padding: 20px;}
.tabcontent #tab01{display: flex; width: 100%; max-width: 1400px; margin: 0 auto; justify-content: space-between; gap: 85px;}
.sub.confirm table.ap_info tbody tr.filebox{display: revert; width: 100%;}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

/* #tab01 */
.sub.confirm #tab01 .market-title{padding-top: 60px;}
.sub.confirm #tab01 .con_left{width: 100%; background: linear-gradient(-180deg, #eeefef 30%, #fff 70%); margin-left: -50%; padding-left: 50%; position: relative;	animation: fadeInLeft 2s; padding-right: 50px;}
.sub.confirm #tab01 .con_left h2{padding: 60px 0 20px 0; font-size: 2.4rem; font-weight: 700;}
.sub.confirm #tab01 .con_left h2 b{font-family: 'Poppins', 'Pretendard', sans-serif; position: relative; top: 0; margin-left: 20px;}
.sub.confirm #tab01 .con_left h2 b::before{content: ''; clear: both; width: 5px; height: 5px; display: inline-block; background: #52ca9c; border-radius: 50%; position: absolute; top: 50%; left: -15px;}
.sub.confirm #tab01 .con_left .img{max-width: 600px; max-height: 700px; overflow: hidden; border-radius: 20px;}
.sub.confirm #tab01 .con_right{max-width: 600px; width: 100%; padding-left: 36px; position: relative; animation: fadeInUp 2s;}
.sub.confirm #tab01 .con_right > div:first-child .market-title{padding-top: 63px;}
.sub.confirm #tab01 .con_right > div:last-child .market-title{padding-top: 75px;}
.sub.confirm #tab01 .table>tbody:last-child{border-bottom: none;}
.sub.confirm #tab01 .filebox label{float: right;}
.sub.confirm #tab01 table.ap_info tbody tr.on{border-bottom: 1px solid #cccccc;}
.sub.confirm #tab01 table .edit td{text-align: start; font-size: 1.6rem; font-weight: 700; padding: 0;}
.sub.confirm #tab01 table .edit > td.right{text-align: right;}
.sub.confirm #tab01 table .edit > td > p{display: inline-block; font-weight: 300;}
.sub.confirm #tab01 table .edit > td > p > .essential{display:none;}
.sub.confirm #tab01 .table>thead{border-top: none; border-bottom: 1px solid #eeefef;}
.sub.confirm #tab01 .table>thead tr td{padding: 16px 0;}
.sub.confirm #tab01 .pull-right{width: 100%;}
/* .sub.confirm #tab01 .table>tbody:last-child, .sub.confirm #tab01 table.ap_info tbody tr:last-child{border-bottom: none;} */
/* .sub.confirm #tab01 .table>tbody tr:nth-child(4){border-bottom: 1px solid #eeefef;} */
/* .sub.confirm #tab01 .table>tbody tr:nth-child(4) td{padding: 8px 0 18px 0;}
.sub.confirm #tab01 .table>tbody tr:nth-child(5) td{padding: 18px 0 8px 0;} */
.sub.confirm #tab01 .table>tbody tr:nth-child(5) td.filebox{padding: 8px 0;}
.sub.confirm #tab01 table.item_detail_table .detail_price{font-weight: 300; position:relative;}
.sub.confirm #tab01 table.item_detail_table .detail_price > span{position:absolute; left:-70px; top:50%; margin-top:-13px;  width:auto; background-color:#FFF59F; color:#AD0002; font-size:12px;  height:26px; line-height: 26px; border-radius: 4px; padding:0 6px; box-sizing: border-box; font-weight: 600;}
.sub.confirm #tab01 table.item_detail_table .detail_price > em{position:absolute; right:10px; text-decoration: line-through; font-weight: 400; padding:0 10px; display: inline-block;}
.sub.confirm #tab01 table.item_detail_table td{text-align: left;}
.sub.confirm #tab01 table.item_detail_table td.pop{font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 2.0rem; padding-top: 18px; line-height: 1.2 !important;}
.sub.confirm #tab01 table.item_detail_table td.right{ line-height: 1.2 !important;}
.sub.confirm #tab01 table.item_detail_table td.right span{ text-decoration:line-through; font-weight: 300;}
.sub.confirm #tab01 table.item_detail_table td.pop p{font-family: 'Pretendard'; font-size: 1.6rem; line-height: 1.2 !important;}
.sub.confirm #tab01 table.item_detail_table td.situation{text-align: right; padding:18px 0;}
.sub.confirm #tab01 table.item_detail_table td.situation em{font-size: 1.6rem; font-weight: 700; color: #fff; background: #8f8f8f; padding: 7px 15px;}
.sub.confirm #tab01 table.item_detail_table td.situation em.complete{background:#52ca9c;}
.sub.confirm #tab01 table.item_detail_table tr.btline{border-top: 1px solid #eeefef;}
.sub.confirm #tab01 table.item_detail_table tr.btline td{padding-top:10px;}
.sub.confirm #tab01 table.item_detail_table tr.total{ border-bottom: 1px solid #eeefef;}
.sub.confirm #tab01 table.item_detail_table tr.total td{}
.sub.confirm #tab01 table.item_detail_table td.total_price{font-size: 2.4rem; font-weight: 700; color: #52ca9c; padding: 0 0 14px 0;}
.sub.confirm #tab01 table.item_detail_table td.total_price em{font-size: 1.6rem;}
/*.sub.confirm #tab01 table.item_detail_table tr:last-child td{padding:20px 0;}*/
.sub.confirm #tab01 .table.ap_info>tbody tr:nth-child(4){border-bottom: 1px solid #cccccc;}
.sub.confirm #tab01 table.item_detail_table td.bankinfo{background:#eeefef; padding:20px 20px;}
.sub.confirm .bankinfo .mint{color:#52ca9c;}

/* #tab02 */
.sub.confirm #tab02{width: 100%; max-width: 1280px; margin: 0 auto;}
.sub.confirm #tab02 .con_1{padding: 115px 0 124px 0; margin-left: -5px;}
.sub.confirm #tab02 .con_1 li{max-width: 160px; width: 100%;}
.sub.confirm #tab02 .con_1 .box{width: 100%;}
.sub.confirm #tab02 .con_1 .box1{position: relative; animation: fadeInLeft 1s;}
.sub.confirm #tab02 .con_1 .box2{position: relative; animation: fadeInLeft 1.5s;}
.sub.confirm #tab02 .con_1 .box3{position: relative; animation: fadeInLeft 2s;}
.sub.confirm #tab02 .con_1 .box4{position: relative; animation: fadeInLeft 2.5s;}
.sub.confirm #tab02 .con_1 .box5{position: relative; animation: fadeInLeft 3s;}
.sub.confirm #tab02 .con_1 .box6{position: relative; animation: fadeInLeft 3.5s;}
/* .sub.confirm #tab02 .con_2{position: relative; animation: fadeInUp 0.5s;} */
.sub.confirm #tab02 .con_1 .flex{gap: 49px;}
/* .sub.confirm #tab02 .con li + li{padding-left: 49px;} */
.sub.confirm #tab02 .con .box .flex{align-items: center;}
.sub.confirm #tab02 .con .box .img{width: fit-content; border-radius: 50%; width: 100%; height: 160px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #eeefef;}
.sub.confirm #tab02 .con .box .img::after{content:''; clear: both; display: block; width: 89px; height: 92px;}
.sub.confirm #tab02 .con .box1 .img::after{background: url(/theme/basic/images/process01.svg) no-repeat center center; background-size: cover;}
.sub.confirm #tab02 .con .box2 .img::after{background: url(/theme/basic/images/process02.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box3 .img::after{background: url(/theme/basic/images/process03.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box4 .img::after{background: url(/theme/basic/images/process04.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box5 .img::after{background: url(/theme/basic/images/process05.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box6 .img::after{background: url(/theme/basic/images/process06.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box1 .img.active::after{background: url(/theme/basic/images/process01_active.svg) no-repeat center center; background-size: cover;}
.sub.confirm #tab02 .con .box2 .img.active::after{background: url(/theme/basic/images/process02_active.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box3 .img.active::after{background: url(/theme/basic/images/process03_active.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box4 .img.active::after{background: url(/theme/basic/images/process04_active.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box5 .img.active::after{background: url(/theme/basic/images/process05_active.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box6 .img.active::after{background: url(/theme/basic/images/process06_active.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box1 .img.on::after{background: url(/theme/basic/images/process01_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box2 .img.on::after{background: url(/theme/basic/images/process02_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box3 .img.on::after{background: url(/theme/basic/images/process03_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box4 .img.on::after{background: url(/theme/basic/images/process04_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box5 .img.on::after{background: url(/theme/basic/images/process05_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box6 .img.on::after{background: url(/theme/basic/images/process06_on.svg) no-repeat center center; background-size: contain;}
.sub.confirm #tab02 .con .box .img.active{background: #000;}
.sub.confirm #tab02 .con .box .img.on{background: #52ca9c;}
.sub.confirm #tab02 .con .box .txt{font-size: 2.0rem; font-weight: 800; line-height: 3.0rem; text-align: center; padding-top: 37px;}
.sub.confirm #tab02 .con .box .txt.min.active{color: #52ca9c;}
.sub.confirm #tab02 .left{float: unset; max-width: 300px; width: 100%; margin-right: 0;}
.sub.confirm #tab02 .left h4{font-size: 2.4rem; font-weight: 700; line-height: 3.0rem; color: #52ca9c;}
.sub.confirm #tab02 .left p{font-weight: 300; line-height: 2.4rem; max-width: 180px; color: #000; opacity: 50%;}
.sub.confirm #tab02 button{padding-top: 28px;}
.sub.confirm #tab02 button a{font-size: 1.5rem; font-weight: 700; line-height: 4.5rem; color: #fff; background: #343738; border-radius: 23px; display: block; background: #343738; border-radius: 23px; width: 174px; display: flex;align-items: center; justify-content: center; gap: 8px;}
.sub.confirm #tab02 .right{float: unset; max-width: 900px; width: 100%;}
.sub.confirm #tab02 .table.ap_info{border-top: 1px solid #000; margin-bottom: 18px;}
.sub.confirm #tab02 .pull-right input,.sub.confirm #tab02 .pull-right .btn{width: 150px; font-size: 1.6rem; font-weight: 800; height: 50px; transition: 0.3s; background: #000; color: #fff; border-radius: 5px; box-sizing: border-box; cursor: pointer; padding: 0;}
.sub.confirm #tab02 .pull-right input:hover, .sub.confirm #tab02 .pull-right .btn:hover{background: #52ca9c;}
.sub.confirm #tab02 .pull-right .btn{margin-left: 10px; padding-right: 10px;}
.sub.confirm #tab02 .pull-right .btn.complete{padding:0; background: #52ca9c; }
.sub.confirm #tab02 .right{padding-bottom: 82px;}
.sub.confirm #tab02 .right .filebox label{justify-content: space-between;}
.sub.confirm #tab02 .right .filebox label.end{justify-content: end;}
.sub.confirm #tab02 .pull-right .btn:before{display: none;}
.sub.confirm #tab02 .left .material-symbols-outlined{color: #52ca9c;}
.sub.confirm #tab02 table.ap_info tbody tr{display: flex; align-items: center; justify-content: space-between;}
.sub.confirm #tab02 table.ap_info tbody tr.b_n{border-bottom: none;}
.sub.confirm #tab02 table.ap_info tbody tr.b_n > th{padding: 20px 0 0 4px;}
.sub.confirm #tab02 table.ap_info tbody tr textarea.input{margin: 8px 0 16px 0;}
.sub.confirm #tab02 table.ap_info tbody tr > td.fit{width: 100%;}
.sub.confirm #tab02 table.ap_info tbody tr.site > th{float: left;}
.sub.confirm #tab02 table.ap_info tbody tr.site > td{font-size: 1.6rem; line-height: 2rem;}
.sub.confirm #tab02 table.ap_info tbody tr.site > td > span{font-size: 2.4rem;}


/* #tab03 */
.sub.confirm #tab03{width: 100%; max-width: 1280px; margin: 0 auto;}
.sub.confirm #tab03 .al_ms{text-align:center; font-size:2rem; margin:100px 0;}
.sub.confirm #tab03 .al_ms span{display: block; padding:0 0 30px; font-size:12rem; font-weight: 300;}

.sub.price .section .content_wrap{position: relative; top: 0;}
.sub.price .section .content{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 59px;}
.sub.price .section .content .con{border: 1px solid #e7e7e7; box-sizing: border-box;}
.sub.price .section .content .con:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.sub.price .section .content .con .top{padding:35px 0 55px 0; background: linear-gradient(-174deg, #eeefef 80%, #fff 20%); transition: 0.3s;} 
.sub.price .section .content .con:hover .top{background: linear-gradient(-174deg, #52ca9c 80%, #fff 20%);}
.sub.price .section .content .con .top i{display:block; text-align:center; font-style: normal; font-family: 'Poppins', sans-serif; font-size: 3.0rem; font-weight: 100;}
.sub.price .section .content .con:last-child .top i{font-family:'Pretendard'; font-weight: 200;} 
.sub.price .section .content .con .top h2{font-family: 'Poppins', sans-serif; font-size: 6.0rem; font-weight: 700; line-height: 48px; letter-spacing: 1.0rem; color: #52ca9c; text-align: center;}
.sub.price .section .content .con:hover .top h2{color: #fff; transition: 0.3s;}
.sub.price .section .content .con:last-child .top h2{font-family:'Pretendard'; font-size: 4.2rem; letter-spacing: normal; line-height: 4.8rem; font-weight: 900;} 
.sub.price .section .content .con .top h2 p{font-family:'Pretendard'; display:inline-block; font-size:1.6rem; line-height: 30px; color: #52ca9c; letter-spacing: -0.5px;}
.sub.price .section .content .con:hover .top h2 p, .sub.price .section .content .con:hover .top i{color:#fff; transition: 0.3s;}
.sub.price .section .content .con .btm .txt_area{padding: 0 40px;}
.sub.price .section .content .con .btm .txt_area > span{font-size:1.6rem; font-weight:300; line-height: 3.0rem; display: flex; justify-content: space-between;}
.sub.price .section .content .con .btm .txt_area > span b{font-weight: 700;}
.sub.price .section .content .con .btm .txt_area > span > span{font-size:2.2rem; line-height: 3.0rem;  font-weight:300;}
.sub.price .section .content .con .btm .txt_area .line{display: block; border: 1px solid #f6f6f6; margin: 20px 0;}
.sub.price .section a.more{margin-top: 20px; margin-bottom: 30px;}
.sub.price .section a.ing{color: #6fc4c1; background: #333333; display: block; border-radius: 25px; padding: 0 51px;  box-sizing: border-box;  margin: 20px auto 30px auto; width: fit-content; height: 50px; line-height: 50px; text-align: center;}
.sub.price .section .content_2{max-width: 1200px; margin: 0 auto; padding-top: 96px; padding-bottom: 350px;}
.sub.price .section .content_2 .con_left{max-width: 580px; width: 100%;}
.sub.price .section .content_2 .con_right{max-width: 580px; width: 100%; padding-left: 40px; }
.sub.price .section .content_2 .t_txt{align-items: center; justify-content: space-between; border-bottom: 1px solid #000; margin-bottom: 18px;}
.sub.price .section .content_2 .t_txt h4{font-size: 2.4rem; font-weight: 700; line-height: 3.0rem;}
.sub.price .section .content_2 .t_txt h4 em{font-weight: 200;}
.sub.price .section .content_2 .t_txt p{font-size: 1.6rem; font-weight: 300; line-height: 3.0rem;}
.sub.price .section .content_2 .con_box ul li{height: 105px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e7e7e7; background: #fff; padding: 0 37px 0 28px; gap: 12px;}
.sub.price .section .content_2 .con_box ul li.hide{display: none;}
.sub.price .section .content_2 .con_box ul li + li{margin-top: 4px;}
.sub.price .section .content_2 .con_box ul li span{font-size: 1.4rem; font-weight: 300; line-height: 3.0rem;}
.sub.price .section .content_2 .con_box ul li span b{font-size: 1.6rem; font-weight: 700; display: block;}
.sub.price .section .content_2 .con_box ul li p{font-size: 1.6rem; font-weight: 700; line-height: 3.0rem;}
.sub.price .section .content_2 .con_box ul li p em{display: block; text-align: end; font-weight: 300;}
.sub.price .section .mySwiper_money_2{display: none;}
.sub.price .section .swiper-button-next span, #main .sec_4 .swiper-button-prev span{color: #000;}
.sub.price .section .swiper-button-prev span{transform: rotate(-180deg); color: #000;}
.sub.price .section .content .con{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.sub.price .section .content.swiper .content_2 {display: none;}
.sub.price .section .swiper-button-next, .sub.price .section .swiper-button-prev {display: none;}
.sub.price .section .swiper-button-next:after, .sub.price .section .swiper-button-prev:after {display: none;}


/* ==================================================
	service
================================================== */
.sub.service .sec_1 .top{max-width: 1200px; margin: 0 auto 300px auto; position: relative; display: flex; flex-direction: column; gap: 54px;}
.sub.service .sec_1 .top .box{width: fit-content; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 0px; box-sizing: border-box; position: relative; }
/* .sub.service .sec_1 .top .t_right{padding-top: 66px;} */
.sub.service .sec_1 .top ul.flex{gap: 27px; align-items: center; justify-content: center; position: relative; top: 0;}
.sub.service .sec_1 .top .t_middle{padding-right: 18px;}
.sub.service .sec_1 .top .t_bottom{padding-right: 52px;}
.sub.service .sec_1 .top .box.left{border-radius: 25px 25px 25px 0; top: 66px;}
.sub.service .sec_1 .top .box::after{content: ''; clear: both; height: 0; right: 0; top: 73%; position: absolute; border-bottom: 44px solid; border-left: 1px solid rgba(0,0,0,0); border-right: 50px solid rgba(0,0,0,0); color: #fff; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.sub.service .sec_1 .top .box.box2::after,.sub.service .sec_1 .top .box.box3::after{top: 81%;}
.sub.service .sec_1 .top .box.left::after{left: 0; right: unset; border-left: 50px solid rgba(0,0,0,0); border-right: 1px solid rgba(0,0,0,0);}
.sub.service .sec_1 .top .box.box3::after{top: 80%;}
.sub.service .sec_1 .top .box.box1 p{padding: 33px 38px;}
.sub.service .sec_1 .top .box.box2 p{padding: 33px 36px;}
.sub.service .sec_1 .top .box.box3 p{padding: 31px 39px;}
.sub.service .sec_1 .top .box.on{background: #52ca9c; box-shadow: 0px 10px 20px 0px rgb(150 26 23 / 60%);}
.sub.service .sec_1 .top .box.on p{color: #fff; font-weight: 800;}
.sub.service .sec_1 .top .box.right.on::after{color: #52ca9c; border-left: 1px solid #52ca9c;}
.sub.service .sec_1 .top .box.left.on::after{color: #52ca9c; border-right: 1px solid #52ca9c;}
.sub.service .sec_1 .top .box p{font-size: 2.0rem; font-weight: 500; line-height: 2.8rem;}
.sub.service .sec_1 .bottom .con_box .animation-container{font-size: 8.0rem; font-weight: 800; text-align: center; display: inline-block; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.sub.service .sec_1 .bottom .con_box .animation-container span.h_d{display: none;}
.sub.service .sec_1 .bottom .con_box .animation-container .animated-letter{opacity: 0; animation: fade-in 0.1s ease-in-out forwards;}
@keyframes fade-in {
	to {
	  opacity: 1;
	}
}
.animated-section {opacity: 0; transform: translateY(20px); animation: fade-in 3s ease-in-out forwards;}
@keyframes fade-in {
to {
	opacity: 1;
	transform: translateY(0);
}
}
.sub.service .sec_1 .bottom .con_box .animation-container b{color: #52ca9c; display: flex; align-items: center;}
.sub.service .sec_1 .bottom .con_box p{text-align: center; font-size: 2.4rem; font-weight: 300; line-height: 3.2rem; padding: 101px 0 94px 0;}
.sub.service .sec_1 .bottom .con_box .content{max-width: 802px; width: 100%; margin: 0 auto; align-items: center; justify-content: space-between; padding-top: 71px;}
.sub.service .sec_1 .bottom .con_box .content .con{width: fit-content;}
.sub.service .sec_1 .bottom .con_box .content .con .img{text-align: center; height: 80px;}
.sub.service .sec_1 .bottom .con_box .content .con .img img{height: 100%;}
.sub.service .sec_1 .bottom .con_box .content .con .img.m_t img{margin-top: -12px;}
.sub.service .sec_1 .bottom .con_box .content .con .txt h4{font-size: 3.0rem; font-weight: 800; line-height: 6.0rem; color: #52ca9c;}

.sub.service .sec_2{background: #8a2722;}
.sub.service .sec_2 .title h2{color:#fff;}
.sub.service .sec_2 .title span{color:#fff;}
.sub.service .sec_2 .content .inner{justify-content: center; gap: 40px; padding-bottom: 110px; position: relative; z-index: 9; flex-wrap: wrap;}
.sub.service .sec_2 .content{position: relative; top: 0; left: 0;}
.sub.service .sec_2 .line{display: block; width: 100%; height: 1px; background: #fff; position: absolute; top: 20%; left: 0; z-index: 0;}
/* .sub.service .sec_2 .content .box + .box{padding-left: 40px;} */
.sub.service .sec_2 .content .box .img{background: #fff; width: 160px; height: 160px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.sub.service .sec_2 .content .box .img:hover{background: #52ca9c;}
.sub.service .sec_2 .content .box .img::after{content: ''; clear: both; display: block; width: 89px; height: 92px;}
.sub.service .sec_2 .content .box1 .img::after {background: url(/theme/basic/images/process01.svg) no-repeat center center; background-size: cover;}
.sub.service .sec_2 .content .box2 .img::after {background: url(/theme/basic/images/process02.svg) no-repeat center center;  background-size: contain;}
.sub.service .sec_2 .content .box3 .img::after {background: url(/theme/basic/images/process03.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box4 .img::after {background: url(/theme/basic/images/process04.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box5 .img::after {background: url(/theme/basic/images/process05.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box6 .img::after {background: url(/theme/basic/images/process06.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box1 .img:hover::after {background: url(/theme/basic/images/process01_on.svg) no-repeat center center; background-size: cover;}
.sub.service .sec_2 .content .box2 .img:hover::after {background: url(/theme/basic/images/process02_on.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box3 .img:hover::after {background: url(/theme/basic/images/process03_on.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box4 .img:hover::after {background: url(/theme/basic/images/process04_on.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box5 .img:hover::after {background: url(/theme/basic/images/process05_on.svg) no-repeat center center; background-size: contain;}
.sub.service .sec_2 .content .box6 .img:hover::after {background: url(/theme/basic/images/process06_on.svg) no-repeat center center; background-size: contain;}

.sub.service .sec_2 .content .box .txt{padding-top: 39px; text-align: center;}
.sub.service .sec_2 .content .box .txt h4{font-size: 2.0rem; font-weight: 800; line-height: 3.0rem;}
.sub.service .sec_2 .content .box .txt p{font-size: 1.6rem; font-weight: 300; line-height: 2.4rem; opacity: 0.5;}
.sub.service .sec_2 .pc {display: block;}
.sub.service .sec_2 .mo {display: none;}


.sub.service .sec_3 .content{max-width: 1200px; margin: 0 auto; padding-bottom: 116px;}
/* .sub.service .sec_3 .content ul{display: flex; gap: 12px; cursor: pointer; flex-wrap: wrap; justify-content: center;}
.sub.service .sec_3 .content li{position: relative; max-width: 190px; width: 100%; height: 140px; border: 1px solid #eeefef; box-sizing: border-box; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
/* .sub.service .sec_3 .content li:hover .hide{visibility: visible; z-index: 9; transform: rotateY(360deg) scale(1.1);} */
/* .sub.service .sec_3 .content li p{width: fit-content; font-size: 1.6rem; font-weight: 700; line-height: 3.0rem; text-align: center;}
.sub.service .sec_3 .content li p span{display: block; font-size: 4.0rem; padding-bottom: 8px;}  */
/* .sub.service .sec_3 .content .hide{position: absolute; width: 100%; height: 100%; background: #56cac6; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; z-index: -1; transition: 0.2s; box-shadow: 0px 5px 20px 0px rgba(86, 202, 198, 0.3);}
.sub.service .sec_3 .content .hide h4{font-size: 1.8rem; font-weight: 700; line-height: 3.0rem; color: #fff;}
.sub.service .sec_3 .content .hide p{font-size: 1.4rem; font-weight: 500; line-height: 1.8rem; color: #fff; width: 90%; margin: 0 auto;} */

.sub.service .sec_4{background: #eeefef;}
.sub.service .sec_4 .content{justify-content: center; padding-bottom: 74px;}
.sub.service .sec_4 .content .txt{padding-top: 44px; padding-left: 149px;}
.sub.service .sec_4 .content .txt p{font-size: 1.8rem; font-weight: 500; line-height: 4.0rem; position: relative;}
.sub.service .sec_4 .material-symbols-outlined{font-size: 1.8rem;}

/* ==================================================
	question
================================================== */
.sub.question .bbsSearch { width: 100%; height: unset; display: block; max-width: 100%; border: none; border-radius: 20px; margin-bottom: 30px;}
.sub.question .bbsSearch #searchForm {display: flex; padding: 28px 0 28px; align-items: center; justify-content: center;}
.sub.question .bbsSearch .srchSelect {display:none;}
.sub.question .bbsSearch span #stype {background: none; border: none; border-bottom: 2px solid #52ca9c; font-size: 1.8rem; font-weight: 600; line-height: 30px; letter-spacing: 0.05rem;}
.sub.question .bbsSearch span #stype option{color: #222;}
.sub.question .bbsSearch .searchWord {max-width: 405px;}
.sub.question .bbsSearch .searchWord span{color: #fff; position: absolute; top: 9px; left: 92.5%;}
.sub.question .bbsSearch .searchWord #sval {background: none; border-bottom: 2px solid #52ca9c; max-width: 366px; height: unset;}
.sub.question .bbsSearch .searchWord #sval::placeholder {font-size: 1.8rem; font-weight: 600;}
.sub.question .select:not(.is-multiple):not(.is-loading)::after{border: 2px solid #52ca9c; border-radius: 2px; border-right: 0; border-top: 0;}
.sub.question .bbsSearch input[type='button'] {background-color: #52ca9c; border-radius: 50%; width: 36px; height: 36px; background-size: 18px; cursor: pointer;}
.sub.question .bbsSearch input[type='submit'] { border-radius: 50%; width: 36px; height: 36px; background-size: 18px; cursor: pointer; background: #52ca9c url(/theme/basic/images/search_w.svg) no-repeat center center; text-indent: -9999px; color: #fff; position: absolute;}
.sub.question .tabcontent{display: block;}
.sub.question .tabnav li{max-width: 200px; width: 100%;}
.section-faq{max-width: 1200px; width: 100%; margin: 0 auto; padding: 20px 0 150px 0;}
.faq-box{border-top :1px solid #000; background-color:#fff; color:inherit; border-bottom: 1px solid rgba(0,0,0,0.2);}
.faq-box_question{cursor:pointer; position: relative; top: 0; width: 100%; display: flex; align-items: center; gap: 12px;}
.faq-box_question p{width: 12%;}
/* .faq-box_question::after {content:url(/theme/basic/images/icon_drop_down.svg); width: 20px; height: 20px; display: block; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%);} */
.faq-box_question span{display: flex; align-items: center; font-size: 1.6rem; font-weight: 300; line-height: 6.0rem;}
.faq-box_question span p{width: 100%; padding-right: 20px;}
.faq-box > ul > li.hover.active .faq-box_answer{border-bottom: 1px solid rgba(0,0,0,0.2);;}
.faq-box > ul > li.hover .faq-box_question p, .faq-box > ul > li.hover .faq-box_question span{font-weight: 700; color: #52ca9c;}
.faq-box > ul > li.hover > .faq-box_question::after {content: url(/theme/basic/images/icon_drop_up.svg);}
.faq-box > ul > li .div{display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
.faq-box > ul > li .div + .div{border-top: 1px solid rgba(0,0,0,0.2);}
.faq-box > ul > li + li{border-top: 1px solid rgba(0,0,0,0.2);}
.faq-box > ul > li .div .arrow{border: 1px solid #000; border-radius: 50%; font-size: 1.8rem; transition: 0.3s; cursor: pointer;}
.faq-box > ul > li .div .arrow.on{transform: rotate(-180deg); border: 1px solid #52ca9c; color: #fff; background: #52ca9c;}
.faq-box_answer {display:none; background: #fff;; border-radius:10px; padding: 0 4% 52px 14%;}
/* .faq-box_answer.active{border-bottom: 1px solid rgba(0,0,0,0.2);} */
.faq-box_answer em{font-size: 1.6rem; font-weight: 300; line-height: 2.4rem;}
.faq-box_answer em.pd{display: block; padding-bottom: 53px;}
.faq-box_answer .img.fi{padding: 24px 0 19px 0;}
.faq-box_answer .img{padding: 68px 0 32px 0;}
.sub.question .sec_2 .content {background: url(/theme/basic/images/sec_5_bg.jpg) no-repeat center center; background-size: cover; padding: 115px 0;}
.sub.question .sec_2 .title{padding: 0 !important;}
.sub.question .sec_2 .title h2{color: #fff; font-size: 4.0rem;}
.sub.question .sec_2 .title span{color:  rgba(255, 255, 255, 0.5);}
.sub.question .tabmenu{max-width: 832px; margin: 0 auto;}
.big_tab ul{overflow: hidden; width: 100%;}
.sm_select {display: none;}

/* ==================================================
	theme 
================================================== */
#theme_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.9); display:none;}
#theme_wrap .close_btn {display:block; width:60px; height: 60px; text-align:center; line-height:60px; font-size: 2.4rem; color:#fff; border: 2px solid #ffffff; border-radius: 5px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.theme_select {position:relative; width:85%; margin:0 auto; padding: 30px 0; height: 88px; box-sizing:border-box; display: flex; align-items: center; justify-content: space-between;}
.theme_select h1 {color:#fff; font-size:2.4rem; font-family:'sintony', sans-serif;}
.theme_select .select_btns {text-align:center;}
.theme_select .select_btns a {display:inline-block; color:#fff; line-height:32px; padding: 32px 0 0 0; margin:0 12px; font-size: 1.1rem; position:relative; opacity:0.4;}
.theme_select .select_btns a.point_txt{opacity:1.0; color:#fff !important;}
.theme_select .select_btns a.pc{margin: 0 24px;}
/* .theme_select .select_btns a.ta{padding-left:37px;}
.theme_select .select_btns a.mo{padding-left:30px;}
.theme_select .select_btns a.ad{padding-left:24px;} */
.theme_select .select_btns a.pc:before{content:''; position:absolute; left:50%; top:0; transform: translate(-50%);width:38px; height:32px;  background:url(/theme/basic/images/ico_pc.png) no-repeat center center;}
.theme_select .select_btns a.ta:before{content:''; position:absolute; left:50%; top:0; transform: translate(-50%);width:27px; height:32px;  background:url(/theme/basic/images/ico_ta.png) no-repeat center center;}
.theme_select .select_btns a.mo:before{content:''; position:absolute; left:50%; top:0; transform: translate(-50%);width:20px; height:32px;  background:url(/theme/basic/images/ico_mo.png) no-repeat center center;}
.theme_select .select_btns a.ad:before{content:''; position:absolute; left:50%; top:0; transform: translate(-50%);width:30px; height:30px;  background:url(/theme/basic/images/ico_ad.png) no-repeat center center;}
.theme_select .theme_btn{display: flex; align-items: center; gap: 14px;}
.theme_select .request_btn {color: #fff; font-size: 2.0rem; display: flex; align-items: center; gap: 9px; font-weight: 800; line-height: 30px; background: #44dfda; border-radius: 3px; padding: 0 34px 0 30px; height: 60px;}
.theme_select .request_btn::before{content: ""; clear: both; display: block; width: 30px; height: 23px; background: url(/theme/basic/images/produce_btn_w.svg) no-repeat; background-size: 23px 23px;}
.theme_pop {width:100%; position:relative; height:100%; text-align:center; overflow:hidden; }
.theme_pop .theme_view {transition:.4s; display:inline-block; height:calc(100% - 110px); border:0; width:85%; -webkit-transition:.4s; -o-transition:.4s;}
.theme_pop .theme_copy {color:#fff; text-align:center; position:relative; height:40px; line-height:40px; font-size: 1.1rem; font-weight: 200; color:#999;}

/* ==================================================
	mail
================================================== */
.mail{background: #eeefef; padding: 100px 100px 200px 100px; max-width: 1000px; margin: 0 auto;}
.mail .section{background: #fff; max-width: 800px; margin: 0 auto;}
.mail .section .size{padding: 40px;}
.mail .section .logo{width: 147px; height: 44px; padding-top: 0;}
.mail .section .con{font-size: 1.6rem; font-weight: 200; line-height: 2.8rem; letter-spacing: -0.025rem; display: block;}
.mail .section .con.e_light{padding: 44px 0 39px 0;}
.mail .section .con.e_light span{display: block;}
.mail .section .con.b_mint{background: #f1f8f8; padding: 38px 0 40px 40px;}
.mail .section .con.b_mint .left{width: fit-content;}
.mail .section .con.b_mint .right p:last-child em{padding-left: 8px;}
.mail .section .con .name{display: inline-block; font-weight: 700;}
.mail .section .con .tem{display: inline-block; font-weight: 700; color: #44bcba;}
.mail .section .con .mint{display: inline-block; color: #47bdbb; font-weight: 700;}
.mail .section .con .mint em{color: #000; font-weight: 400;}
.mail .section .con.light{padding: 46px 0 69px 0;}
.mail .section .button{display: flex; align-items: center; justify-content: center; gap: 8px;}
.mail .section .button button{width: 210px; height: 60px; background: #000; border-radius: 5px; box-sizing: border-box;}
.mail .section .button button:first-child .img{width: 21px; max-height: 23px; display: flex;}
.mail .section .button button:last-child{background: #52ca9c;}
.mail .section .button button:last-child .img{width: 20px; max-height: 28px; display: flex;}
.mail .section .button button a{font-size: 1.8rem; font-weight: 800; line-height: 6.0rem; display: block; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; gap: 9px;}
.mail .section .b_info{border-top: 1px solid #efefef; margin-top: 46px; padding-top: 32px;}
.mail .section .b_info h4{font-weight: 300; line-height: 2.4rem; letter-spacing: -0.025rem; color: #666666; margin-bottom: 0;}
.mail .section .b_info h4 b{color: #000;}
.mail .section .b_info span{display: flex; gap: 8px;}
.mail .section .b_info span a{font-size: 1.3rem; font-weight: 300; line-height: 2.4rem; letter-spacing: -0.025rem; color: #666666;}
.mail .section .b_info span a > b{font-weight: 700;}


/* ==================================================
	개인정보수집 동의
================================================== */
.agree_txt p, .agree_txt ul, .agree_txt ol{margin-bottom:10px;  line-height: 1.4; font-size: 1.6rem; transform: skew(-0.03deg);}
.agree_txt p,.agree_txt dl dd{font-size: 1.5rem; font-weight: 300; color: #333333; line-height: 2.4rem; letter-spacing: -0.025rem;}
.agree_txt h4{margin-top:25px; font-size:1.8rem; font-weight: 800; transform: skew(-0.03deg);}
.agree_txt dt{font-weight: 700; font-size: 1.6rem; margin-top:15px; transform: skew(-0.03deg);}
.agree_txt dd:last-child{margin-bottom:10px;}
.agree_txt .num_list {counter-reset: item;}
.agree_txt .num_list > li, .agree_txt .num_list > dt, .agree_txt .num_list > dd{position:relative; padding-left: 15px;}
.agree_txt .num_list > li:before, .agree_txt .num_list > dt:before{content: counter(item)'.'; counter-increment:item; position:absolute; top:1px; left:0; font-weight: 300;}
.agree_txt .subnum_list{counter-reset: item;}
.agree_txt .subnum_list > li, .agree_txt .subnum_list > dt, .agree_txt .subnum_list > dd{padding-left: 20px; position:relative;}
.agree_txt .subnum_list > li:before, .agree_txt .subnum_list > dt:before  {content: counter(item); counter-increment:item; position:absolute; top:5px; left:0; width:14px; height:14px;line-height: 14px; font-size:10px; vertical-align: middle; border:1px solid #707070; border-radius: 10px; text-align: center; display: inline-block; }
.agree_txt .dotline_list > li{position:relative; padding-left:10px;}
.agree_txt .dotline_list > li:before{content:''; width:4px; height:2px; background:#707070; left:0; top:11px; position:absolute;}




/* ==================================================
    popup
================================================== */

.popup {display: none; width: 100%; height: 100%;  position: fixed; left: 0; top: 0; z-index:2000; }
.popup.bg { background-color: rgba(0, 0, 0, 0.8); }
.popup .popup-body{width: 100%; max-width: 1000px; margin: 0 auto; height: 100%; display: flex; justify-content: center; align-items: center;}
.popup .popup-body.big { max-width: 1024px; }
.popup .popup-body.small { max-width: 500px; }
.popup .popup-inner{background-color: #fff; padding: 40px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
/*.popup .popup-inner.lined{border-top:3px solid #168fda;}*/
.popup .popup-inner.round{border-radius:30px;}
.popup .popup-inner .popup-close{display: block; width: 50px; height: 50px; border-radius: 25px; position: absolute; right: 25px;  top: -25px; background :#52ca9c url('/theme/basic/images/icon_close_w.svg') no-repeat center; background-size: 20px; font-size:0;}
.popup .popup-title {padding-top: 0; text-align: center;}
.popup .popup-title h2 {float: none; font-size: 2.6rem; line-height: 1.2;}
.popup .popup-cont {margin-top: 20px;}

.popup .popup-cont .text-box{overflow-Y:scroll; max-height:50vh; background:#fff; padding:10px; box-sizing:border-box;}
.popup .popup-cont .text-box::-webkit-scrollbar{width:3px;}
.popup .popup-cont .text-box::-webkit-scrollbar-track{background:#efefef;}
.popup .popup-cont .text-box::-webkit-scrollbar-thumb{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}

.mbr{display:none;}

/***** video *****/
.video_wrap {width:100vw; overflow: hidden; /*padding-bottom:56.25%; */box-sizing:border-box; position:relative;  /*margin: 20px 0;*/ border:0;}
.video_wrap video, .video_wrap iframe, .video_wrap embed {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;  border:0; outline:0;}

.mo .video_wrap{width:100%; height:auto; background:#fff; }
.mo .video_wrap video, .mo .video_wrap iframe, .mo .video_wrap embed{position:relative; left:0; top:0;width:100%; height:100%;}

.pdf_down{position: fixed; top: 5px; right: 70px;}