/* *********************************   로그인 퍼옴 ****************************************/

#container.loginWrap {margin: 17rem auto 5rem;}



.cate__list {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-top: 2px solid var(--point);
    margin-bottom: 5rem;
   
}

.cate__list li {
    flex: 1;
}

.cate__list li+li {
    border-left: 1px solid #ddd;
}

.cate__list li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    transition: .3s ease;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: 400;
    color: #434343;
}

.cate__list li a.on {
    background: var(--point);
    color: #fff;
}

.cate__list li a:hover {
    background: var(--point);
    color: #fff;
}


/*# sourceURL=/common/css/style.css */
/*@ sourceURL=/common/css/style.css */
@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본박스 */
.mbskin{position: relative;margin:100px auto 0;border:1px solid #ddd;width:400px;background:#fff;text-align:center;}
.mbskin:before,.mbskin:after{
content:"";
position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
       box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-border-radius:100px / 10px;
     border-radius:100px / 10px;}
.mbskin:after{right:10px;left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin  h1{margin: 60px 0 30px;font-size: 2em;}

.mt_1	 {margin-top:-1px !important;}
	.mt0		 {margin-top:0 !important;}
	.mt1		 {margin-top:1px !important;}
	.mt2		 {margin-top:2px !important;}
	.mt3		 {margin-top:3px !important;}
	.mt4		 {margin-top:4px !important;}
	.mt5		 {margin-top:5px !important;}
	.mt6		 {margin-top:6px !important;}
	.mt7		 {margin-top:7px !important;}
	.mt8		 {margin-top:8px !important;}
	.mt9		 {margin-top:9px !important;}
	.mt10	 {margin-top:10px !important;}
	.mt11	 {margin-top:11px !important;}
	.mt12	 {margin-top:12px !important;}
	.mt13	 {margin-top:13px !important;}
	.mt14	 {margin-top:14px !important;}
	.mt15	 {margin-top:15px !important;}
	.mt16	 {margin-top:16px !important;}
	.mt17	 {margin-top:17px !important;}
	.mt18	 {margin-top:18px !important;}
	.mt19	 {margin-top:19px !important;}
	.mt20	 {margin-top:20px !important;}
	.mt25	 {margin-top:25px !important;}
	.mt30	 {margin-top:30px !important;}
	.mt35	 {margin-top:35px !important;}
	.mt40	 {margin-top:40px !important;}
	.mt45	 {margin-top:45px !important;}
	.mt50	 {margin-top:50px !important;}
	.mt55	 {margin-top:55px !important;}
	.mt60	 {margin-top:60px !important;}
	.mt65	 {margin-top:65px !important;}
	.mt70	 {margin-top:70px !important;}
	.mt75	 {margin-top:75px !important;}
	.mt80	 {margin-top:80px !important;}
	.mt85	 {margin-top:85px !important;}
	.mt90	 {margin-top:90px !important;}
	.mt95	 {margin-top:95px !important;}
	.mt100	 {margin-top:100px !important;}

	.mb0		 {margin-bottom:0 !important;}
	.mb1		 {margin-bottom:1px !important;}
	.mb2		 {margin-bottom:2px !important;}
	.mb3		 {margin-bottom:3px !important;}
	.mb4		 {margin-bottom:4px !important;}
	.mb5		 {margin-bottom:5px !important;}
	.mb6		 {margin-bottom:6px !important;}
	.mb7		 {margin-bottom:7px !important;}
	.mb8		 {margin-bottom:8px !important;}
	.mb9		 {margin-bottom:9px !important;}
	.mb10	 {margin-bottom:10px !important;}
	.mb15	 {margin-bottom:15px !important;}
	.mb18	 {margin-bottom:18px !important;}
	.mb20	 {margin-bottom:20px !important;}
	.mb25	 {margin-bottom:25px !important;}
	.mb30	 {margin-bottom:30px !important;}
	.mb35	 {margin-bottom:35px !important;}
	.mb40	 {margin-bottom:40px !important;}
	.mb50	 {margin-bottom:50px !important;}

	.mr0		 {margin-right:0 !important;}
	.mr1		 {margin-right:1px !important;}
	.mr2		 {margin-right:2px !important;}
	.mr3		 {margin-right:3px !important;}
	.mr4		 {margin-right:4px !important;}
	.mr5		 {margin-right:5px !important;}
	.mr6		 {margin-right:6px !important;}
	.mr7		 {margin-right:7px !important;}
	.mr8		 {margin-right:8px !important;}
	.mr9		 {margin-right:9px !important;}
	.mr10		 {margin-right:10px !important;}
	.mr11		 {margin-right:11px !important;}
	.mr12		 {margin-right:12px !important;}
	.mr13		 {margin-right:13px !important;}
	.mr14		 {margin-right:14px !important;}
	.mr15		 {margin-right:15px !important;}
	.mr16		 {margin-right:16px !important;}
	.mr17		 {margin-right:17px !important;}
	.mr18		 {margin-right:18px !important;}
	.mr19		 {margin-right:19px !important;}
	.mr20		 {margin-right:20px !important;}
	.mr25		 {margin-right:25px !important;}
	.mr30		 {margin-right:30px !important;}
	.mr35		 {margin-right:35px !important;}
	.mr40		 {margin-right:40px !important;}

	.ml0		 {margin-left:0 !important;}
	.ml1		 {margin-left:1px !important;}
	.ml2		 {margin-left:2px !important;}
	.ml3		 {margin-left:3px !important;}
	.ml4		 {margin-left:4px !important;}
	.ml5		 {margin-left:5px !important;}
	.ml6		 {margin-left:6px !important;}
	.ml7		 {margin-left:7px !important;}
	.ml8		 {margin-left:8px !important;}
	.ml9		 {margin-left:9px !important;}
	.ml10		 {margin-left:10px !important;}
	.ml11		 {margin-left:11px !important;}
	.ml12		 {margin-left:12px !important;}
	.ml13		 {margin-left:13px !important;}
	.ml14		 {margin-left:14px !important;}
	.ml15		 {margin-left:15px !important;}
	.ml16		 {margin-left:16px !important;}
	.ml17		 {margin-left:17px !important;}
	.ml18		 {margin-left:18px !important;}
	.ml19		 {margin-left:19px !important;}
	.ml20		 {margin-left:20px !important;}
	.ml25		 {margin-left:25px !important;}
	.ml30		 {margin-left:30px !important;}
	.ml35		 {margin-left:35px !important;}
	.ml40		 {margin-left:40px !important;}
	.ml50		 {margin-left:50px !important;}

	.mb-1		 {margin-bottom:-1px !important;}
	.mb-2		 {margin-bottom:-2px !important;}
	.mb-3		 {margin-bottom:-3px !important;}


/* 기본테이블 */

.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {width:85px;}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */

.mbskin.kookMin{width:800px; margin-top:0; padding:60px 50px; background-color: #fdfdfd; border-color:#cecece; font-size:0; line-height:0; box-sizing:border-box; border-radius:10px;}
.mbskin.kookMin h1{margin:0 0 4rem;}
.mbskin.kookMin .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
.mbskin.kookMin .txt>span{font-weight: 400; color: #1b1b1b;}

/* 회원가입 약관 */
/*
#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section{margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ;
-webkit-box-shadow:  0 1px 3px #eee;
-moz-box-shadow:  0 1px 3px #eee;
box-shadow: 0 1px 3px #eee;
}
#fregister_chkall{text-align:right}
#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px}
#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em}
*/

/* 2020-07-27 */
#fregister section{text-align: left;}
#fregister section+section{margin-top:30px;}
#fregister h2 {padding-bottom:15px; font-weight: 500; font-size:18px; line-height:1; color: #1b1b1b; position: relative;}
#fregister textarea {width:100%;height:300px;padding:25px 30px;background-color:#fff;border:1px solid #ccc; font-weight: 300; font-size:15px; line-height:1.6em; color: #666; display:block; box-sizing:border-box;}
#fregister .fregister_agree{margin-top:15px; text-align: right;}
#fregister .btn_confirm{padding-top:40px; text-align:center;}
#fregister .btn_confirm .btn_submit{width:auto; min-width:150px; height:50px; padding:0 10px; background:#fff;border:1px solid #d24077; text-align:center; font-weight:400; font-size:18px; line-height:48px; color:#d24077; display:inline-block; vertical-align:middle; border-radius:5px;}



/* 회원가입 입력 */
/*
#register_form{background:#fff;padding:20px;margin-bottom:20px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm{text-align:center}
#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}

#fregisterform .form_01 div{margin: 0 0 50px}
#fregisterform .captcha{display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}
*/

/* 2020-07-27 */
.mbskin.kookMin.newForm{padding:60px 130px 80px;}
#register_form{margin:0; padding:0; background-color:#fff; border:1px solid #d9d9d9; border-radius:5px;}
#register_form>table{width:100%; margin-bottom:-1px; border-spacing:0;}
#register_form>table th,
#register_form>table td{height:70px; padding:10px; border-bottom:1px solid #e8e8e8; font-weight: 300; font-size:15px; line-height:1.3; color: #626262; letter-spacing: -0.03em; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

#register_form>table th{padding:10px 0 10px 20px; background-color:#f8f8f8; border-right:1px solid #e8e8e8; font-weight:300; font-size:16px; line-height:20px; color: #434343; }

#register_form input[type=text],
#register_form input[type=password],
#register_form input[type=file],
#register_form select,
#register_form textarea{width:100%; height:56px; padding:0 10px; background-color:#fff; border:1px solid #dfdfdf; font-weight: 300; font-size:14px; line-height:54px; color:#333; box-sizing: border-box; vertical-align:middle; display:inline-block;}

#fregisterform .frm_info{padding-top:10px; display:block;color:#3497d9;font-size:14px}
#fregisterform .checkIn input[type=checkbox]+label{font-size:15px; color: #626262;}

#fregisterform .btn_confirm{padding-top:40px; text-align:center;}
#fregisterform .btn_confirm>*{width:auto; min-width:150px; height:50px; padding:0 10px; background-color: #fbfbfb; border: 1px solid #464646; text-align:center; font-weight:400; font-size:18px; line-height:48px; color:#464646; display:inline-block; vertical-align:middle; border-radius:5px;}
#fregisterform .btn_confirm>*+*{margin-left:10px;}
#fregisterform .btn_confirm .btn_submit{margin:0; background-color:#fff; border:1px solid #d24077; color:#d24077;}
#fregisterform .btn_confirm .btn_cancel{}
#fregisterform .btn_confirm .btn_out{background-color: #464646; color: #fff;}

#fregisterform .btn_confirm .btn_submit:hover{background-color: #fff;}


/* 회원가입 완료
#reg_result {padding:0 0 0;text-align:center;}
#reg_result h2{font-size:2em;margin:0 0 20px}
#reg_result h2 strong{color:#ed6478}
#reg_result #result_email {margin:20px 0; padding:20px 50px; border-top:1px solid #e9e9e9; border-bottom:1px solid #dde4e9; background:#fff; text-align: left;}
#reg_result #result_email span {display:inline-block; width:150px; font-weight: 300; font-size:18px; line-height:34px; color: #7d7d7d;}
#reg_result #result_email strong {font-weight: 500; font-size:22px; line-height:34px; color: #1b1b1b; letter-spacing: -0.03em;}
#reg_result p {font-weight: 300; font-size:18px; line-height:24px; color: #7d7d7d;}
#reg_result p+p{margin-top:14px;}
#reg_result .btn_confirm {margin:50px 0}
#reg_result .reg_result_p{padding:50px 0 25px; font-weight: 500; font-size:22px; line-height:1; color: #1b1b1b; letter-spacing: -0.03em;}
#reg_result .reg_result_p strong{color:#035ab6}
#reg_result .btn_submit{width:auto; min-width:150px; height:50px; margin:50px 0 0; padding:0 10px; background-color: #fff; border: 1px solid #d24077; text-align:center; font-weight:400; font-size:18px; line-height:48px; color:#d24077; display:inline-block; vertical-align:middle; border-radius:5px;}
*/
/* 아이디/비밀번호 찾기
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email{margin:10px 0;}
*/
/* 로그인 */
#mb_login {}
#login_fs{padding:0 50px}
#mb_login #login_fs .frm_input{margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 20px}
#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 }
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a{display:inline-block;width:50%;float:left}
#login_password_lost{border-right:1px solid #ddd}

#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}

/* 2020-07-27 */
    .backyellow{background: var(--point) !important; border-color: var(--point) !important; color: #fff !important;}

	.mbskin.kookMin.newLogin{padding:60px 125px 80px;}
	#pw_confirm.mbskin.kookMin.newLogin,
	#find_info.mbskin.kookMin.newLogin{margin-top:5rem;}

	.mbskin.newLogin #login_fs{padding:0 50px 0px; text-align: left;}
	.mbskin.newLogin #login_fs .frm_input{margin:0}
	.mbskin.newLogin #login_fs .frm_input+.frm_input{margin-top:10px}
	.mbskin.newLogin #login_fs .btn_submit{width:100%; height:65px; margin:40px 0 0 !important; font-weight: 500; font-size:20px; line-height:1; color: #fff; text-align:center; display:block; border-radius:5px;}
	.mbskin.newLogin #login_fs .btn_cancel{background-color: #fff; border:1px solid #333; color: #333;}
	.mbskin.newLogin .frm_input{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:18px; line-height:53px; color:#b3b3b3; box-sizing: border-box; display:block; border-radius:5px;}


	.mbskin.newLogin #login_fs .btn_box{display: flex; justify-content: space-between;}
	.mbskin.newLogin #login_fs .btn_box>.btn_submit+.btn_submit{margin-left:10px !important;}

	.mbskin.newLogin .save_id{margin-top:15px;}
	.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label{padding-left:35px; font-size:17px; line-height:26px;}
	.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label:before{width: 24px; height: 24px;}

	.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label:after{width: 24px; height: 24px;}

	.mbskin.newLogin .txtBtn{margin-top:40px; padding:0 50px;}
	.mbskin.newLogin .txtBtn>li{display: flex; justify-content: space-between;}
	.mbskin.newLogin .txtBtn>li+li{margin-top:10px;}
	.mbskin.newLogin .txtBtn>li>*{display:inline-block; vertical-align: top;}
	.mbskin.newLogin .txtBtn>li>span{font-weight: 300; font-size:17px; line-height:35px; color: #626262;}
	.mbskin.newLogin .txtBtn>li>a{width:158px; background-color: #fbfbfb; border:1px solid #dbdbdb; font-size:15px; line-height:33px; color: #636363; text-align: center; border-radius:3px;}

	.mbskin.newLogin .topTit{margin-bottom:5rem; padding-bottom:5rem; border-bottom:1px solid #cecece; font-weight: 500; font-size:2.8rem; line-height:1.3; color: #333;}
	.mbskin.newLogin .topTit>dd{padding-top:2rem; font-weight: 400; font-size:1.6rem; line-height:1.6; color: #666;}
	.mbskin.newLogin .topTit>dd>strong{padding-bottom:0.5rem; font-weight: 500; font-size:2rem; color: #333; display:block;}
	.mbskin.newLogin .topTit .point{color:var(--point);}

	#reg_result.mbskin.newLogin .topTit{margin-bottom:1rem;}

	.mbskin.newLogin #captcha{margin-top:20px; display: flex; justify-content: space-between;}
	.mbskin.newLogin #captcha>*+*{margin-left:1rem !important;}
	.mbskin.newLogin #captcha #captcha_img{margin-left:0 !important;}
	.mbskin.newLogin #captcha #captcha_key{width:100%; height:40px; margin:0; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:18px; line-height:38px; color:#b3b3b3; box-sizing: border-box; display:block;}
	.mbskin.newLogin #captcha #captcha_info{display:none;}
	.mbskin.newLogin #captcha #captcha_mp3,
	.mbskin.newLogin #captcha #captcha_reload{min-width:40px;}


    .mbskin .btn_submit {background: var(--point);}


/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic}
#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;}

#memo_view_contents {margin:10px 0;border:1px solid #ddd;}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important}
.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;}
.memo_view_li .profile_img img{border-radius:50%}
.memo_view_date{text-align:right;color:#555;font-style:italic}
.memo_view_date strong{font-weight:normal}
#memo_view .btn_b02{float:right}
#memo_view .btn_b02.reply_btn{margin-left:4px}
#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em}
#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left}
#scrap .scrap_datetime{;color:#777;font-style:italic;float:right}
#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c}
#scrap .scrap_del:hover{color:#98ca69}
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}
#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold}
#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
/*포인트*/
#point .point_top{line-height:15px;margin:0 0 5px}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;}
#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;}
#point .point_date1{float:left;color:#555;font-style:italic}
#point .point_date{float:right;color:#555;font-style:italic}
#point .txt_expired {color:#aaa;}
#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_all span,#point .point_status span{float:right;}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_status  span{margin-left:10px}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:0 0 30px;}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9; font-weight: 300; font-size:18px; line-height:34px; color: #7d7d7d;}
#mb_confirm p strong {display:block;font-weight: 500; font-size:22px; line-height:34px; color:#c11a59;margin:0 0 5px letter-spacing: -0.03em;}
#mb_confirm fieldset {padding:50px 50px 0;text-align:left}
#mb_confirm fieldset .frm_input {width:100%; height:55px; margin-top:10px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:18px; line-height:53px; color:#b3b3b3; box-sizing: border-box; display:block; border-radius:5px;}


#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 20px;font-weight: 500; font-size:22px; line-height:34px; color: #1b1b1b; letter-spacing: -0.03em;}
#mb_confirm .confirm_id{font-weight: 300; font-size:18px; line-height:1; color: #7d7d7d;}
#mb_confirm .btn_submit{width:150px; height:44px; margin:50px auto 0; padding:0px;font-weight:400;font-size:17px; line-height:44px; color: #fff; display:block; border-radius:5px;}

/*
	#reg_result #result_email span {display:inline-block; width:150px; }
	#reg_result #result_email strong {color:#e8180c;  }
*/

/* 비밀글 비밀번호 확인
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {;padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id{}
*/

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie{position:relative}
#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;}
#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;}
#formmail .frm_file {padding-left: 50px;}
#formmail .frm_info{color: #3497d9;font-size: 0.92em;}

/* 자기소개 */
#profile h1 a{color:#fff}
#profile table {margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px}
#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;}
#profile h2 {margin:0 0 5px}
#profile .profile_name{text-align:center;font-weight:bold}
#profile .my_profile_img{display:block;margin:20px 0 5px;}
#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa}
#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{font-weight:bold;text-align:left}

.fildBox input{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:2rem; line-height:53px; color:#b3b3b3; box-sizing: border-box; display:block; border-radius:5px; margin-bottom: 10px;}
.btnArea.mt15 input{width: 100%; background: #232f3e; color: #fff; height:55px; padding:0 20px;  font-weight: 300; font-size:2.5rem; line-height:53px ;margin-bottom: 10px;  border-radius:5px;}

.memTit{font-size: 2rem; line-height: 1.2; color: #636363; margin: 2rem; }
.memTit dt{margin-bottom: 1rem;}
.memTit dd{font-size: 1.6rem; color: #aaa;}

.login_title{font-size: 4rem; margin-bottom: 5rem; font-weight: bold; text-align: center; color: #111;} 

.sct_sns_cls{position: absolute; top: 1rem; right: 0; font-size: 3rem;}






/* 회원가입 동의 */

/* join agree */
.jd__txtWrap {text-align: center; margin: 2rem 0 6rem;}

.join__table {width: 100%; border-top: 2px solid #000}
.join__table tr {border-bottom: 1px solid #ddd;}
.join__table th {border-right: 1px solid #ddd;     background: #fbfbfc; font-size: 1.8rem; font-weight: 500; color: #1b1b1b; padding: 1rem; width: 20rem;}
.join__table td {padding: 1.5rem 1rem; font-size: 1.7rem; font-weight: 400;}
.join__table input,
.join__table select {height: 4rem; border: 1px solid #ccc; padding: 0 1rem; max-width: 40rem; width: 100%; font-size: 1.6rem; border-radius: 2px;}
.join__table select {background: url("https://welfare.sg.ac.kr/images/sub/subNav_arrow.png") no-repeat; background-position: right 1rem center;}

.join__table p {font-size: 1.6rem; font-weight: 400; color: #666;}

.labelChkLeft {display: flex; justify-content: flex-start;}
.labelChkLeft + .labelChkLeft {margin: 1rem 0 0;}
.labelChk + .labelChk {margin: 0 0 0 2rem;}

.join__phoneWrap {display: flex; align-items: center;}
.join__tr--phone input,
.join__tr--phone select {width: calc((100% - 2rem) / 3); max-width: none; max-width: 15rem;}
.join__phoneWrap i {width: 0.4rem; height: 1px; background: #999; margin: 0 0.3rem;}

.join_mailWrap {display: flex; align-items: center;}
.join__tr--mail input,
.join__tr--mail select {width: calc((100% - 3rem) / 3); max-width: 20rem;}
.join__tr--mail select {margin: 0 0 0 1rem;}
.join_mailWrap i {display: inline-block; font-size: 1.6rem; width: 2rem; text-align: center; color: #666;}

.adress__top {display: flex; margin: 0 0 0.5rem;}
.adress__btm {display: flex;}
.adress__btm input + input {margin-left: 0.5rem;}
.btn__adressSearch {background: #888; border: none; width: 12rem; justify-content: center; align-items: center; border: none; color: #fff; font-size: 1.6rem; margin: 0 0 0 0.5rem;}
.join__tr--adress input {width: calc(100% / 2); max-width: 25rem;}
#fregisterform .adress__btm input {margin: 0.5rem 0 0;}
#fregisterform .adress__btm input + input {margin: 0.5rem 0 0 10px;}

.labelChk {display: flex; align-items: center; cursor: pointer;}
.labelChk__box {position: relative; display: inline-block; width: 2rem; height: 2rem; border: 1px solid #999999; margin: 0 1rem 0 0; background: #fff;}
.labelChk__box::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.2rem; height: 1.2rem; background: #003976; opacity: 0; transition: .3s ease;}
input:checked + .labelChk__box::before {opacity: 1;}
.labelChk__tit {font-weight: 400; font-size: 2rem; color: #1b1b1b; margin: 0 1rem 0 0;}
.labelChk__txt {font-size: 1.6rem; font-weight: 400; color: #777777; transition: .3s ease; flex: 1;}

.rdi .labelChk__box {border-radius: 50%;}
.rdi .labelChk__box::before {border-radius: 50%;}

.join_title {margin: 2rem 0 5rem; font-size: 1.6rem;}
.join_cont .tos_btnWrap {display: flex; justify-content: center; margin-top: 5rem;}
.join_cont .tos_btn {border: 1px solid #ddd; max-width: 18rem; width: 100%; padding: 1.5rem; font-size: 1.7rem; font-weight: 400; color: #888888; margin-left: 2rem; text-align: center; background: #fff; border-radius: 2px;}
.join_cont .tos_btn:first-child {margin: 0;}
.join_cont .tos_btn.color {background: #ffaa00; color: #fff; border: none;}


.subTit {font-size: 4rem; margin-bottom: 3rem;}
/* .mbskin {margin: 0 auto ; padding: 20rem 0 0; max-width: 360px; width: 100%;} */
.mbskin .btn_submit {background: #2eac66;}

.agree__cnts + .agree__cnts {margin: 3rem 0 0;}
.agree__tit {display: block; font-size: 2rem; font-weight: 500; padding: 0 0 0.5rem;}
.btnWrap {margin: 5rem 0 0;}
.btnConfirm {display: flex; align-items: center; border-radius: 1rem; justify-content: center; margin: 0 auto; min-width: 20rem; height: 6rem; border: none; background: #2eac66; color: #fff; font-weight: 500; font-size: 2rem;}

.commu__tapList {display: flex; justify-content: center; margin: 2rem 0 0;}
.commu__tapList li + li {margin: 0 0 0 1rem;}
.commu__tapList button {border: none;  color: #fff; padding: 0.8rem 1rem; min-width: 10rem; transition: .3s ease; color: #333; font-weight: 500;}
.commu__tapList button.on {background: #ffaa00; color: #fff;} 

.register__result {text-align: center;}
.regRes__txt {font-size: 3rem; font-weight: 700; color: #333333; margin: 5rem 0 0;}

.confirm__pw {text-align: center; max-width: 600px; margin: 0 auto;}
.confirm__tit {display: block; font-size: 2rem; margin: 0 0 2rem;}
.confirm__id {display: block; font-size: 1.6rem; border-top: 1px solid #ddd; margin: 2rem 0 0; padding: 2rem 0 0;}
.mb_confirm_id {font-size: 2.4rem; display: block; font-weight: 500;}
.confirm__inputWrap {display: flex; justify-content: center; margin: 1rem 0 0;}
.confirm__inputWrap .btn_submit {padding: 0 2rem; background: #2eac66; color: #fff; margin: 0 0 0 0.5rem;}


.privacyChk {display: flex; cursor: pointer; margin: 2rem 0 0; align-items: center;}
.privacyChk p {font-size: 1.6rem; font-weight: 400; color: #666666; margin: 0 0 0 1rem;}
.privacyChk span {display: inline-block; width: 2.2rem; height: 2.2rem; border: 1px solid #ddd; position: relative;}
.privacyChk span::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.1rem; height: 1.1rem; background: #2eac66; opacity: 0; transition: .3s ease;}
.privacyChk input:checked + span::after {opacity: 1;}

.privacy__tit {display: block; font-size: 1.7rem; font-weight: 500; color: #333333; margin: 3rem 0 1rem;}
.privacy__contents {padding: 1.5rem; overflow: auto; height: 20rem; border: 1px solid #ddd; background: #f6f6f6;}

.agree {margin: 2rem 0 4rem;}
.agree b { font-size: 2.8rem; color: #222; font-weight: 700;}
.agree p { font-size: 2.2rem; color: #222; font-weight: 400;}


.board_list colgroup {display: table-column-group;}


.uploadFileINFO {text-align: left;}
.fileDelBtn {border: 1px solid #000; padding: 0 1rem 0.2rem; font-size: 1.6rem; line-height: 1.6rem; border-radius: 4px;}

.clauseArea .checkIn input[type=checkbox]+label::after{width: 2rem !important; height: 2rem !important; top:0;}
.required__tit {font-size: 1.6rem; text-align: right; margin-bottom: 1rem;}


/* 필수입력 */
.required,
textarea.required{background-image:url("https://welfare.sg.ac.kr/img/require.png") !important; background-repeat:no-repeat !important; background-position:right top !important}
select.required{background-image:url("https://welfare.sg.ac.kr/img/require.png"), url("http://host.iceserver.co.kr/theme/prix/img/board/bg_select.svg") !important; background-repeat:no-repeat !important; background-position:right top, calc(100% - 1rem) center !important;}


/* 마이페이지.css */


/* 장바구니, 구매페이지, 포인트 등 마이페이지 관련 */
.sBoardList{width:100%; background-color: #fff; border-top:2px solid #232f3e; overflow:hidden; box-sizing: border-box; }
.btnArea + .sBoardList{margin-top:10px;}
.sBoardList>.table{width:100%; border-spacing:0; display:table; table-layout : fixed; position: relative;}
.sBoardList>.table .tr{display:table-row; position: relative;}
.sBoardList>.table .tr>div{height:57px; padding:15px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:1.4; color:#666; letter-spacing: -0.03em; text-align:center; box-sizing: border-box; display:table-cell; vertical-align: middle; position: relative;}
.sBoardList>.table .tr.noPost div {border: none;}


.sBoardList>.table .thead>div{background-color: #f0f0f0; font-weight: 500; color:#222; position: relative;}
.sBoardList>.table .thead .th1 {width: 8%; max-width: 10rem; }
.sBoardList>.table .thead .th3 {width: 15%; max-width: 20rem; }
.sBoardList>.table .thead .th4 {width: 15%; max-width: 15rem; }
.sBoardList>.table .thead .th5 {width: 15%; max-width: 20rem; }

.sBoardList>.table .tr>.num .noti{margin:-5px 0; padding:0 13px; background-color: #232f3e; font-weight: 300; font-size:14px; line-height:24px; color: #fff; display:inline-block; border-radius:3px;}

.sBoardList>.table .tr>.title{padding:0 1rem; text-align:left;}
.sBoardList>.table .tr>.title>.checks{display:inline-block; vertical-align: middle;}
.sBoardList>.table .tr>.title>a{max-width:85%; font-weight: 400; color:#333; cursor:pointer; display:inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sBoardList>.table .tr>.title>.icon{padding:0 0 3px 7px; display:inline-block; vertical-align: middle;}

.sBoardList>.table .tr>.stat{padding:11px 0;}
.sBoardList>.table .tr>.stat>.icon{width:7rem; height:3rem; background-color: #f8f8f8; border:1px solid #ccc; font-weight: 300; font-size:1.4rem; line-height:2.8rem; color: #898989; text-align: center; display:inline-block; box-sizing: border-box; border-radius:2px;}
.sBoardList>.table .tr>.stat>.icon.end{background-color: #232f3e; border-color:#232f3e; color: #fff;}

.sBoardList>.table .tr>.title>a.active,
.sBoardList>.table .tr>.title>a:hover{color:#232f3e;}

.sBoardList>.table .tr.noPost{position: static;}
.sBoardList>.table .tr.noPost .td{height:200px; position: static;}
.sBoardList>.table .tr.noPost .td>p{width:100%; font-size:16px; line-height:2; color:#000; text-align: center; position: absolute; left:0; top:50%; white-space: nowrap;}

.sBoardList.shop .cart,
.sBoardList.shop .form,
.sBoardList.shop .check{font-size:0 !important; line-height:0 !important;}
.sBoardList.shop input[type=text]{width:70%; height:40px; padding:0 10px; background-color:#fff; border:1px solid #cecece; font-weight: 300; font-size:14px; line-height:38px; color:#666; text-align: center; box-sizing: border-box; vertical-align:middle; display:inline-block;}
.sBoardList.shop input[type=checkbox]{width: 15px; height: 15px; background-color: #fff; border:1px solid #cecece; display: inline-block; box-sizing: border-box; position: relative;}
.sBoardList.shop .link>a{color: #666; display:inline-block; vertical-align: top; position: relative;}
.sBoardList.shop .link>a+a{margin-left:7px;}
.sBoardList.shop .link>a+a:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #666; display: inline-block; position:absolute; left: -5px; top:50%;}


.sBoardList.shop input[type=checkbox]{}
.sBoardList.shop input[type=checkbox]:before{}
.sBoardList.shop input[type=checkbox]:after{border:none; background: url("https://nellapet.com/images/main/check.svg") no-repeat left top; background-size: cover; position: absolute; left:-1px; top:0; opacity: 0.3; width: 15px; height: 15px; content: '';}
.sBoardList.shop input[type=checkbox]:checked{border-color:#333;}
.sBoardList.shop input[type=checkbox]:checked:after{opacity: 1; width: 15px; height: 15px; content: '';}

/* .sBoardList.shop input[type=radio]+label{}
.sBoardList.shop input[type=radio]+label:before{border-radius:99px;}
.sBoardList.shop input[type=radio]+label:after{width: 1rem; height: 1rem; margin: 0; background-color: var(--point); border:none; left: 0.4rem; top:60% ; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform: translateY(-50%); opacity: 0.3;}
.sBoardList.shop input[type=radio]:checked+label:before{border-color:var(--point);}
.sBoardList.shop input[type=radio]:checked+label:after{opacity: 1;} */

.sBoardList.shop>.table .tr>div.cart{min-height:15rem; height: auto; padding:1rem;}
.sBoardList.shop .cart>.proCart{width:100%; display: flex; align-items: center; justify-content: left;}
.sBoardList.shop .cart>.proCart .thumb{width:13rem; height:13rem; background-repeat: no-repeat; background-position: center center; background-size: contain; display:table-cell; vertical-align: middle; box-sizing: border-box;}
.sBoardList.shop .cart>.proCart .title{font-weight: 400; text-align: left; font-size:16px; line-height:1.4; color: #333; letter-spacing: -1px; display:table-cell; vertical-align: middle;}
.sBoardList.shop .cart>.proCart .thumb+.title{padding-left:4rem;}

.sBoardList.shop .amount{font-size:0 !important; line-height:0 !important;}
.sBoardList.shop .amount input[type=text]{width:40px; height:27px; margin-right:-1px; padding:0 5px; border:1px solid #cfcfcf; font-weight: 300; font-size:14px; line-height:24px; color: #666; text-align: center; display:inline-block; vertical-align: middle;}
.sBoardList.shop .amount>.btns{display:inline-block; vertical-align: top;}
.sBoardList.shop .amount>.btns>a{width:15px; height:14px; background-repeat: no-repeat; background-position: center center; display:block;}
.sBoardList.shop .amount>.btns>a.minus{margin-top:-1px; background-image: url("https://nellapet.com/images/sub/btn_cart_down.gif");}
.sBoardList.shop .amount>.btns>a.plus{background-image: url("https://nellapet.com/images/sub/btn_cart_up.gif");}


.my_order_list_table_area.sBoardList.shop .cart>.proCart {justify-content: center;}
.my_order_list_table_area.sBoardList.shop .cart>.proCart .title {flex: 1;}


/* 제품 상세 페이지에 사용 */
.sBoardList.view{border-top-width:1px;}
.sBoardList.view .tr>div{font-size:1.4rem; color:#444; width: 100%;}
.sBoardList.view .thead>div{background-color: #f2f2f2; font-weight: 400; color:#222; position: relative;}

.sBoardList.view .icon{margin:0.7rem 0 0 0.5rem;}
.sBoardList.view .icon:before{min-width:2.3rem; min-height:2.3rem; font-size:1.4rem; line-height:2.3rem;}

.sBoardList.view .ajaxViewCon{width:1200px; padding:20px 30px; background-color: #f9f9f9; border-bottom:1px solid #ccc; font-weight: 300; font-size:14px; line-height:20px; text-align: left; box-sizing: border-box;}
.sBoardList.view .ajaxViewCon>.tit{font-weight: 400; color:#222;}
.sBoardList.view .ajaxViewCon>.txt{padding-top:5px;}
.sBoardList.view .ajaxViewCon>.btn{padding-top:10px; text-align: right;}
.sBoardList.view .ajaxViewCon>.btn>a{padding:0 10px; background-color: #fff; border:1px solid #444; font-weight: 300; font-size:14px; line-height:28px; color: #222; display:inline-block; vertical-align: top;}
.sBoardList.view .ajaxViewCon>.btn>a+a{margin-left:5px;}


.sBoardList.view .ajaxViewCon .answer{padding:30px 0; background-color: #fafafa; text-align: left;  vertical-align: top;}
.sBoardList.view .ajaxViewCon .answer>.tit{padding-bottom:5px; font-weight: 500; font-size:19px; line-height:1; color: #222;}


.board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;}
.board_write>table .file .checkIn{margin-right:10px; vertical-align: middle;}
.board_write>table .file>.file_wrap{margin-right:20px; vertical-align:middle; display:inline-block;}
.board_write>table .file>.file_wrap>.btnFile{width:100px; height:40px; margin-right:10px; border-width:1px; border-style:solid; font-size:14px; line-height:38px; text-align: center; vertical-align:middle; cursor:pointer; overflow:hidden; display:inline-block; position: relative; box-sizing: border-box;}
.board_write>table .file>.file_wrap>.btnFile>input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;}
.board_write>table .file>.file_route{font-size:14px; line-height:1.3; color:#666; display:inline-block; vertical-align:middle; box-sizing: border-box; overflow:hidden; cursor: pointer;}

.board_write>table .file>.thumb{width:40px; height:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; display:inline-block; vertical-align: middle; overflow:hidden;}
.board_write>table .file>.thumb>.over{width:0; height:0; margin:0; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; position: fixed; left: 50%; top:50%; z-index:99; box-sizing: border-box; -webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%; opacity: 0;}
.board_write>table .file>.thumb:hover>.over{width:480px; height:480px; margin:-240px 0 0 -240px; opacity: 1;}
.board_write>table .file>.thumb.text{width:75%; height:40px; font-weight: 300; font-size:14px; line-height:40px; color:#666; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cartTotal{padding:20px 30px; margin-top:-1px; border:1px solid #cfcfcf; background-color: #fff; font-size:16px; line-height:1.4; color: #333; text-align: right; position: relative; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.cartTotal>strong{padding-left:15px; font-weight: 500; color: #000;}


/* 마이페이지 마이페이지마이페이지마이페이지마이페이지마이페이지마이페이지마이페이지 메뉴 */
.d3Area{margin-bottom:20px; border-top:2px solid #000; border-left:1px solid #dbdbdb; font-size:0; line-height:0; overflow:hidden;}
.proSchArea+.d3Area{margin-top:40px;}
.d3Area>*{width:20%; padding:0 30px; background-color: #fff; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:15px; line-height:50px; color: #434343; display:inline-block; vertical-align: top; position: relative; box-sizing: border-box;}	.d3Area>a.active,
.d3Area>a:hover{background-color: #232f3e; color: #fff;}

.d3Area.c{margin-bottom:40px;}
.d3Area.c>*{text-align: center;}


.secedeArea{padding:35px 30px; background-color: #fff; border: 1px solid #ddd; font-weight: 300; font-size:15px; line-height:26px; color: #666; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.secedeArea>p>span{padding-left:17px;}
.secedeArea>p+p{padding-top:15px;}
.secedeArea .point{font-weight: 400; color: #333;}


.btnArea a,
.btnArea input[type=image],
.btnArea input[type=submit],
.btnArea button{-webkit-transition: .3s; transition: .3s;}

/* Btn Style */
.btnArea{width:100%; margin-top:30px; font-size:0; line-height:0;}
.board_write+.btnArea{}
.btnArea a,
.btnArea input,
.btnArea button{width:15rem; margin:0 10px 0 0; background-color:#232f3e; border:1px solid #232f3e; font-weight: 500; font-size:2rem; line-height:48px; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;}
.btnArea button{line-height:50px;}

.btnArea a.small,
.btnArea input.small,
.btnArea button.small{width:73px; background-color:#232f3e; border-color:#232f3e; font-size:14px; line-height:33px; color:#fff;}
.btnArea button.small{line-height:35px;}

.btnArea a.write,
.btnArea input.write,
.btnArea button.write{background-color: transparent; color: #232f3e;}

.btnArea a.modify,
.btnArea input.modify,
.btnArea button.modify{background-color: #999; border-color:#999;}

.btnArea a.cancel,
.btnArea input.cancel,
.btnArea button.cancel{background-color: transparent; border-color:#333; color: #333;}

.btnArea a.print,
.btnArea input.print,
.btnArea button.print{background-color: transparent; border-color:#232f3e; color: #232f3e;}

.btnArea.tar{text-align: right;}
.btnArea.tac{text-align: center;}
.btnArea.tj{display: flex; justify-content: space-between;}

.btnArea.tar a,
.btnArea.tar input[type=image],
.btnArea.tar input[type=submit],
.btnArea.tar button{margin:0 0 0 10px;}

.btnArea.tac a,
.btnArea.tac input[type=image],
.btnArea.tac input[type=submit],
.btnArea.tac button{margin: 5px;}

.btnArea.tac.three{display: flex; align-items: flex-start; justify-content: center; gap: 1rem; flex-wrap: wrap;}
.btnArea.tac.three >a{width: calc(33% - 1rem) ;min-width: 20rem;}

.btnArea.tj a,
.btnArea.tj input[type=image],
.btnArea.tj input[type=submit],
.btnArea.tj button{margin:0;}




/* 마이페이지 마이페이지마이페이지마이페이지마이페이지마이페이지마이페이지마이페이지 메뉴 */


/* 제품  제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품  시작*/


/* 제품 view 갤러리 */
/* 
.qk__list {border-top: 2px solid #222; border-bottom: 1px solid #999; padding: 6rem 6rem 6rem 0; }
.qk__list:last-of-type {border-bottom: 0;}
.qk__list li {display: flex;  }
.qk__list li + li {padding-top: 2rem;}
.qk__list li p {flex: 1; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;} */
.get_item_options label {width: 13rem; font-size: 1.8rem; color: #333; font-weight: 400; display: inline-block;}
.view_area_top_purchase h3 {font-size: 1.8rem ; font-weight: 700; color: #333; margin: 2rem 0 1.5rem;}
.view_area_top_purchase_value table td {text-align: right !important; padding-right: 2rem !important;}

.get_item_options span select { background-image: url('/img/board/bg_select.svg') !important; background-repeat: no-repeat !important; background-position: right 1rem center, calc(100% - 1rem) center !important; }


.pod__slide {width: calc(60% - 4rem);}
.poduct .mySwiper2 .swiper-slide { text-align: center; font-size: 18px; background: #fbfbfb; display: flex; justify-content: center; align-items: center; width: 100%; height: 55rem; }
.poduct .mySwiper2 .swiper-slide img { display: block; object-fit: contain; max-width: 90%; }
.poduct .mySwiper2 .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.poduct .mySwiper2 .swiper-slide { background-size: cover; background-position: center; border: 1px solid #eeeeee }
.poduct .mySwiper2 { height: 80%; width: 100%; }
.poduct .mySwiper { height: 20%; box-sizing: border-box; padding: 3rem 0 5rem; }
.poduct .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; border: 2px solid #ddd; transition: .3s ease; cursor: pointer; }
.poduct .mySwiper .swiper-slide-thumb-active {opacity: 1;border: 2px solid #2eac66;}
.poduct .mySwiper .swiper-slide img { display: block; width: 100%; height: 13rem; object-fit: contain; max-width: 90%; margin: 0 auto; padding: 1rem;   }

.get_item_options {display: flex; align-items: center;}
.get_item_options + .get_item_options {margin-top: 1.5rem;}
.get_item_options span {font-size: 2.2rem; font-weight: 400; color: #333; display: inline-block; padding: 0 1rem 0 0; flex: 1;}
.get_item_options span select {-moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0 2rem; height: 4rem; font-size: 1.7rem; width: 100%; color: #333; font-weight: 400; border: 1px solid #ddd; border-radius: 0.5rem;}
.get_item_options span select::-ms-expand {display: none;}

.qk__list li p input { padding: 2rem; height: 4rem; font-size: 1.8rem; width: 21rem; color: #333; font-weight: 400; border: 1px solid #ddd; border-radius: 0.5rem;}
.qk__list li p input::placeholder {color: #999; font-size: 1.7rem; font-weight: 300;}

.view_area_top{display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem; margin-bottom: 8rem;}
.view_area_top_figure{display: flex; gap: 4rem; align-items: flex-start; min-width: 68rem;}

.view_area_top_figure_others ul {display: flex; flex-direction: column; gap: 2rem; }
.view_area_top_figure_others ul li{border: 1px solid #dadada; min-width: 12rem; height: 12rem; width: 12rem; display: flex; align-items: center; justify-content: center;}
.view_area_top_figure_others ul li img{max-width: 100%; max-height: 100%;}


.view_area_top_figure_main_pic{min-width: 52rem; width: 52rem; height: 52rem; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center;}
.view_area_top_figure_main_pic img{max-width: 100%; max-height: 100%; padding: 1rem;}
.view_area_top_figure_main_commet{width: 100%; height: 5rem; overflow: hidden;border: 1px solid #e5e5e5; background: #fff; display: flex; justify-content: space-between; align-content: center;}
.view_area_top_figure_main_commet i{font-size: 1.4rem; line-height: 1; color: #434343; }
.comment_left{display: flex; align-items: center; margin-left: 2rem;}

.comment_right{display: flex; align-items: center;}
.comment_right .share{padding: 2rem; border-left: 1px solid #e5e5e5; margin-left: 1rem;}

/* 제품 설명란 */
.view_area_top_purchase{max-width: 40%; width: 100%;}
.view_area_top_purchase_named{margin-bottom: 1rem;}
.view_area_top_purchase_title{font-size: 3.2rem; font-weight: bold; color: #000; margin-bottom: 2rem;}
.view_area_top_purchase_sub{font-size: 1.8rem; color: #000; display: block; overflow: hidden; text-overflowll: ellipsis; white-space: nowrap;}
/* 제품 옵션 */
.view_area_top_purchase_value table{border-top: 1px solid #434343; width: 100%; border-collapse: collapse;}
.view_area_top_purchase_value table th ,
.view_area_top_purchase_value table td{text-align: left; font-size: 1.8rem; line-height: 2rem;padding: 2rem 0; }
.view_area_top_purchase_value table th{min-width: 13rem; width: 13rem;}
.view_area_top_purchase_value table td strong{font-size: 1.8rem;}

.view_area_top_purchase_value table thead th,
.view_area_top_purchase_value table thead td{color: #1b1b1b;}
.view_area_top_purchase_value table tbody{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.view_area_top_purchase_value table tbody th,
.view_area_top_purchase_value table tbody td{color: #555555;}

/* .view_area_top_purchase_desc {margin-top: 2rem;} */
/* 제품 옵션 완료*/


.view_area_top_purchase_option_done {padding: 1rem 2rem; margin-top: 3rem; position: relative ; border: 1px solid #dcdcdc; width: 100%; background: #f9f9f9; margin-bottom: 1rem;}
.delete{display: flex; align-items: center; padding: 0.5rem; justify-content: center;width: 3rem; height: 3rem;background: #fff; border: 1px solid #dcdcdc; right: 0; top: 0; position: absolute;}
.delete:hover{border: 1px solid #000;}
.view_area_top_purchase_option_done_named{font-size: 2rem; color: #1b1b1b; margin-bottom: 1rem; font-weight: 500;}
.view_area_top_purchase_option_done_price{display: flex; justify-content: space-between; align-items: flex-end;}
.counts{display: flex; align-items: center; }
.counts button{border: 1px solid #bdc9dc; font-size: 1.3rem; height: 100%; width: 3rem; height: 3rem; line-height: 3rem; background: #fff; display: flex; align-items: center; justify-content: center}
.counts input{max-width: 5rem; font-size: 1.7rem; border: 1px solid #dcdcdc; height: 3rem; text-align: center; background: #fff;}
.price_one{font-size: 2rem; color: #1b1b1b;  font-weight: 500;}
/* 제품 총 가격  */
.price_all{display: flex; justify-content: space-between; font-size: 2rem; font-weight: 700; color: #1b1b1b; margin: 5rem 0 3rem;  align-items: center;}
.price_all p + p {font-size: 2.3rem; font-weight: 700; padding-right: 2rem;}
.price_all p + p span {padding-right: 0.5rem;}
/* 장바구니 ,바로구매 ,찜 */
.view_area_top_purchase_buttons{display: flex; gap: 1rem;}
.view_area_top_purchase_buttons button{min-height: 6rem; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; color: #1b1b1b; font-weight: bold; border: 1px solid #98a3b3; width: 50%;}
.view_area_top_purchase_buttons button.b_purchase{background: #2eac66; color: #fff; border: 1px solid #2eac66;}
.view_area_top_purchase_buttons button.purchase_heart{width: 7rem; color: #cfd0cc;}

/* 제품 뷰 중단 관련 상품 */
.view_other_tab{}
.view_other_tab_nav{display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 2rem;}
.view_other_tab_nav_title{font-size: 2.2rem; font-weight: bold; color: #1b1b1b;}
.view_other_tab_nav_button button{border: 1px solid #dee3eb; width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center;}

.other_product{padding: 2rem 0 3rem ; border-top: 1px solid #666666; border-bottom: 1px solid #dadada;}
.other_product .swiper-slide{cursor: pointer;}
.other_product .swiper-slide:hover .imgarea{border-color: #000;}
.other_product .swiper-slide .imgarea{width: 22rem; height: 19rem; border: 1px solid #dadada; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;}
.other_product .swiper-slide .imgarea img{max-width: 100%; max-height: 100%;}
.other_product_title{font-size: 1.7rem; color: #1b1b1b; font-weight: bold; line-height: 3rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.other_product_sub{font-size: 1.6rem; color: #666666; line-height: 3rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 제품  제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품 제품  끝*/


.sTit{margin-bottom: 2rem; font-size: 2.6rem; color: #111; font-weight: 500;}
.checkIn {
    margin-left: 10px;
}



@media only screen and (max-width : 1024px){

    .mbskin.kookMin{width:100%; margin:0 auto; padding:5rem 3rem; border-radius:0.625rem;}
	#pw_confirm.mbskin.kookMin,
	#find_info.mbskin.kookMin{width:calc(100% - 6rem); margin:3rem auto;}
	.mbskin.kookMin h1{margin:0 0 3rem;}
	.mbskin.kookMin h1 img{width:21.1rem;}


    .poduct .mySwiper2 .swiper-slide img {max-height: 90%; max-width: 90%;}

    .view_area_top_figure_main_pic{max-width: none; width: 100%;}
    .aside_img{display: none;}

    .view_area_top_figure{display: flex;gap: 4rem;align-items: flex-start;min-width: 52rem;flex-direction: column-reverse;}
    .view_area_top_figure_others ul {flex-direction: inherit;gap: 1rem;overflow: auto;max-width: 52rem;}
    .view_area_top_purchase{max-width: none;}

    .greeting_con{flex-direction: column; gap: 3rem; align-items: center;}
    .greeting_con::before{height: 110%;}
    .greeting_con_imgArea{width: 100%; font-size: 0; text-align: center;}

    .story4.greeting_con{ flex-direction: column;}
    .story_con_textArea{text-align: center !important;}
    .story4 .story_con_textArea{max-width: none;}
    .story .story4.greeting_con::before,
    .story  .greeting_con::before{height: 115%; display: inline-block;}
    .story_con_textArea{margin-top: 0;}
    .story4 .story_con_textArea,
    .story_con_text{max-width: 84rem; width: 100%;}

    .story2_{max-width: 92.2rem; width: 100%; padding: 2rem; margin: 0 2rem;}


    .view_area_top {flex-wrap: wrap;}
    .pod__slide {width: 100%;}
    .view_area_top_purchase {width: 100%; max-width: none;}

}


@media only screen and (max-width : 840px){

    .memTit {font-size: 2.5rem}
    .memTit dd {font-size: 2.2rem;}
    .fildBox input {height: 7rem;}
    .agree__tit {font-size: 2.3rem;}
    .privacyChk p {font-size: 2.1rem;}


    .survery_left{position: absolute;left: -90%;top: -5.5rem;z-index: 10;}
    .surveys_con .checkBox >p {width: auto;}
    td.bo_w_flie{overflow: hidden;}
    .surveys_con{padding: 6rem 1.5rem;}
    .surveys_con .checkBox.checkbox3 .checkIn .survey_type1{ gap: 1rem;}
    .surveys_con .checkBox.checkbox3{gap: 2rem 1rem;}
    .surveys_con .checkBox.checkbox3 .checkIn{min-width: calc((100% - 1rem)/2); width: auto;}
    /* .surveys_con .checkBox.checkbox3 .checkIn .opacity{display: none;} */
    .sBoardList.my_order_list_table_area{overflow-x: auto;}
    .my_order_list_table{min-width: 840px; overflow-x: auto;}
    /* .my_cart_list_table{min-width: 840px; overflow-x: scroll;} */
    

    .cartTable.sBoardList .table .thead.tr {display: none !important;}
    .sBoardList>.table .tr {display: flex;}
    .cartTable.sBoardList .table .tr{flex-wrap: wrap;margin-bottom: 2rem;border: 1px solid #aaa;border-top: 2px solid #000;}
    .cartTable.sBoardList .table .tr > div{width: 33.3%; height: 10rem;}
    .cartTable.sBoardList .table .tr > div:first-child{width: 100%; height: 7rem;}
    html .cartTable.sBoardList .table .tr > div.cart{ width: 100%; min-height: 25rem; display: flex; align-items: center; justify-content: center; height:  auto; }
    /* html .sBoardList.shop .cart>.proCart .thumb{width: 18rem; height: 18rem;} */
    .cartTable.sBoardList .table .tr > div.six{ width: 100%;}
    .cartTable.sBoardList .table .tr > div.etc *{white-space: nowrap;}
    /* html .sBoardList.shop .cart>.proCart .thumb+.title{padding-left: 1rem;} */
    html .cartTotal{padding: 3rem; margin-top: 2rem !important;}
    html .sBoardList>.table .tr.noPost .td>p{top: 0; position: relative; }
    .sBoardList.shop .cart>.proCart {padding: 0 1rem;}

    .greeting_con_sub{font-size: 3.2rem;line-height: 4.2rem;}
    .greeting_con_text{font-size: 2.8rem;line-height: 3.5rem;}
    
    .story2_.ptVar{display: none !important;}
    .sBoardList>.table .tr {display: flex;}
    .sBoardList .table .tr{flex-wrap: wrap;margin-bottom: 2rem;border: 1px solid #aaa;border-top: 2px solid #000;}
    .sBoardList .table .tr > div{width: 33.3%; height: 10rem;  display: flex; align-items: center; justify-content: center;}
    .sBoardList .table .tr > div:first-child{width: 100%; height: 7rem;}



    .sBoardList>.table .thead.tr {display: none !important;}

    .table.buy{display: flex; flex-wrap: wrap; border-left: 1px solid #ddd;}
    .table.buy >div.tr{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; width: 100%;}
    .table.buy >div.thead.tr {display: none !important;}
    .table.buy >div.tr .th{width: 25%; flex: 1;}
    .table.buy >div.tr > div{height: auto; padding: 15px; display: flex; align-items: center; justify-content: center; width: 33%;}
    .table.buy >div.tr > div.cart{ padding: 15px; display: flex; align-items: center; justify-content: center; width: 100%; height: auto !important;}
    .table.buy >div.tr > div .proCart{display: flex; gap: 10px; align-items: center; justify-content: flex-start;}
    .table.buy >div.tr > div .proCart .thumb{width: 30%; aspect-ratio: 1/1; height: auto;background-size: cover; border: 1px solid #ccc;}
    .buy_price_end{display: flex; gap: 5px; justify-content: flex-end; width: 100%;}
    .buy_price_end2{display: flex;  flex-direction: column; justify-content: flex-end; width: 100%;}
    .sBoardList.shop>.table .tr>div.cart {padding: 4rem 3rem;}

    .cate__list { flex-wrap: wrap; }
    .cate__list li{width: 50% ;flex: auto; border-top: 1px solid #ddd; }

    .btnArea a, .btnArea input, .btnArea button {font-size: 15px; min-width: 18rem;}

    .view_area_top_purchase_value table th, .view_area_top_purchase_value table td {font-size: 2.3rem;}
    .view_area_top_purchase_value table td strong {font-size: 2.3rem;}
    .view_area_top_purchase h3 {font-size: 2.3rem;}
    .get_item_options label {font-size: 2.3rem;}
    .get_item_options span select {font-size: 2.2rem; height: 6rem;}
    .view_area_top_purchase_value table th {padding: 3rem 0;}
    .price_all {font-size: 3rem;}
    .price_all p + p {font-size: 3rem;}

    .view_area_top_purchase_buttons button {min-height: 7rem;}

    .view_area_top_purchase_option_done_named {font-size: 2.3rem;}
    .counts button {font-size: 2.2rem; width: 4rem; height: 4rem;}
    .price_one {font-size: 2.3rem;}
    .delete {width: 4rem; height: 4rem;}
    .counts input {font-size: 2.2rem; height: 4rem;}


        select.required{background-position:right top, calc(100% - 1.5rem) center !important;}
	/* 2020-07-27 */
		.mbskin.kookMin.newLogin{padding:5rem 3rem;}

		.mbskin.newLogin #login_fs{padding:0 0 0px;}
		.mbskin.newLogin #login_fs .frm_input{margin:0 0 1.5rem}
		.mbskin.newLogin #login_fs .frm_input+.frm_input{margin-top:1.5rem}
		.mbskin.newLogin #login_fs .btn_submit{height:7rem; margin:3rem 0 0 !important; font-size:2.4rem; border-radius:0.5rem;}
		.mbskin.newLogin .frm_input{height:6rem; padding:0 2rem; font-size:2rem; line-height:5.8rem; border-radius:0.5rem;}

		.mbskin.newLogin .save_id{margin-top:1rem;}
		.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label{padding-left:4.2rem; font-size:2.2rem; line-height:3rem;}
		.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label:before{width: 3rem; height: 3rem;}

		.mbskin.newLogin .save_id.checkIn input[type=checkbox]+label:after{width: 3rem; height: 3rem;}

		.mbskin.newLogin .txtBtn{margin-top:3rem; padding:0; display: flex; justify-content: space-between;}
		.mbskin.newLogin .txtBtn>li{width:50%; display: flex; justify-content: space-between;}
		.mbskin.newLogin .txtBtn>li+li{margin:0 0 0 3rem;}
		.mbskin.newLogin .txtBtn>li>*{font-size:2rem !important; line-height:6rem !important;}
		.mbskin.newLogin .txtBtn>li>span{display:none;}
		.mbskin.newLogin .txtBtn>li>a{width:100%;}

		.mbskin.newLogin .topTit{font-weight: bold; font-size:3.2rem;}
		.mbskin.newLogin .topTit>dd{font-weight: 400; font-size:1.9rem;}
		.mbskin.newLogin .topTit>dd>strong{font-size:2.4rem;}

		.mbskin.newLogin #captcha{margin-top:1.5rem;}
		.mbskin.newLogin #captcha>*+*{}
		.mbskin.newLogin #captcha #captcha_img{}
		.mbskin.newLogin #captcha #captcha_key{height:6rem; padding:0 2rem; font-size:2rem; line-height:5.8rem;}


        .sBoardList.order_list.shop .cart>.proCart .title {flex:1;}

        .sBoardList.order_list>.table .tr>.title {text-align: center;}
        .sBoardList.order_list .table .tr > div {display: flex ;align-items: center; justify-content: center;}


        .sBoardList.order_list>.table{width:100%; border-spacing:0; display:table; table-layout : fixed; position: relative;}
        .sBoardList.order_list>.table .tr{display:table-row; position: relative;}
        .sBoardList.order_list>.table .tr>div{height:57px; padding:15px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:1.4; color:#666; letter-spacing: -0.03em; text-align:center; box-sizing: border-box; display:table-cell; vertical-align: middle; position: relative;}
        .sBoardList.order_list>.table .tr.noPost div {border: none;}


        .sBoardList.order_list>.table .thead.tr {display:table-row  !important; }
        .sBoardList.order_list>.table .thead>div{background-color: #f0f0f0; font-weight: 500; color:#222; position: relative;  }
        /* .sBoardList.order_list>.table .thead .th1 {width: 8%; max-width: 10rem; }
        .sBoardList.order_list>.table .thead .th3 {width: 15%; max-width: 20rem; }
        .sBoardList.order_list>.table .thead .th4 {width: 15%; max-width: 15rem; }
        .sBoardList.order_list>.table .thead .th5 {width: 15%; max-width: 20rem; } */

        .sBoardList.order_list>.table .tr>.num .noti{margin:-5px 0; padding:0 13px; background-color: #232f3e; font-weight: 300; font-size:14px; line-height:24px; color: #fff; display:inline-block; border-radius:3px;}

        .sBoardList.order_list>.table .tr>.title{padding:0 1rem; text-align:left;}
        .sBoardList.order_list>.table .tr>.title>.checks{display:inline-block; vertical-align: middle;}
        .sBoardList.order_list>.table .tr>.title>a{max-width:85%; font-weight: 400; color:#333; cursor:pointer; display:inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        .sBoardList.order_list>.table .tr>.title>.icon{padding:0 0 3px 7px; display:inline-block; vertical-align: middle;}


    
}

@media only screen and (max-width : 768px){
    /* .view_area_top_figure{flex-direction: column;}
    .view_area_top_figure_main_pic{}
    .view_area_top_figure_main{order: 1;}
    .view_area_top_figure_others{order: 2; width: 100%;}
    .view_area_top_figure_others ul{flex-direction: inherit;}
    .view_area_top_figure_others ul li{width: 10%;}
    .view_area_top{flex-direction: column;}
    .view_area_top_purchase{width: 100%;} */
    /* #tab-3 .sBoardList.view{overflow-x: scroll;} */
    /* #tab-3 .sBoardList.view >.table {min-width: 650px;} */

}

@media only screen and (max-width : 640px){
    .survery_left , .survery_right{display: none;}
    .view_area_top{flex-direction: column;}
    .view_area_top_figure{min-width: auto; align-items: center;}
    .view_area_top_figure_main{width: 100%;}
    .view_area_top_figure_main_pic{min-width: auto; width: 100%; height: 100vw;}
    .view_area_top_figure_others{width: 100%;}
    .view_area_top_figure_others ul{max-width: none;width: calc(100vw - 4rem);}
    #header #tnb .inConts{padding: 0;}
    #header #tnb .inConts ul#hd_define{display: none;}
    #header #tnb ul {display: flex;width: 100%;}
    #header #tnb ul li {position: relative;width: 25%; text-align: center; }
    #header #tnb ul li + li{border-left: 1px solid #151c25;}
    #header #tnb ul li + li::before{display: none;}
    #header #hd_qnb > li:nth-child(1){display: none;}
    #header #tnb ul li a {color: #fff;font-size: 2rem;font-weight: 300;display: inline-block;padding: 2rem 1.5rem;}

    #hd_wrapper > div > div.hd_sch_wr{display: none;}
    .surveys_area{padding: 3rem 5rem;}
    .story2{padding:8rem 0}
    .story_con_textArea{text-align: left !important;}
}

@media only screen and (max-width : 480px){
    .surveys_con .checkBox.checkbox3 .checkIn .survey_type1{ justify-content: space-between;}
    .surveys_con .checkBox.checkbox3 .checkIn{min-width: none; width: 100%;}
    .surveys_con .checkBox.checkbox3 .checkIn .opacity{display: block; }
    .survey_end_recommend_list{overflow-x: auto;}

    .btnArea.tac {display: flex; justify-content: center;}
    .btnArea.tac a  { margin: 0; width: auto; min-width: 14rem;}
    .btnArea.tac a +  a  {margin-left: 2rem;}

    html .sBoardList.shop .cart>.proCart .thumb {width: 13rem; height: 13rem;}

    .sBoardList>.table .tr>div {font-size: 13px;}
}