.subpagebody{padding-top:58px;}

/* */
.subpagehead{background-color: #084A99;padding:15px 24px;position: relative; height:60px;display: flex;
  align-items: center;    justify-content: center;    }
.subpagehead .leftarrow{position: absolute;left:15px;font-size: 28px; width: 28px; height: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);}
.subpagehead .leftarrow a{color:#fff;}
.subpagehead .leftarrow svg{}
.subpagehead .subheadtit{text-align: center;font-size: 14px; height: 30px; line-height: 32px; font-weight: bold}

.subpagehead .subheadtit2{text-align: left;font-size: 18px; margin-left: 20px}
.subpagehead .rightbtn{ position: absolute; right: 24px; top: 18px;}
.subpagehead .rightbtn a{color:#000;font-size: 20px; padding: 4px}
.subpagehead .rightbtn svg{}

.subheadsch{background-color: #eaeaea;padding:10px;}
.subheadsch input{vertical-align: middle;height:40px; box-sizing: border-box;border: 1px solid #d9d9d9;padding:0 7px;outline:none;width:calc(100% - 75px);border-radius: 5px;;}
.subheadsch button{background-color: #084A99;border:0;color:#fff;height:40px;width:70px;vertical-align: middle;box-sizing: border-box;margin-left: 5px;outline:none;border-radius: 3px;}

.ntlistwrap{}
.ntlistwrap .list_nm{}
.ntlistwrap .list_nm a{}
.ntlistwrap .list_nm a li{padding:20px 15px;border-bottom:1px solid #eaeaea;}
.ntlistwrap .list_nm a li .ntlisttit{padding:0 0 20px 0;letter-spacing: -0.5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.ntlistwrap .list_nm a li .ntlistbtm{}


.txttemp{line-height: 1.1;}
.left_line{margin-left:10px;position: relative;}
.left_line::after{content: "";height:12px; width:1px;left:-5px;top:4px; background-color: #084A99;position: absolute;display: inline-block;}
.left_lineg{margin-left:10px;position: relative;}
.left_lineg::after{content: "";height:10px; width:1px;left:-5px;top:5px; background-color: #d8d8d8;position: absolute;display: inline-block;}

.boardviewwrap{}
.boardviewwrap.noticetype{}
.boardviewwrap .boardtitwrap{background-color: #f2f2f2;}
.boardviewwrap .boardtitwrap .bttit{padding: 20px 15px 20px;border-bottom: 1px solid #d9d9d9;}
.boardviewwrap .boardtitwrap .bttit .boardvtit{color:#333;font-weight: 600;letter-spacing: -0.5px;}
.boardviewwrap .boardtitwrap .bttitsub{color:#a6a6a6;padding:10px 15px;font-size: 13px;letter-spacing: -0.5px;;;}
.boardviewwrap .boardtitwrap .bttitsub span{}

.boardviewwrap .boardtxtwrap{color:#333;padding:25px 15px 30px;font-size: 18px;min-height:250px;}

.boardviewwrap .boardvfwrap{background-color: #f2f2f2;padding:15px;}
.boardviewwrap .boardvfwrap .bvftit{}
.boardviewwrap .boardvfwrap .bvftit > img{}
.boardviewwrap .boardvfwrap .bvftit > span{color:#333;font-weight: 600;font-family: "Wemakeprice-Bold";}
.boardviewwrap .boardvfwrap .bvflist{padding: 15px 0;}

.boardviewwrap .boardvfwrap .bvflist .bvfltit{color:#a6a6a6;text-decoration: underline;letter-spacing: -1px;font-weight: 500;display: block;margin-bottom: 10px;;}

.subheadsch_sel{}
.subheadsch_sel input{width:calc(100% - 161px);}
.subheadsch_sel .reg_sel{height:40px;width:80px;vertical-align: middle;box-sizing: border-box;outline: none;border:1px solid #d9d9d9;border-radius: 4px;}



.list_qna{}
.list_qna .ntlisttit{}
.list_qna .ntlisttit .ntlisttit_lock{vertical-align: top;position: absolute;right:20px;}
.list_qna .ntlisttit .ntlisttit_lock svg{color:#084A99}
.list_qna .answerok{color:#e91e63}

.boardcmt{}
.boardcmt .cmttop{background-color: #084A99;padding:15px}
.boardcmt .cmttop .cmttit{padding:0 0 10px}
.boardcmt .cmttop .cmttit svg{font-size: 22px;;}
.boardcmt .cmttop .cmttitsub{font-size: 12px;font-weight: 200;padding-left: 25px;}

.boardcmt .cmtans{padding:15px 15px 15px 40px;color:#333;}




.qnawritewrap{padding:15px;box-sizing: border-box;}

.qnawritewrap .qnawtop{}
.qnawritewrap .qnawtop input{border: 1px solid #eaeaea;width:100%;box-sizing: border-box;height:50px;border-radius: 3px;padding:0 10px;outline: none;;}

.qnawritewrap .qnawtxt{padding:17px 0;}
.qnawritewrap .qnawtxt textarea{box-sizing: border-box;border: 1px solid #eaeaea;width:100%;box-sizing: border-box;height:300px;border-radius: 3px;resize: none;outline: none;padding:10px;;}

.qnawritewrap .qnafile{}


#review_write{padding: 0 10px;}
#review_write {padding:0px 0;}
#review_write  .rvw_infoline{padding:0px 0 10px;}
#review_write  .rvw_wtit{font-size:10px;color:#888;font-weight: 300;padding:0 0 5px;}
#review_write  .rvw_wtxt{font-size:13px;}
#review_write  .rvw_wproduct{font-size:13px;}
#review_write  .rvw_infoline textarea{ resize:none; width:100%; height:120px; padding:5px 10px; font-size:13px; box-sizing: border-box; border:1px solid #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
#review_write  .rvw_infoline textarea:focus{border:1px solid #f5a51c;}

.inputs .inputBox_file{border:1px solid #eaeaea;margin-top: -1px;position: relative;height: 50px;overflow: hidden;}
.inputs .inputBox_file > img{position: absolute;lefT:15px;height: 22px;top:14px;}

.inputs .inputBox_file .filebox{width:100%;padding-left:55px;}
.inputs .inputBox_file .filebox label{padding: 12px 10px 0;margin-top:0px;height: 50px;box-sizing: border-box;border:0px;}
.inputs .inputBox_file .filebox label img{height: 25px;;}
.inputs .inputBox_file .filebox .upload-name{ -webkit-text-fill-color: #888;
  opacity: 1;font-size: 13px;color: #888;;width: calc(100% - 50px);box-sizing: border-box;height: 50px; padding: 0 0 0 0px; background-color: #fff;border: 0px; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
.inputs .inputBox_file .filebox .upload-hidden{}

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */
.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.write_btns{margin:50px 0 30px;padding:0 20px;}
.write_btns button{border:0;width:50%;height:50px;vertical-align: middle;color:#fff;font-size: 16px;}
.btn_cancel{background-color: #a6a6a6;}
.btn_submit{background-color: #084A99;}



/* login */
/* Login */
#loginPage{padding-bottom: 0px;}
.loginwrap{}
.loginwrap .logintop{text-align: center;padding: 0px 0 1px;}
/*.loginwrap .logintop img{width:100%;}*/

.lplpplp{color:#f5a51c}

.loginTab{}
.loginTabN{}

.loginTabN .loginTabname{padding: 0 15px 20px;}
.loginTabN .loginTabname ul li{float: left;width:50%;text-align: center;border:1px solid #ccc;border-bottom:1px solid #f5a51c;box-sizing: border-box;padding: 20px 0;background-color: #f5f5f5;font-size: 18px;}
.loginTabN .loginTabname ul li.on{border:1px solid #f5a51c;border-bottom:1px solid #fff;background-color: #fff;color:#f5a51c;font-weight: 800;}



.autologin{padding: 10px 0px 0;}
.autologin input{}
.autologin label{}

.btn_okay{padding: 20px 15px;}
.btn_okay a{outline: none;}
.btn_okay a button{outline: none;}


#socialwrap{padding: 5px 0px 0px;}

.socialname{position: relative;text-align: center;margin-bottom: 20px;}
.socialname .gray_line{position: absolute;top:10px;width:100%;z-index: -1;}
.socialname span{background-color: #fff;z-index: 9;width:120px;display: inline-block;font-size: 16px;}

#socialwrap button{ width:100%; text-align: center; background-color: #fff; border:1px solid #ccc; height: 50px; margin-bottom: 15px; box-shadow:0px 3px 4px #eee; ; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
#socialwrap button img{height: 25px;;}

.rowline{text-align: center;padding: 20px 0;}
.rowline a{color:#000;letter-spacing: -2px;display: inline-block;}

.agreeWrap.regiagree{margin-top: 20px; border:1px solid #eaeaea;padding:0px;margin:15px 15px 0 15px;}
.agreeWrap.regiagree .agreecheck{background-color: #F8F8F8;padding:10px 15px;}
.agreeWrap.regiagree .accordion{padding:0 15px;}

#loginPage{min-height: 100vh;}

.logbtn{height:44px;border-radius: 17px;}
.input_tit{color:#333;}

/* input[type="password"]{font-family: dotum;}
.inputBox #password{font-family: dotum;}
.inputBox #password::placeholder{font-family: "HanAir";}
.inputtxt#password{font-family: dotum;color:#000;}
.inputtxt#password::placeholder{font-family: "HanAir";}
.inputtxt#password_confirm{font-family: dotum;color:#000;} */


/* findid */
/** findid **/
.memberheader{position: relative;margin:40px 0 0;}
.memberheader .inblock.first > a{font-size: 15px;letter-spacing: -.5px;}
.memberheader .inblock.first > a > svg{font-size: 16px;vertical-align: middle;padding:0px 0 3px;}

.findwrap{}
.findwrap .findmain{padding:20px 0px;}
.findwrap .findmain .findinputs{}
.findwrap .join-btnbox{margin:50px 0 0;}
.findwrap .main-titbox .main-tit-tab{padding:0 30px}

.findwrap .main-titbox .main-tit-tab .main-tab-cont.on::after{left:0px;}


.mainwarp{}
.main-titbox{padding:0px 23px;position: relative;}
.main-titbox .main-tit-tab{width:100%;border-bottom:1px solid #ccc}
.main-titbox .main-tit-tab .main-tab-cont{font-family: 'GmarketSans';color:#999;background-color:#fff ;border-radius:0;width:50%;height:45px;line-height: 45px;font-size: 16px;letter-spacing: -1px;text-align: center;padding:2px 0 0;position:relative;z-index:0;}
.main-titbox .main-tit-tab .main-tab-cont a{font-family: 'GmarketSans';color:#999;}
.main-titbox .main-tit-tab .main-tab-cont.second{}
.main-titbox .main-tit-tab .main-tab-cont.on{background-color: #fff;color:#000;font-weight: 600;z-index:1;position: relative;}
.main-titbox .main-tit-tab .main-tab-cont.on::after{content: "";width:100%;position:absolute;bottom:0;left:0px;background-color: #354f88;height:4px;}
.main-titbox button{border:0px; background-color: transparent;height:40px;position: absolute;right:15px;top:30px;}
.main-titbox button img{height:40px;}
.main-titbox .tit{border-bottom: 1px solid #000000; padding:20px 0; text-align: center; font-size: 15px;font-weight: 400;}

.findmain .tit{text-align: center;letter-spacing: -.5px;font-weight: 400;padding:10px 0 0;font-size: 14px;}
.main-titbox.main-titbox{font-size: 0;}
.main-titbox.main-titbox.split .tit{display: inline-block;vertical-align: top;width:50%;color:#888;border-bottom: 0px;;}
.main-titbox.main-titbox.split .tit.on{border-bottom: 1px solid #000000;color:#333;}



.main-listwrap{padding:0 0 59px}
.main-listwrap .main-listbox{padding:10px 20px;border-bottom: 10px solid #f4f4f4;}
.main-listbox .profile-top-tit{position: relative;}
.main-listbox .profile-top-tit .fl:nth-child(1){}
.main-listbox .profile-top-tit .fl:nth-child(2){width:calc(100% - 120px)}
.main-listbox .profile-top-tit .fl:nth-child(3){width:26px;}
.main-listbox .profile-top-tit .profile-img{background-size: cover;border-radius: 100%;background-position: center;width:70px; height:70px;}
.main-listbox .profile-top-tit .profile-name{padding: 15px 20px 0;;}
.main-listbox .profile-top-tit .profile-km{padding: 0;position: absolute;top:0;right:0;}
.main-listbox .profile-top-tit .profile-km p{font-size: 14px;letter-spacing: -0.5px;font-weight: 500;color: #999;}
.main-listbox .profile-top-tit .profile-km span{font-size: 12px;vertical-align: bottom;position: relative;bottom: -5px;letter-spacing: -1px;color:#9fa0a0;font-weight: 300;right:-35px;}
.profile-stat{padding: 10px 0px 0 20px;}
.profile-stat p{position: relative;z-index: 1;font-size: 13px;}
.profile-stat p::after{content: "";background-color: rgba(56,183,171,0.45);position: absolute;bottom:-2px;left:-3px;right:-3px;height:6px;z-index: -1;}
.profile-stat p span{vertical-align: unset;font-weight: 600;font-size: 13px;}


.iplist{ display: flex; max-width: 327px; margin: 10px auto;}
.iplist.iplist-name{font-size: 0;}
.iplist .joininput{
  background: #F8F8F8 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 3px #00000029;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
  flex:1;
  padding: 0px 17px;
  width:100%;height:50px;margin:0 0 0px;box-sizing: border-box;}
.iplist.iplistbtn .joininput {
  max-width: 255px;
}

.iplist .joininput:focus{border:1px solid #354f88;}
.iplist .listundertxt{font-size: 12px;color:#6f6f6f;padding:7px 0 0;}
.iplist .joininput.name{width:calc(100% - 74px);margin:0 5px 0 0;}

.iplist .joininput::placeholder{color:#adaeae;font-weight: 300;}




.iplist.iplist-name .radio_txtbtn{display: inline-block;vertical-align: top;}
.iplist.iplist-name .radio_txtbtn label{font-size: 13px;margin:0 5px 0 0;padding:0;height:32px;width:32px;text-align: center;line-height: 32px;;}
.iplist.iplist-name .radio_txtbtn:last-child label{margin:0 0px 0 0;}

.iplist.iplistpw{position: relative;}
.iplist.iplistpw .joininput{padding-right:40px;;}
.iplist.iplistpw img{position: absolute;right:13px;top:10px;width:16px;}

.iplist.iplistbtn .in-inputbtn{
  width: 69px;
  height: 50px;
  margin-left: 3px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #E3E3E3;
  border-radius: 17px;
  color: #000;
  font-weight: normal;
  box-shadow: 0px 2px 3px #00000029;}

.findmain .join-btnbox > button{height:50px;box-shadow: 0px 2px 3px #00000029; font-weight: bold;}

.findwrap .join-btnbox{margin:10px auto; max-width: 327px}

#resultTxt{text-align: center;padding:20px 0;width:100%;background-color: #f5f5f5;margin:25px 0 0;}
.findpwgo{text-align: center; margin:30px 0 0;}
.findpwgo > a{font-size: 14px;letter-spacing: -1px;;}

/* Input Style */
.inputs{padding: 0 24px;}
.inputs .input_tit{padding-bottom: 10px;font-weight: 600;}
.inputs .inputBox{
  position: relative;
  margin-top: -1px;
  background: #F8F8F8 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 3px #00000029;
  border: 1px solid #E3E3E3;
  border-radius: 16px;
  padding: 0px 17px;
  width: 327px;
  margin: 0 auto;
  text-align: center;}
.inputs .inputBox:first-child{margin-top: 0px;}
.inputs .inputBox img{position: absolute;height: 22px;top:10px;}
.inputs .inputBox input{width:100%;height: 50px;padding-left: 55px;box-sizing: border-box;border:1px solid #eaeaea;color:#555;}
.regbody .inputs .inputBox:hover{border:1px solid #084A99;z-index: 9;}

.loginbody .btn_okay{padding:20px 24px 0; text-align: center}
.loginbody .logbtn{height:45px;font-size: 16px; width: 327px}

.inputs.transinput .inputBox input{width:100%;height: 44px;background-color: transparent;padding-left: 35px;box-sizing: border-box;border:0px;border-bottom:1px solid #eaeaea;color:#fff;}
.inputs.transinput .inputBox input::placeholder{color:#fff}

.loginbody .inputs.transinput .inputBox input{color:#000;font-size: 16px; font-weight: 300;}
.loginbody .inputs.transinput .inputBox input::placeholder{color:#000}

.btn_etc{padding:10px 45px 0 45px;;}
.btn_etc_forgot a{color:#000;letter-spacing: -0px;font-size: 15px; margin: 0px 4px;}

.login_findrow{text-align: center;margin:30px 0;}
.login_findrow > p{font-size: 14px;letter-spacing: -0.5px;color:#999;font-weight: 300;}
.login_findrow > p > a{color: #000;vertical-align: top; font-weight: 500;}


.join_area{text-align: center;margin:30px 0;}
.join_area > p{font-size: 13px;letter-spacing: -0.5px;color:#999;font-weight: 300;}
.join_area > p > a{color: #191919;vertical-align: top;}


.inputs .inputBox_radio{border:1px solid #eaeaea;margin-top: -1px;position: relative;height: 50px;}
.inputs .inputBox_radio img{position: absolute;lefT:15px;height: 22px;top:14px;}
.inputs .inputBox_radio span.radioname{position: absolute;lefT:55px;height: 22px;top:17px;font-size: 14px;}
.inputs .inputBox_radio span.radioname span{color:#999;}
.inputs .inputBox_radio .radioBox{float: right;padding:15px 0 ;}

.inputs .inputBox_select{border:1px solid #eaeaea;margin-top: -1px;position: relative;height: 50px;}
.inputs .inputBox_select img{position: absolute;lefT:15px;height: 22px;top:14px;}
.inputs .inputBox_select select{border:0px; float: right;padding:14px 0 ;width:88%;max-width: 330px;color:#888;height: 50px;outline:none;background-color: transparent;}

.inputs .inputBox_address{border:1px solid #eaeaea;margin-top: -1px;position: relative;}
.inputs .inputBox_address input{border:0;}
.inputs .inputBox_address .inputAdd_1{position: relative;width:40%;box-sizing: border-box;height: 50px;}
.inputs .inputBox_address .inputAdd_1 img{position: absolute;lefT:15px;height: 22px;top:14px;}
.inputs .inputBox_address .inputAdd_1 input{}
.inputs .inputBox_address .inputAdd_2{width:60%;box-sizing: border-box;height: 50px;border-left: 1px solid #eaeaea;}
.inputs .inputBox_address .inputAdd_2 input{width: 100%;box-sizing: border-box;border:0px;height: 50px;padding-left: 20px;}
.inputs .inputBox_address .inputAddRow{border-top: 1px solid #eaeaea;}


.snslogins{
  padding:0px 20px;
}
.snslogins a{
  position: relative;
  line-height: 30px;
  border: 1px solid #160101;
  text-align: center;
  color: #191919;
  flex: auto;
  font-size: 15px;
  width: 327px;
  max-width: 100%;
  border-radius: 17px;
  height: 43px;
  line-height: 43px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.snslogins a span{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 40px;
}
/*.snslogins a img{*/
/*  width:24px;*/
/*  margin: 10px;*/
/*;}*/
.snslogins a:last-child{margin-right: 0px;}

/*  */
.accordion .itemText {

  font-size: 14px;
  font-weight: 400;
  padding:  0 0 10px 0px;
  display: none;

  color:#333;

}

.accordion .item svg{float:right;}
.itemText .agreecheck{margin-top:10px;}
.accordion .item{padding:0 0px;}

.agreeWrap.acc{margin:20px 15px 0 15px;border:1px solid #eaeaea;}
.agreeWrap.acc > .agreecheck{padding: 15px 15px;    background-color: #f8f8f8;    border-bottom: 1px solid #e0e0e0;}
.agreeWrap.acc .accordion{padding:1em 15px 0;vertical-align: unset;}
.agreeWrap.acc .accordion h3{margin-bottom:1em;margin-top:0;color:#333;;}
.agreeWrap.acc .accordion .item{display: inline-block;    width: calc(100% - 35px);}
.agreeWrap.acc input[type="checkbox"] + label {
  color:#333;
  vertical-align: unset;
  font-size:17px;
  letter-spacing: -1px;
}




.agreeWrap .accordion h3{font-size:17px;font-weight: 500;}
.agreeWrap .accordion h3 span{color:#777;font-weight: 400;padding-left: 5px;;}

.loginTxtbox{padding:30px 20px 0;position: relative;}
.loginTxtbox p{color:#084A99;font-size: 26px;font-weight: 800;}
.loginTxtbox a{position: absolute;right:20px; top:24px;font-size: 30px;color:#084A99;}

/* join */
.jointit{text-align: center;padding:40px 0 20px;;font-size: 28px; color:#000;}
.joinpic{text-align: center;}
.image-upload{margin:0 auto; color:#000}
.joinpic #preview{width:100px;height:100px;border-radius: 100%;margin:0 auto;background-size: cover;background-position: center;background-image: url(../img/icon/prev_profile_male.png);}
.modifypic #preview{}
.iup-btn{margin:5px 0 0;display: inline-block;}

.joinform{margin:0 auto;box-sizing: border-box; width: 100%; max-width: 327px}
/*.jf_row{padding: 10px 0;}*/
.jf_row .jfrow_left{width:40%;color:#726962;font-size: 18px;padding:9px 0 0;}
.jf_row .jfrow_right{width:60%;}
.jf_row .jfrow_right .inputtxt{border:1px solid #adaeae;border-radius: 3px;height:36px;padding:0 0 0 4px;box-sizing: border-box;width:100%;}

.jf_row .jfrow_full{width:100%; display: block;align-items: center;}
.jf_row .jfrow_full .inputtxt{
  border-radius: 12px; ;flex:1;border:1px solid #adaeae;height:44px;padding:0 0 0 4px;box-sizing: border-box;width:100%; max-width: 327px }
.join_row{
  align-items: center;
  display: flex;
  width: 100%;
  padding: 0px 10px;
  border:1px solid #adaeae;border-radius: 12px;height:44px;
}

.join_row .desc{
  color:#000;font-weight: 300;width:160px;
}
.jf_row .jfrow_full button {
  width: 58px;
  height: 44px;
  margin-left: 10px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #E3E3E3; border-radius: 17px;
  color: #000;
  box-shadow: 0px 2px 3px #00000029;
}
.jf_row .jfrow_full button.gray {
  background: #fff 0% 0% no-repeat padding-box;

}
#timer.valid_error,
.jf_row .jfrow_full .valid_error{
  color: #FF0000; display: none; margin: 10px; font-size: 14px; font-weight: lighter;
}

.birthwrap{font-size: 0;}
.birthwrap select{height: 30px;;}
#birth_year{flex:1; margin: 1px; color:#000;border:1px solid #adaeae; border-radius: 3px 3px 0 0; background-color: #fff; padding: 2px}
#birth_month{flex:1;margin: 1px; color:#000; border:1px solid #adaeae; border-radius: 0px 0 0 3px;background-color: #fff; padding: 2px}
#birth_day{flex:1; margin: 1px;color:#000;border:1px solid #adaeae; border-radius: 0px 0 3px 0;background-color: #fff; padding: 2px}

.btn_row{padding:0 0 30px;}
.btn_row button{height:44px;}
.btn_row button.btn_cancel{border:1px solid #E3E3E3;color:#000;background-color: #eee;border-radius: 6px;margin-right: 15px;;}
.btn_row button.btn_blue{background-color: #fff;border-radius: 17px;}
.btn_row button.btn_check{color: #000; background: #FFf 0% 0% no-repeat padding-box;flex:1; max-width: 327px;
  height: 50px; font-weight: bold; font-size: 15px;
  box-shadow: 0px 2px 3px #00000029;border-radius: 17px;
  border: 1px solid #E3E3E3
}

.agrees{color:#444;border:1px solid #adaeae;height:150px;overflow: auto; border-radius: 5px;padding:5px;background-color: #fff;;font-size: 12px;font-family: "dotum";letter-spacing: -1px;white-space: pre-line;line-height: 1.3;;}

.radioimg input[type="radio"]:checked + label{border:5px solid transparent}

/* vote */
.votemain{color:#000;}
.votemain img{max-width:100%;color:#000}

.votemain .title{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 81px;
  margin-bottom: 67px;
}
.votemain .title span{
  text-align: center;
  font: 800 52px KoreanSWGI3R;
  letter-spacing: -3.12px;
  color: #000000;
  opacity: 1;
}
.votemain .box{
  font-family: 'Noto Sans KR';
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000029;
  border: 1px solid #E2E2E2;
  border-radius: 17px;
  padding: 2px 0 2px 0;
  opacity: 1;
  margin: 0 24px 10px 24px;
}
.votemain .text{
  display: inline-flex;
  height: 60px;
  flex-direction: column;
  justify-content: space-evenly;
}
.votemain .main{
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 2.5px;
  color: #000000;
  opacity: 1;
}

/*.votemain .desc{*/
/*  text-align: center;*/
/*  font-size: 15px;*/
/*  letter-spacing: 1.5px;*/
/*  color: #000000;*/
/*  opacity: 1;*/
/*}*/
/* 마이페이지 */
/* My Page */
#myPage{font-family: 'nanumsquare';padding-bottom: 74px;}
.subTopline{height: 55px;border-bottom:1px solid #f5a51c;}
.subTopline .fl{text-align: center;padding-top: 14px; }
.subTopline .subtopBack{width:10%;position: absolute;left:15px;top:15px;}
.subTopline .subtopBack a img{height:25px;}
.subTopline .subtopTit{width:100%;padding-top: 20px; text-align:center;}
.subTopline .subtopTimes{position: absolute;right:15px;top:18px;}
.subTopline span{font-size: 18px;font-weight: 600;}
.subTopline .fl a{}
.subTopline a svg{font-size: 20px;color:#333;}
.subTopline .subtopBack svg{font-size:28px}

.mpTopwrap{padding:0px 0;}
.mpTopwrap .mpPrifile{text-align: center;padding: 20px 0;}
.mpTopwrap .mpPrifile img{height: 60px;}
.mpTopwrap .mpPrifile p{padding:15px 0 0;font-family: 'nanumsquare';}
.mpTopwrap .mpPrifile p a{color:#000;font-weight: 800;font-size: 17px;}


.mpListwrap{}
.mpListwrap ul{border-top:1px solid #eaeaea;}
.mpListwrap ul li{padding:20px 0;border-bottom:1px solid #eaeaea;}
.mpListwrap ul li a{position: relative;display: block;padding: 3px 0 0 50px;font-size:18px;color:#888;font-weight: 300;}
.mpListwrap ul li a .mpListicon{position:absolute;left:15px;height:25px;top:-1px;}
.mpListwrap ul li a svg{position: absolute;right:15px;font-size: 25px;}


/* 약관 */
.termbody {background-color: #f2f2f2!important;}
.termbody .boardtxtwrap{color:#333;padding:20px 15px;font-size: 13px;font-weight: 200;}





/* vote */
.votetop{padding:7px 10px 7px 0;text-align: right;}
.timer{font-size: 12px;line-height: 16px; font-family: "Timer"; height: 24px; border-radius: 35px; margin: 30px 24px 20px 24px; text-align: center; color: #000000}

.votevideo{
  margin: 6px 24px 20px 24px;
}
.votevideo video{}

.votevidetunder{text-align: right;font-size: 18px;padding:5px;font-weight: 300;}

.vote_progress{text-align: center;padding:55px 5px 5px 5px;width:100%;}
.vote_progress .vp_wrap{width:80%;margin:0 auto;position: relative;}
.vote_progress .vp_wrap .vp_leftbar{width:48%;background-color: #f73482; color: #fccce6;height:40px;line-height:37px;font-size: 20px;position: relative;}
.vote_progress .vp_wrap .vp_leftbar::after{content: "";position: absolute;right: -30px;top:-45px;width:60px;height:40px; background-color: #fff;background-image: url(../img/icon/heart.png?ver=2);background-position: center;background-size: contain;background-repeat: no-repeat;}
.vote_progress .vp_wrap .vp_rightbar{width:52%;background-color: #ccc;color: #fff;height:40px;line-height: 37px;font-size: 20px;}

.vp_choose{width:80%; margin: 0 auto;padding: 20px 0 ;}
.vp_choose div{}
.vp_choose .leftimg{width:100px; height:100px;background-position: center;background-size: cover;border:1px solid #f7f7f7;border-radius:5px;}
.vp_choose .fl .leftimg,.vp_choose .fr .leftimg{-webkit-filter: grayscale(1);}
.vp_choose .fl.on .leftimg,.vp_choose .fr.on .leftimg{-webkit-filter: grayscale(0);border:1px solid #fccce6}
.vp_choose .fl.on p,.vp_choose .fr.on p{color:#fa3288;padding:5px 0 0;}

.votebanner{ margin: 10px 24px}
.votebanner img{border-radius: 5px;max-width: 100%}

.vote_reply{padding:10px 0px 0;}
.reply_area{display: none}
.reply_wrap{}
.reply_wrap .reply_top{}
.reply_wrap .reply_top .Aclear{ margin: 6px 24px;}
.reply_wrap .reply_top .fl{font-size: 14px;letter-spacing: -0.4px;font-weight: 300;color:#555;}
.reply_wrap .reply_top .fr{font-size: 14px;display: flex;justify-content: center;align-items: center;}
.reply_wrap .reply_top .fr a{color:#ccc;font-size: 12px;letter-spacing: -0.4px;font-weight: 400;display: inline-block;letter-spacing: -.8px;}
.reply_wrap .reply_top .fr a.on{color:#333;}
.reply_wrap .reply_top .fr span{display: inline-block;font-size: 10px;margin:0 7px;}

/*.reply_wrap .reply_input{padding:0px 30px;margin:0px 0 0;position: relative;}*/
/*.reply_wrap .reply_input input{border:0px;border-bottom:1px solid #e1e1e1;border-radius: 0px;height:40px;box-sizing: border-box;width:calc(100%);padding:0 50px 0 4px;font-size: 14px;}*/
/*.reply_wrap .reply_input input::placeholder{font-weight: 400;letter-spacing: -.4px;}*/
/*.reply_wrap .reply_input button{border:1px solid #ff6767;border-radius: 3px; background-color: transparent;font-weight: 600;font-size: 14px;width:50px;height:25px;top:8px;position:absolute;right:30px;color:#ff6767;letter-spacing: -1px;margin:0;padding:0;}*/
/*.reply_wrap .reply_input{margin:0 24px ;height: 40px; border: 1px solid #4A4A4A; border-radius: 33px; max-width: 100%; position: relative}*/
.reply_wrap .reply_input input{
  box-sizing: border-box;width:calc(100%);font-size: 14px;
  border: 0px; background: transparent;
  padding-left: 12px;
}
.reply_wrap .reply_input input::placeholder{font-weight: 400;letter-spacing: -.4px;}
/*.reply_wrap .reply_input button{border:none;border-radius: 0 33px 33px 0; background-color: #4A4A4A;font-weight: 600;font-size: 16px;width:50px;height:40px;position:absolute;right:0px;color:#ffffff;letter-spacing: -1px;margin:-1px -1px;padding:0;}*/
.caution{width:290px; line-height:26px; font-size: 11px;font-weight: lighter;letter-spacing: -.4px;color: #777;margin:2px auto; text-align: center}
.caution > a{color:#000000;font-weight: bold;display: inline-block;vertical-align: top;}

.reply_main{color: black;}
.reply_main .reply_box{box-sizing: border-box;border-bottom:0px solid #eee;padding:10px 0 10px 80px;position: relative;}
.reply_main .reply_box .profileimg{border: 2px solid #E9E9E9; width:40px;height:40px;background-position: center;background-size: cover;border-radius: 100%;}

.reply_main .reply_box .replinright{padding:0 0 0 15px;box-sizing: border-box;width:calc(100% - 40px)}
.reply_main .reply_box .linetop{padding:3px 0 0;}
.reply_main .reply_box .linetop .tit{font-size: 14px;font-weight: 400 ;display: inline-block;}
.reply_main .reply_box .linetop .txt{margin-left:8px;font-size: 12px;color:#888;font-size: 12px;font-weight: 400;letter-spacing: -.4px;display: inline-block;}
.reply_main .reply_box .linetop img{height:20px;margin:0 0 0 5px;}

.reply_main .reply_box .linesecond{padding:5px 0 0;}
.reply_main .reply_box .linesecond p{font-size: 16px;line-height: 1.3;font-weight: 300;}

.replfavor{position: relative;top:0px;right:0px; float: right}
.replfavor .fal{color:#b7b7b7}
.replfavor svg{display:none;}
.replfavor.on .fal{display:none;}
.replfavor.on svg{display:inline-block;color:#fa3288;vertical-align: middle; }

.favor-num{display: inline-block;vertical-align: middle;font-size: 11px;color:#888;margin-left:3px;}

.reply_main .reply_box .datopt{position: absolute;top:1px; right:5px;font-size: 14px;}
.reply_main .reply_box .datopt > svg{color:#888;}




.linethird{margin:10px 0 0;}
.linethird .replfavor{display: inline-block;}
.linethird .replybtn{display: inline-block;;font-size: 12px;font-weight: 400;letter-spacing: -.4px;margin:0 0 0 10px;color:#888;}

.rereView{margin:10px 0 0;}
.linethird .rereView a{color:#ff6767;font-weight: 200;letter-spacing: -1px;font-size: 12px;margin:0 0 0 3px;;}





.reportTarea{resize:none; height:150px; width:100%;border:1px solid #f5f5f5;box-sizing: border-box;margin:10px 0 0;padding:10px;font-family: 'Noto Sans KR';}

.reply_main .reply_box .fl{position: relative;}
/*.reply_main .reply_box .fl .levelimgs{position:absolute;bottom:0;right:0;max-height:20px;}*/

/*.reply_main .re_reply{padding-left:65px;}*/
.reply_main .reply_box .reply_input{padding:0; margin: 0}
.reply_main .reply_box .reply_input button{right:0;}


.blocker{height:100%; z-index: 100; background-color: rgba(0,0,0,15%)}
.modal{
  padding: 30px 0px 0px 0px;
  box-shadow: 0 0 0;
  text-align: center; border-radius: 16px; width: -webkit-fill-available; max-width: 100%;}
.modal p{font-size: 13px; font-weight: lighter; line-height: 20px}
.modal p.title{margin-bottom: 11px; font-weight: normal;}
/*.modal p{height: 20px}*/
.modal-head{width:100%;background-color: #fccce6;color:#fa3288;border-radius: 9px 9px 0 0;height:40px; line-height: 45px;text-align: left;padding:0 0 0 15px;font-size: 14px;}
.modal-tit{padding:20px 0px 15px ;}
.modal-tit p{font-size: 17px;line-height: 1.3;}
.modal-txt{}
.modal-txt p{font-size: 15px;;}
.modal-txt p span{color:#fa3288;}
.modal-btns{padding:20px 0 0;}
.modal-btns button{height: 27px;border: 1px solid #cdcdcd;background-color: #eee;margin-left: 5px;border-radius: 3px;font-weight: 600;font-size: 16px;width:80px;}
.modal-btns button#changecancel a{color:#888;}
.modal-btns button#changeok{background-color: #fccce6;color:#fa3288;border:1px solid #fccce6}

#other_share{
  padding: 30px 0px 20px 0px;
}

.datmodal{ vertical-align: bottom; width: 306px; max-width: 100% }
.datmodal .md-txtline{text-align: left;margin:10px 0 0px 0;}
.datmodal .md-txtline:first-child{margin:0;}
.datmodal .md-txtline > a{font-size: 20px;font-weight: 400;letter-spacing: -.4px;}
.datmodal .md-txtline > a svg{margin-right: 5px;}
.md-txtline.on > a{color:#ff6767;}
.md-txtline.on > a svg{color:#ff6767;}
.datmodal .md-txtline > p{line-height: 1.4;font-size: 16px;font-weight: 400;letter-spacing: -.4px;}
.datmodal .modal-tit{padding:15px 10px;}


#other_report,#other_report_ok,#other_ban,#other_ban_ok{border-radius: 20px; z-index: 100}
#other_report p{margin-top: 0px}

#other_report .tit{font-size: 15px}
#other_report .con{font-size: 14px}
#other_report a.close-modal,#other_report_ok a.close-modal,#other_ban a.close-modal,#other_ban_ok a.close-modal{display:none;}
.coupon_cnt{
  width: 38px;
  display: inline-block;
  text-align: end;
  margin-left: 22px;
}
.md-btnline-single{
  padding: 8px 20px 20px 20px;
  grid-template-columns: 128px;
  display: grid;
  margin-top: 30px;
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;}
.md-btnline{
  padding: 8px 20px 20px 20px;
  grid-template-columns: 128px 128px;
  display: grid;
  margin-top: 30px;
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;}
.md-btnline.rtl{text-align: right;}
.md-btnline.ctl{text-align: center; width: 100%}
.md-btnline-single a,
.md-btnline a{
  padding:0px 0px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000029;
  border: 1px solid #F4F4F4;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_cf{background-color: #ff6767;border:1px solid #ff6767;color:#fff;font-size: 13px;border-radius: 3px;}
.btn_rl{background-color: #fff;border:1px solid #ff6767;color:#333;font-size: 13px;border-radius: 3px;}

#other_report_ok.datmodal .md-txtline > p {text-align: center;font-weight: 400;}
#other_report_ok.datmodal .md-txtline > p > a{color:#ff6767;    display: inline-block;vertical-align: top;}
#other_ban_ok.datmodal .md-txtline > p {text-align: center;font-weight: 400;}
#other_ban_ok.datmodal .md-txtline > p > a{color:#ff6767;    display: inline-block;vertical-align: top;}


/* award */
.award_top{border-bottom:5px solid #eeeeee;}
.at_wrap{width:100%;padding:3px 10px;max-height: 335px;overflow: auto;}
.at_wrap a{margin:7px 0;display: block;}
.at_wrap a img{width:100%;border-radius: 5px;;}

.award_list{}
.award_box{}
.award_box a{border-bottom: 1px solid #eee;display: block;padding:10px;}
.award_box a .fl{}
.award_box a .fl .tit{font-size: 16px;font-weight: 400;}
.award_box a .fl .date{font-size: 14px; color:#aaa;padding:10px 0 0;;}
.award_box a .fr{}
.award_box a .fr i{font-size: 40px;color:#aaa;;}

/** view **/
.subpagehead{background-color: #fff;color:#000;}
.subpagehead .leftarrow a{color:#000}

/* */
.pagehead{background-color: #FFF;padding:15px 24px;position: relative;
  height: 60px;
  display:flex;
  color: black;
  align-items:center;}
.pagehead .leftarrow{position: absolute; font-size: 24px}
.pagehead .leftarrow a{color:#000000;}
.pagehead .leftarrow svg{}
.pagehead .subheadtit{text-align: center;font-size: 18px;}

.pagehead .subheadtit2{
  font-weight: bold;
  width: 100%;
  text-align: center; flex:1;font-size: 14px; }
.pagehead .rightbtn{position: absolute;right:24px;top:20px}
.pagehead .rightbtn a{ padding: 4px}
.pagehead .rightbtn svg{}

.pagehead .timer_wrap {
  font-size: 100%;
  border-radius: 30px;
  color: #FFFFFF;
  background-color:#FF6767;
}
.pagehead .timer{    background: #FF6767 0% 0% no-repeat padding-box;
  font-size: 100%;
  border-radius: 30px;
  color: #FFFFFF;
  padding: 4px 16px;

}

.boardtxtwrap{}
.boardtxtwrap img{max-width:100%;margin:0 0px 7px 0;}

.boardtxtbtm{border-top:1px solid #eee;}
.boardtxtbtm .btbbox{padding:10px;}
.boardtxtbtm .btbbox button{background-color: #fff;border:1px solid #ccc;border-radius: 3px;height:30px;min-width:50px;;}
.boardtxtbtm .btbbox .fl{}
.boardtxtbtm .btbbox .fl button{}
.boardtxtbtm .btbbox .fr{}
.boardtxtbtm .btbbox .fr button{}


.boardcmt .cmttop{background-color: #f2f2f2;}
.boardcmt .cmttop .cmttit{color:#000;}
.boardcmt .cmttop .cmttitsub{padding:0;}
.boardcmt .cmttop .cmttitsub input{border:1px solid #cdcdcd;border-radius: 3px;height:27px;box-sizing: border-box;width:calc(100% - 46px);padding:0 0 0 4px;}
.boardcmt .cmttop .cmttitsub button{height:27px;border:1px solid #cdcdcd; background-color: #eee;margin-left: 5px;border-radius: 3px;font-weight: 600;font-size: 16px;}

.boardcmt .cmtans{padding:0 15px;}

/* mplist */
.level_icon{
  line-height: initial;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-size: contain;
  font-size: 8px;
  color: white;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mp-top{color:#000;position: relative;border-top:10px solid #f2f2f2}
.mp-tprofile{padding:20px 24px 20px 24px;}
.mp-tprofile .profileimg{    align-items: flex-end;
  justify-content: flex-end;
  border: 2px solid #E9E9E9;
  display: flex;width:80px; height:80px; background-size: cover;border-radius: 100%;background-position: center;}
.mp-tprofile .profiletit{font-size: 20px; font-weight: 500;color:#000;margin:0 0 0 0px}
.mp-tprofile .levelimg{height:45px;}
.logoutbtn{border:1px solid #b7b7b7;padding:5px 10px;border-radius: 3px;background-color: #e3e3e3;position: absolute;top:10px;right:10px;}

.mp-trow{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.mp-trow .fl{width:calc(100% / 3);text-align: center;border-right:1px solid #eee;padding:30px 0;}
.mp-trow p {padding:0 0 10px;font-size: 16px;;}
.mp-trow span {color:#ff6767;font-size: 22px;;}

.mp-mid{color:#000;padding: 15px;

  margin: 8px;}
.mp-mid li{
  padding: 14px;
}
.mp-mid li .menu{
  flex: 1;
}
.mp-mid li.line{
  border-bottom: 1px solid #E0E0E0;
  height: 1px;
  margin: 0;
  padding: 0px;

}
.mp-mid li .first{width:100px;padding:0 0 0 15px;}
.mp-mid li .second{width:calc(100% - 100px);}
.mp-mid li .tit{font-weight: 300;font-size: 18px;color: #333;padding:0 0 0 15px;}

.mp-btm{text-align: center;padding:20px 0;color: #333;}
.mp-btm .tit{font-size: 24px; font-weight: 500;padding:0 0 10px 0;;}
.mp-btm .txt{font-weight: 500;font-size: 16px;;}

.mpp-top{
  color: #000;
  background: #FFF;
  margin: 0px 24px 3px 24px;
  box-shadow: 0px 2px 3px #00000029;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
  padding: 16px;}
.mpp-top .desc{
  text-align: center;
  font-weight: 100;
  font-size: 12px;
  margin-top: 30px;
  border: #000;
}
.mpp-top .point{
  float: right;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
}

.mpp-mid1{color:#000;border-bottom:1px solid #E0E0E0; margin: 24px}
.mpp-mid1 li{    padding: 15px;
  margin: 10px;}

.mpp-mid{color:#000; margin: 24px}
.mpp-mid li{    padding: 12px;
  border-bottom: 1px solid #E0E0E0;
  margin: 6px;}

/* shop */
.shoppage{color:#000; margin: 0px 24px}
.shoptop{ width: 100%;
  transform: matrix(1, 0, 0, 1, 0, 0);
  /* UI Properties */
  background: transparent url('/assets/front/img/backgrounds/back_shop.png') 0% 0% no-repeat padding-box;
  background-position: center;
  border-radius: 12px;
  opacity: 1;}
.shop_top_tit{
  text-align: center;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  flex: 0.5;
  line-height: 21px;
  font-size: 12px;
}

.shop_top_tit .point{
  font-size: 20px;
  margin: 0 0 12px 0;
}

.shop_tab{
  border: 1px #E6E6E6 solid;
  width: 100%;
  background: white;
  box-shadow: 0px -2px 2px #00000029;
  border-radius: 12px;
  opacity: 1;
  display: flex;
  height: 52px;
  background-position: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.shop_tab button{
  Flex:1;
  letter-spacing: -0.75px;
  font-size: 15px;
  background: none;
  border: none;
}
.shopmain{
  padding: 0px;
  grid-auto-columns: 49% 49%;
  display: grid;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  margin-top: 10px;
}
.shopmain .box{
  background: #F8FAFC;
  height:125px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 16px;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.shopmain .box:nth-child(odd){
  grid-column: 1;
}
.shopmain .box:nth-child(even){
  grid-column: 2;
}
.shopmain .img_wrap{
  width: 65px;
  height: 65px;
}
.shopmain .box img{
  width: 100%;
}

.shopmain div{
  font-size: 12px;
  color: #000;
}

.shopmain .sm_tit{width:100%;height:80px; color:#141414;text-align: center;line-height: 80px;font-weight: 500;font-size: 24px;;}

.shopmain .sm_list{}
.shopmain ul{margin:0 0 15px;}
.shopmain ul li{margin:0 0 20px 0;}
.shopmain ul li:last-child{}
.shopmain ul li .buy_icon{width:70px;text-align: center;}
.shopmain ul li .buy_icon img{width:50px;}
.shopmain ul li .buy_txt{color:#333;width:calc(100% - 180px);text-align: center;font-size: 18px;font-weight: 400;}
.shopmain ul li .buy_plus{width:70px;}
.shopmain ul li .buy_plus button{background: transparent;border:0px;}
.shopmain ul li .buy_plus button img{width:50px;}

.sm_point{}

/*store */
.storepage{color:#000; margin: 0px 24px}

/* footer */
#body-wrap{padding-bottom:186px;}

#footers{width:100%;position:fixed;bottom:0; background-color: #FFF;}
#footers .ftwrap{width:100%;padding:5px 20px;background-color: #FFF;}
#footers .ftwrap a{display: block;text-align: center; flex:1}
#footers .ftwrap a img{ width: 32px; margin: 10px}
.ios_footer a {padding-bottom: 7px;}


.video-container {
  position: relative;
  width:100%;
}
/*
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
}

/**/

.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  /*margin: 10px 0 20px;*/
  padding-top: 10px;
  border-top: 0px solid #DDD;
  text-align: center;
  /*border-radius: 5px;*/
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: auto;
  background-color: #fff;
  border-radius: 10px;;
  border: 0px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose{
  display: inline-flex;
  width: 128px;
  height: 40px;
  text-align: center;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: black;
  box-shadow: 0px 1px 2px #00000029;
  border: 1px solid #D9D9D9;
  border-radius: 11px;
  margin: 10px;
  padding: 8px;
}
a.btn-layerClose_bak {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose_bak:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}





.headwrap{height:58px;background-color: #fff;padding:0 23px 0;;}
.headwrap .inblock{vertical-align: middle;}
.headwrap .backicon{padding:15px 0 0;}
.headwrap img{vertical-align: top;}
.headwrap .backicon img{width:25px;}
.headwrap .headtit{padding:21px 0 0;}
.headwrap .headtit p{font-size: 18px;;}
.headwrap .homeicon{padding:15px 0 0;}
.headwrap .homeicon img{width:25px}


.mainheader{}
.mainheader .first{}
.mainheader .first a{}
.mainheader .first a img{height:40px;}
.mainheader .second{}

.mainheader .second button{border:0px; background: transparent;margin-right: 5px;;}
.mainheader .second a img{width:24px;padding:2px 0 0;}
.mainheader .second .searchbtn img{width:20px;padding:0px;}
.subheader.mainheader .first a img {    height: 20px;}
.subheader.mainheader .flexbox_row_sb{height:54px;}


/* popups */
.popupWrap{z-index: 99; width: 294px;height: 327px;position: fixed;left:50%;transform: translate(-50%, -60%);top:50%;background-color: #fff;box-shadow: 3px 3px 7px rgba(0,0,0,0.6);}
.popupWrap .popupTop{padding:54px 20px 30px;border: 1px solid #fff;height: 327px; overflow:auto}
.popupWrap .popupTop .tit{text-align: center;font-size: 18px;font-weight: 600;letter-spacing: -0.5px; overflow: auto}
.popupWrap .popupTop .txt{text-align: center;margin:20px 0 0;font-size: 15px;line-height: 1.5;font-weight: 300;letter-spacing: -0.5px;;}

.popupbtns{font-size: 0;}
.popupbtns .popbtn{width:50%;font-size: 14px;display: inline-block;height:45px;vertical-align: bottom;background-color: #FBC84F;color:#000;border:0;font-weight: 200;letter-spacing: -0.5px;line-height: 45px;;}
.popupbtns .popbtn:first-child{border-right:1px solid #fff; background-color: #D4D4D4;}

#header{
  margin: 10px 40px;
}
#header a img{
  width: 18px;
}
#view_title{
  text-align: left;
  margin-left: 10px;
  font: normal normal normal 16px/80px Noto Sans CJK KR;
  letter-spacing: -0.7px;
  color: #191919;
}

.field-icon {
  color: #5e5e5e;
  float: right;
  margin-left: -25px;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.container{
  padding-top:50px;
  margin: auto;
}

.share_btn{
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.share_btn div{
  margin-top: 6px;
  font-size: 11px;
}

.share_btn .share_img{
  border: 0.5px solid #191919;
  border-radius: 40px;
  width: 41px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.clip{
  border: 1px solid #E3E3E3;
  width: 276px;
  height: 38px;
  text-align: center;
  line-height: 40px;
  margin: 22px auto 0px;
  padding: 0px 14px;
  border-radius: 16px;
  box-shadow: 0px 2px 3px #00000029;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.row{
  text-align: left;
  margin: 10px 0px;
  font-size: 20px;
}
.row .tit{
  width: 100px;
  display: inline-block;
  margin-bottom: 0px;

}
.row .con{
  display: inline-block;
  color: #000000DE;
  font-weight: lighter;
  margin-bottom: 0px;
}
.row input[type="checkbox"]{
  accent-color:  #232323;
  display: inline-block;
}

.row .check_list{
  display: flex;
  margin: 10px 0px;
  font-size: 14px;
}

.row .check_list label{
  flex: 1;
  font-weight: lighter;
}


#customerwrap{
  color: #191919;
}
#customerwrap .line{
  display: grid;
  width: 100%;
  /*height: 10px;*/
  background: #F1F1F5 0% 0% no-repeat padding-box;
}
#customerwrap section{
  margin: 0px 24px 10px 24px;
}
#customerwrap textarea {
  width: 100%;
  height: 300px;
  padding: 10px;
  box-sizing: border-box;
  border: 0px solid;
  font-size: 16px;
  background: #F8FAFC 0% 0% no-repeat padding-box;
  border-radius: 12px 12px 12px 12px;
}
#customerwrap .tit{
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
}
#customerwrap .btn_area{
  padding: 10px 0px;
}
#customerwrap .more {
  margin: 20px;
  text-align: center;
}
#customerwrap #addbtn{
  float: right;
  border: 2px solid #433E50;
  border-radius: 5px;
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  width: 50px;
  height: 25px;
  right: 30px;
  color: #433E50;
  letter-spacing: -1px;
  margin: 0;
  padding: 0;
}

#customerwrap button{
  border: 1px solid #E8E8E8;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  color: #433E50;
  padding: 10px;
  flex: 1;
  display: inline;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}
#customerwrap .btns a{
  font-weight: 600;
  font-size: 13px;
  padding: 2px 4px;
  color: #433E50;
  letter-spacing: -1px;
  margin: 7px 0px 7px 10px;
  width: 100px;
  height: 27px;
  line-height: 27px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #F4F4F4;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*#customerwrap li{*/
/*  font-size: 18px;*/
/*  display: flex;*/
/*  border-bottom: 2px solid #E0E0E0;*/
/*  line-height: 46px;*/
/*  flex-direction: column;*/
/*  !*display: inline;*!*/
/*}*/

#customerwrap .tit_area{
  display: flex;
}

#customerwrap .content{
  display: none;
  font-size: 14px;
}
#customerwrap .title{
  flex:1;
  font-size: 14px;
}
.jf_row{
  margin: 6px;
}
.ico{
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.error_msg{
  color: #FF0000;
  font-weight: lighter;
  margin: 8px 20px;
  font-size: 14px;
  display: none;
}

#banner_test{
  bottom: 64px !important;
  position: initial !important;
}

@media (min-width: 400px) {
  /*.timer,*/
  .modal,
  .pop-layer,
  .pop-container{
    width: 400px;
  }
  #footers{max-width:400px; margin:0 auto; }

}

#ad_modal, #ad_modal2{
  border-radius: 0px;
  padding: 0px 0px 10px 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}