@charset "utf-8";

.clearfix:after {content: ".";display: block;height: 0;overflow: hidden;clear: both;}
.marquee {
  overflow: hidden;
  height:40px;
}

/*select 화살표지우기*/
select{
-moz-appearance:none; /* Firefox 익스플로러에서 화살표 찌꺼기를 없애주네요^^; */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
}
select::-ms-expand{
display:none;
}

/*none*/
.padnone{padding:0px !important;}

/* container */
.container{padding-bottom:90px; border-bottom:1px solid #e6e6e6;}

/* sub visual */
.sub_visual{width:100%; height:140px; padding-top:35px;position:relative;z-index: 100;}
.sub_visual > .sub_visual_txt{width:1080px; margin:0 auto; text-align:center; color:#fff; letter-spacing:-0.2px;}
.sub_visual > .sub_visual_txt > h2{font-size:36px; color:#fff; font-weight:500; margin-bottom:4px;}
.sub_visual > .sub_visual_txt > span{font-size:15px; font-weight:300;}

.sv1{background:url(../images/sub/sub_visual01.jpg) no-repeat; background-size:cover;}
.sv2{background:url(../images/sub/sub_visual02.jpg) no-repeat; background-size:cover;}
.sv3{background:url(../images/sub/sub_visual03.jpg) no-repeat; background-size:cover;}
.sv4{background:url(../images/sub/sub_visual04.jpg) no-repeat; background-size:cover;}

/* location */
.location_wrap{width:100%; background:#f6f6f6; border-bottom:1px solid #e9e9e9;position:relative;z-index: 100;}
.location_wrap > .location{width:1080px; margin:0 auto;}
.location_wrap > .location > li{float:left; padding:16px; border-width:0 1px 0px 1px; border-color:#e9e9e9; border-style:solid;}
.location_wrap > .location > li:nth-child(1), .location_wrap > .location > li:nth-child(2){border-right:none;}

/* inner */
.con_inner{width:1080px; margin:0 auto; margin-top:49px;position: relative;}
.cl::after{content:''; clear:both; display:block;}

/* radio box design */
.radio_box td .radio_icon  {margin-right:10px; display: inline-block; width: 15px; height: 15px; background: url(../images/common/radio_off.png) left center no-repeat; vertical-align: middle;}
/* 2018-06- 05추가 */
.radio_box th .radio_icon  {margin-right:10px; display: inline-block; width: 15px; height: 15px; background: url(../images/common/radio_off.png) left center no-repeat; vertical-align: middle;}
.radio_box input[type=radio]{ display: none; }
.radio_box input[type=radio]:checked + .radio_icon{ background-image: url(../images/common/radio_on.png); }

/* check box design */
.radio_box td .chk_icon  {display: inline-block; width: 15px; height: 15px; background: url(../images/common/chk_off.png) left center no-repeat; vertical-align: middle;}
/* 2018-06- 05추가 */
.radio_box th .chk_icon  {display: inline-block; width: 15px; height: 15px; background: url(../images/common/chk_off.png) left center no-repeat; vertical-align: middle;}
.radio_box input[type=checkbox]{ display: none; }
.radio_box input[type=checkbox]:checked + .chk_icon{ background-image: url(../images/common/chk_on.png); }

/* join info */
.joinfo_txt{width:100%; text-align:center; background:#f6f9f9; border:1px solid #e6e6e6; padding:20px 0; margin-top:40px;}
.joinfo_txt > p{font-size:16px; line-height:26px; color:#414141; font-weight:300;}

.join_tit > h3{font-weight:bold; font-size:20px; color:#414141; margin:45px 0 20px 0;}
.use_pvy > .pvy_txt{width:100%; overflow:auto; height:279px; padding:20px; font-size:14px; border:1px solid #e5e5e5;}
.use_pvy > .pvy_txt p{font-weight:500; color:#414141}
.use_pvy > .join_chk{width:100%; background:#f6f6f6; text-align:right; padding:15px; font-size:14px; color:#6c6c6c;}
.use_pvy > .join_chk label{margin-left:5px; vertical-align:top;}
.use_pvy > .join_chk input[type=checkbox]{vertical-align:middle}

.join_agr_btn{text-align:center;}
.join_agr_btn button{background:#48cdc4; padding:15px; width:200px; color:#fff; font-size:16px; border:none; font-weight:400; margin-top:40px;}

.info_wrt .join_tbl table{width:100%; text-align:left; font-size:16px;border-top:3px solid #48cdc4;}
.info_wrt .join_tbl table tr{border-bottom:1px solid #e6e6e6;}
.info_wrt .join_tbl table th{text-align:left; width:150px; background:#f6f9f9; color:#414141; padding:16px; font-weight:400;}
.info_wrt .join_tbl table td{padding-left:20px; color:#555; font-weight:300}
.info_wrt .join_tbl table td input[type=text]{height:33px; border:1px solid #eeeeee; margin-right:10px; padding-left:5px;}
.info_wrt .join_tbl table td span.chk_cpl{height:33px; width:152px; background:#48cdc4; color:#fff; border:none; font-size:15px; margin-right:6px; text-align:center; line-height:33px; display:inline-block}
.info_wrt .join_tbl table td button{height:33px; width:152px; background:#fff; border:2px solid #48cdc4; color:#48cdc4; font-size:15px; margin-right:6px; text-align:center; display:inline-block}
.info_wrt .join_tbl table td span{font-weight:300; color:#555555;}
.info_wrt .join_tbl table td .content_div{font-weight:300; color:#555555;}

.info_wrt .join_tbl table td span.join_tbl_pt{color:#48cdc4}

/* 20180418 추가 */
.info_wrt .join_tit table td span.join_tbl_id{color:#48cdc4}
.info_wrt .join_tit table td span.join_tbl_pt{color:#48cdc4}
.info_wrt span.prof_id{color:#f44242 !important;}

/* profile */
.profile_tab{margin:45px 0 25px 0;}
.profile_tab li{float:left; width:33.3%; border-width:1px 1px 1px 0; border-color:#e6e6e6; border-style: solid; text-align:center;}
.profile_tab li:first-child{border-left:1px solid #e6e6e6;}
.profile_tab li a{padding:15px; display:block; font-size:18px; font-weight:400; color:#6f6f6f;}
.profile_tab li a:hover, .profile_tab li.on a{background:#48cdc4; color:#fff; border:none;}

.prof_pic{padding:20px 0;}
.prof_pic ul li{float:left; width:130px; margin-top: 10px; margin-bottom: 10px;}
.prof_pic ul li div.prof_imgbox img{border:1px solid #e6e6e6;margin-bottom:7px; cursor:pointer;}
.prof_pic ul li{font-size:16px; font-weight:300; color:#555555;}
.prof_pic ul li input{margin-right:5px;}
.prof_pic p{margin-top:20px;}
.prof_pic p span{display:block; padding-left:25px; background:url(../images/common/prof_noti.png) no-repeat 0 50%; font-size:14px; color:#6f6f6f;}
.prof_pic p span:first-child{margin-bottom:3px;}

.info_wrt span.prof_pt{color:#f44242 !important; font-size:15px;} 
.info_wrt span.prof_pt2{color:#31c3b9 !important; font-size:15px;}  
.info_wrt select{height:33px;border:1px solid #eeeeee;font-size:15px;color:#555;text-indent:13px;background:url(../images/common/down_arr.png) 90% center no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.info_wrt select.no-indent{text-indent:0px;}
.prof_sel select{margin-right:10px;}
.info_wrt textarea{width:100%;height:209px;padding:15px;border:1px solid #eee;margin:18px 0 12px 0;font-size:14px;resize:none;}
.info_wrt td.prof_marry input{margin-right:5px; vertical-align:middle;}
.info_wrt td.prof_marry label{margin-right:5px;}
.info_wrt .prof_email input[type=checkbox]{margin-right:4px; vertical-align:middle;}

.info_wrt2 textarea{width:350px;height:60px;padding:15px;border:1px solid #eee;margin:18px 0 12px 0;font-size:14px;resize:none;}
.info_wrt2 button{height:33px; width:80px; margin-top:20px; vertical-align:top; background:#fff; border:2px solid #48cdc4; color:#48cdc4; font-size:15px; margin-right:6px; text-align:center; display:inline-block;}

/* join select box */
.join_tbl > table tr td .join_sel{
  -moz-appearance:none; /* Firefox */;
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  height:33px; 
  border:1px solid #eee; 
  text-indent: 10px; 
  background: url(../images/common/down_arr.png) 95% center no-repeat;
  -webkit-appearance: none; 
  -moz-appearance: none; 
  -ms-appearance: none; 
  -o-appearance: none; 
  appearance: none; 
  margin-right: 10px;
}
.join_tbl > table tr td .join_sel::-ms-expand{
display:none;
}
/* spinner */
.fa-caret-down:before {content: "\f0d7";}
.fa-caret-up:before {content: "\f0d8";}
.input-group-addon { padding: 10px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee;}
.input-group-addon, .input-group-btn {white-space: nowrap;vertical-align: middle;}
.input-group .form-control, .input-group-addon, .input-group-btn {display: table-cell;}
.info_wrt .join_tbl table td .spinner input[type=text]{width:45px; height: 34px;border: 1px solid #eee;padding-left: 5px;float: left ;margin:0}

/* login */
.login_area{width:100%; height:476px; position: relative;}
.login_area > .login_wrap{width:621px; height:100%; border:1px solid #eee; border-top:3px solid #48cdc4; padding:76px 82px;margin-right:25px;}
.login_area > .login_wrap > h2{font-weight: 500; font-size:34px; margin-bottom:14px;}
.login_area > .login_wrap > .login_form > .input_group > input[type=text],
.login_area > .login_wrap > .login_form > .input_group > input[type=password]
{width:100%; height:46px; border:2px solid #eee; margin-bottom:20px; text-indent: 10px; font-size:16px; color:#909090;}
.login_area > .login_wrap > .login_form > .input_group > input[type=text]:hover,
.login_area > .login_wrap > .login_form > .input_group > input[type=password]:hover{border:2px solid #48cdc4;}
.login_area > .login_wrap > .login_form > .input_group > input[type=text]:focus,
.login_area > .login_wrap > .login_form > .input_group > input[type=password]:focus{border:2px solid #48cdc4;}
.login_area > .login_wrap > .login_form > .input_group > input[type=text]:focus:hover,
.login_area > .login_wrap > .login_form > .input_group > input[type=password]:focus:hover{border:2px solid #48cdc4;}
.login_area > .login_wrap > .find_btnarea{text-align:center; margin-bottom:50px;}
.login_area > .login_wrap > .find_btnarea > input[type=checkbox]{vertical-align:middle}
.login_area > .login_wrap > .find_btnarea > a{font-weight:400; font-size:15px; color:#777; vertical-align: middle; }
.login_area > .login_wrap > .find_btnarea > a:last-child{color:#28c6bb;}
.login_area > .login_wrap > .find_btnarea > span{font-size:13px; color:#d1d1d1; padding:0 4px;vertical-align: middle;}
.login_area > .login_wrap > .login_btn{}
.login_area > .login_wrap > .login_btn button{width:100%; height:53px; background:#48cdc4; text-align: center; border:none; font-size:18px; color:#fff;}
.login_area > .log_banner{width:433px; height:476px; overflow: hidden;}

/* bx control */
.outside {position: absolute; bottom:0; right:0; }
.bx-prev {display:block; position:absolute; right:42px;}

/* sub_form */
.sub_form{width:100%; position: relative;transition:height 0.35s ease-in-out;-webkit-transition:height 0.5s ease-in-out;}
.sub_form_area{width:100%; background:rgba(255,255,255,0.5); position:absolute; top:16px; height:207px; border-bottom:1px solid #efefef; background:#fff;}
.sub_form_area .close_btn { width:100%; height: 69px; border:0; background: url(../images/sub/sub_close.png) no-repeat;background-position-x: 50%; font-size: 0; margin:20px 0;}
.sub_form_area .search_open{background: url(../images/sub/sub_btn.png) no-repeat; background-position-x: 50%;}
.sub_form_area .input_area { width: 100%;}
.sub_form_area .input_area > div { overflow: hidden; font-size: 0; }
.sub_form_area .input_area p { text-align: left;}
.sub_form_area .input_area .box_tit  { float: left; width: 80px; font-size: 15px; padding-left: 10px; font-weight: 400; color:#555;text-indent: 5px;}
.sub_form_area .input_area .tall_box .box_tit,.input_area  .age_box .box_tit { width: 60px;}  
.sub_form_area .input_area select { width: 108px; text-indent: 13px; background: url(../images/common/down_arr.png) right center no-repeat; border: 0; -webkit-appearance: none;  -moz-appearance: none; -ms-appearance: none; -o-appearance: none;  appearance: none; margin-left:10px;}
.sub_form_area .input_area label, .input_area select { font-size: 14px; color: #555; cursor: pointer;}
.sub_form_area .input_area input[type=radio],.input_area input[type=checkbox] { display: none; height:15px;} 
.sub_form_area .input_area input[type=radio] + label { padding-left: 22px; background: url(../images/common/radio.png) left 4px no-repeat;}
.sub_form_area .input_area input[type=radio]:checked + label {  background: url(../images/common/radio.png) left -14px no-repeat; }
.sub_form_area .input_area input[type=checkbox] + label { padding-left: 22px; background: url(../images/common/check.png) left 3px no-repeat;}
.sub_form_area .input_area input[type=checkbox]:checked + label {  background: url(../images/common/check.png) left -16px no-repeat; }
.sub_form_area .input_area .btn_box .except { background: #bebebe; color:#fff; border: 0; padding: 3px; width: 38px; border-radius: 3px; margin-right:59px;}
.sub_form_area .input_area .btn_box .except.on { background: #48cdc4; color:#fff; border: 0; padding: 3px; width: 38px; border-radius: 3px}
.sub_form_area .input_area select::-ms-expand { display: none;}
.sub_form_area .input_top_area > div, .input_btm_area > div { float:left; width: 262px; margin-right: 10px; background: #fff; border-radius: 5px; font-size: 15px; padding: 8px 14px;  line-height: 25px; border:1px solid #efefef}
.sub_form_area .input_top_area .gender_box{border:1px solid #48cdc4; text-align: center;  }
.sub_form_area .input_top_area .gender_box .reset_btn { background:#fff; border: 0; color: #2bbdb3; font-size:16px; font-weight: 400; display: block;width:100%;}
.sub_form_area .input_top_area > .married_box{ width: 264px; margin-right: 0;}
.sub_form_area .input_top_area input[type=text] { width: 60px; padding:3px 0px; background: #ededed; box-shadow: inset 1px 1px 0px rgba(0,0,0,0.2); border:0; border-radius: 4px; text-align: center;}
.sub_form_area .input_mid_area { width: 100%; background: #fff; border-radius: 5px; margin: 10px 0; height: 80px; padding: 11px 14px;  line-height: 28px; border:1px solid #efefef}
.sub_form_area .btn_box { display: inline-block;text-align:left;}
.sub_form_area .btn_box label { margin-right: 48px;}
.gender_box label[for=male] { margin-right: 30px;}

.sub_form_area .input_btm_area2{text-align: left;}
.sub_form_area .input_btm_area2 > div { float:left; width: 194px; margin-right: 10px; background: #fff; border-radius: 5px; font-size: 13px; padding: 8px 14px;  line-height: 25px;  border:1px solid #efefef}
.sub_form_area .input_btm_area2 .box_tit{width:auto;}
.sub_form_area .input_btm_area2 > .find_result{ width: 264px; height:40px; margin-right: 0; background: #48cdc4;  border-radius: 5px; border: 0; color:#fff; font-size: 17px; }

/* list_sel */
.sort_area {text-align: right;}
.sort_area select { width: 244px; height: 40px; text-align: right; color: #555; border: 1px solid #efefef; border-radius: 5px; text-align: center; font-size: 15px; font-weight:500; background: url(../images/common/down_org.gif) 196px center no-repeat;padding-left: 35px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none;}
.sort_area select::-ms-expand { display: none;}
.sort_area select option { color: #666; }

.result_list { overflow: hidden; margin:10px 0 50px 0}
.result_list li { width: 201px; height: 296px; float: left; margin:8px; overflow:hidden; border:1px solid #efefef; padding:7px; position:relative;}
.result_list li:nth-child(5n) { margin-right: 0}
.result_list li a { display: block;}
.result_list li a .img_box{position: relative; padding-top: 104%; /* 1:1 ratio */ overflow: hidden;}
.result_list li a .img_box .layout{
  -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.result_list li a .img_box .layout img{
  position: absolute; top: 0; left: 0; max-width: auto; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.result_list li a .img_box .layout img.long_height{width: 100%; height: auto; }
.result_list li a .img_box .layout img.long_width{width: auto; height: 100%;}

.result_list li .medal{position:absolute;top:8px; left:16px;z-index: 5;}
.result_list li .preview { display: block; width: 100%; height:88px;line-height:22px;font-size:12px;font-weight: bold;color:#cdcdcd;padding:8px 0;}
.result_list .preview > p{font-size:14px; color:#7a7a7a; padding: 8px 0px;}
.result_list .preview .pre_info{border-bottom:1px solid #efefef; padding-bottom: 8px;}
.result_list .preview .nick{padding:5px 0; font-weight: 500; font-size:16px; color:#414141; float: left;}
.result_list .preview .request_btn{background:#fff; border:1px solid #48cdc4; margin-top: 6px; padding:5px 2px; font-weight: 400; font-size:0.8em; color:#48cdc4; float: right;}
.result_list .preview .request_btn:hover{background:#48cdc4;color:#fff; transition:background 0.3s ease-in-out;-webkit-transition:background 0.3s ease-in-out;}


/* paging */
.paging { width: 100%; text-align: center; height: 25px; margin-top: 40px;}
.paging a.arrow {background-color: #fff;}
.paging a { display: inline-block; height: 34px; line-height: 32px; border: 1px solid #ccc; width: 32px; background-color: #fff; text-decoration: none; vertical-align: top; overflow: hidden;}
.paging a.first span {background-position: 11px 12px;}
.paging a.prev span {background-position: -18px 12px;}
.paging a.next span { background-position: -344px 12px;}
.paging a.end span {background-position: -374px 12px;}
.paging a.arrow span {background-image: url(../images/common/paging_arrow.gif);background-repeat: no-repeat;text-indent: -9999px;width: 23px;padding: 0;}
.paging a span {display:block; height:23px; vertical-align:middle; font-size:13px; color:#737373; min-width:8px; padding: 0 8px 0 7px;letter-spacing: -1px;}
.paging a.current {background-color: #48cdc4;border: 1px solid #48cdc4;cursor:default;}
.paging a.current span {color: #fff;}
.paging a.current:hover,.paging a.current:active {text-decoration: none;}

/*layerpopup*/
/
.lay_pup_con{display:none;}
.lay_pup_wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:1060;display:none;overflow:auto;}
.lay_pup_wrap .lay_pup_con_1{position:absolute;left:0;top:0;right:0;bottom:0;width:908px;height:650px;background-color:#fff;display:none;margin:100px auto;}
.lay_pup_wrap .lay_pup_con_1 > .lay_pup_head{position:absolute;top:-50px;right:0px;}
.lay_pup_wrap .lay_pup_con_1 > .lay_pup_head > button{float:right;position:absolute;top:7px;right:0;text-indent:-9999px;border:none;background:none;width:29px;height:29px;z-index:4;background-image:url(../images/main/close.png);}

.lay_pup_con2{display:none;}
.lay_pup_wrap2{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:1070;display:none;overflow:auto;}
.lay_pup_wrap2 .lay_pup_con_2{position:absolute;left:0;top:0;right:0;bottom:0;width:1024px;height:75%;display:none;margin:100px auto;}
.lay_pup_wrap2 .lay_pup_con_2 > .lay_pup_head2{position:absolute;top:-50px;right:0px;}
.lay_pup_wrap2 .lay_pup_con_2 > .lay_pup_head2 > button{float:right;position:absolute;top:7px;right:0;text-indent:-9999px;border:none;background:none;width:29px;height:29px;z-index:4;background-image:url(../images/main/close.png);}

.lay_pup_con3{display:none;}
.lay_pup_wrap3{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:1060;display:none;overflow:auto;}
.lay_pup_wrap3 .lay_pup_con_3{position:absolute;left:0;top:0;right:0;bottom:0;width:500px;height:700px;background-color:#fff;display:none;margin:100px auto;}
.lay_pup_wrap3 .lay_pup_con_3 > .lay_pup_head{position:absolute;top:-50px;right:0px;}
.lay_pup_wrap3 .lay_pup_con_3 > .lay_pup_head > button{float:right;position:absolute;top:7px;right:0;text-indent:-9999px;border:none;background:none;width:29px;height:29px;z-index:4;background-image:url(../images/main/close.png);}

/*.lay_pup_con2 .lay_pup_body{height: 100%;}
.lay_pup_con2 .lay_pup_body .profile_pop2{width: 1024px; margin:0 auto;overflow: hidden;}
.lay_pup_con2 .jd-slider{height: 100%;}
.lay_pup_con2 .slide-inner{height: 90%;}*/

/*profile_popup*/
.profile_pop{width:908px;margin:0 auto;overflow: hidden;}
.profile_pop .infotab{width:908px;}
.profile_pop .infotab .tablistb{overflow:hidden;width:100%;border-bottom:1px solid #dedede;}
.profile_pop .infotab .tablistb li{float:left; width:25%;text-align:center;font-size:17px;color:#646464;padding-bottom:10px;font-weight:400;cursor:pointer;height:56px; line-height:56px;}
.profile_pop .infotab .tablistb li span{display: inline-block;width:100%;border-right:1px solid #dedede;}
.profile_pop .infotab .tablistb li span.bodrnone{border-right:0px !important;}
.profile_pop .infotab .tablistb li .tabon{background:#53dacc;color:#fff;}
.profile_pop .tabcont{padding:20px 36px 20px 36px;height:587px;}
.profile_pop .tabcont .tabinner{overflow:hidden;}
.profile_pop .tabcont .prof_left{float:left;width:327px;margin-right:20px;}
.profile_pop .tabcont .prof_left .profimg{margin-bottom:20px;position:relative;}
.profile_pop .tabcont .prof_left .profimg .medal02{position:absolute; top:0px; left:13px;z-index: 4;}
.profile_pop .tabcont .prof_left .profchk ul{overflow:hidden;}
.profile_pop .tabcont .prof_left .profchk ul li{float:left;text-align:center; font-size:12px;padding:0 8px;color: #48cdc4;}
.profile_pop .tabcont .prof_left .profchk ul li img{width:40px; height:40px;}
.profile_pop .tabcont .prof_left .profchk ul li span{display:block;padding-top:10px;letter-spacing:-1px;}
.profile_pop .tabcont .prof_left .profInfo{margin-top:20px;margin-left:10px;font-size: 14px;}

.popup_contetns{
  padding: 15px;
}
.popup_title{
  text-align: center;
}
.file_upload_example{
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
.file_upload_info{font-size: 14px;text-align:center; margin-bottom:10px;}
.file_upload_info > * {vertical-align: middle;}
.file_upload_info:first-child{margin-right: 10px;}
.file_upload_info input[type="file"] { 
  /* 파일 필드 숨기기 */ 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip:rect(0,0,0,0); 
  border: 0; 
}
.file_format_info{
  font-size: 12px;
  margin-bottom: 20px;
  padding: 10px;
}
.personal_info{
  padding: 10px;
  font-size: 12px;
  background-color: #eee
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .profile_pop .tabcont .prof_left .profchk ul li{padding:0 5px;}
}
.profile_pop .tabcont .prof_info{width:489px;float:left;}
.profile_pop .tabcont .prof_info .info_table{width:489px;border-top:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;}
.profile_pop .tabcont .prof_info .info_table tr th{font-size:16px;background:#f8f8f8;color:#414141;width:105px;font-weight:400;padding:10px 0;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}
.profile_pop .tabcont .prof_info .info_table tr td{border-bottom:1px solid #dedede;padding:10px;font-size:16px;}
.profile_pop .tabcont .prof_info .info_table .tabtext{border:0px;width:100%;height:110px;overflow-y: scroll; font-size:16px;padding:10px;}
.profile_pop .tabcont .prof_info .info_table .bodl{border-left:1px solid #dedede;}
.profile_pop .tabcont .prof_info .prof_listimg{overflow:hidden;}
.profile_pop .tabcont .prof_info .prof_listimg li{float:left;margin-bottom:15px;width:237px;height:161px;}
.profile_pop .tabcont .prof_info .prof_listimg li img{border:1px solid #dedede;width:234px;height:161px;}

.arrownote_pop .tabcont{padding:20px 36px 20px 36px;height:587px;}
.arrownote_pop .tabcont .tabinner{overflow-x:hidden;overflow-y:auto;height:550px;}
.arrownote_pop .tabcont .prof_info{width:100%;float:left;}

.arrownote_pop .message-box{border-top:1px solid #dedede;}

/*
.profile_pop .tabcont .tabinner{overflow:hidden;}
.profile_pop .tabcont .prof_left{float:left;width:327px;margin-right:20px;}
.profile_pop .tabcont .prof_left .profimg{margin-bottom:20px;position:relative;}
.profile_pop .tabcont .prof_left .profimg .medal02{position:absolute; top:0px; left:13px;z-index: 4;}
.profile_pop .tabcont .prof_left .profchk ul{overflow:hidden;}
.profile_pop .tabcont .prof_left .profchk ul li{float:left;text-align:center; font-size:12px;padding:0 8px;color: #48cdc4;}
.profile_pop .tabcont .prof_left .profchk ul li img{width:40px; height:40px;}
.profile_pop .tabcont .prof_left .profchk ul li span{display:block;padding-top:10px;letter-spacing:-1px;}
.profile_pop .tabcont .prof_left .profInfo{margin-top:20px;margin-left:10px;font-size: 14px;}
*/

/*마이페이지*/
.fleft {float: left;}

.left_area {float: left; width: 212px; margin-right: 30px;}
.left_area .top_tit {width: 212px; height: 80px; background: #48cdc4;}
.left_area .top_tit > h2 > a {padding-left: 20px; line-height: 80px; color: #fff; font-weight: 400;}

.left_area .left_menu li {height: 55px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; font-size: 16px; color: #555; padding-left: 20px; font-weight: 400; line-height: 55px;}
.left_area .left_menu .on {background-color: #f6f6f6;}
.left_area .left_menu li:hover {background-color: #f6f6f6;}
.left_area .left_menu li a {display: block;}

.advertisement {
    border: 1px solid;
    margin-top: 20px;
    height: 130px;
}


.mypage_infoarea {margin-bottom: 20px}
.mypage_infoarea div {font-size: 13px; color: #777; font-weight: 300; margin-bottom: 10px}
.mypage_infoarea .myinfo_box {float: left; width: 409px; height: 142px; padding: 20px; border: 1px solid #e5e5e5;}
.mypage_infoarea .myinfo_box p {font-size: 14px; color: #555; font-weight: 600;}
.mypage_infoarea .myinfo_box span {font-size: 14px; color: #555; font-weight: 300;}
.mypage_infoarea .myinfo_box a {display: block; font-size: 13px; color: #e98080; font-weight: 300;     text-align: right; margin-top: 70px;}

.mypage_tit { width: 838px;}
.mypage_tit > h3{font-weight:bold; font-size:20px; color:#414141; margin:0px 0 20px 0;}

.mypage_agr_btn{text-align:center; clear:both;}
.mypage_agr_btn button{background:#48cdc4; padding:15px; width:200px; color:#fff; font-size:16px; border:none; font-weight:400; margin-top:40px;}
.mypage_agr_btn input[type=text]{height:33px; border:1px solid #eeeeee; margin-right:10px; padding-left:5px;}

.small_agr_btn{text-align:center; clear:both;}
.small_agr_btn button{background:#48cdc4; padding:5px; width:200px; color:#fff; font-size:16px; border:none; font-weight:400; margin-top:40px;}


/* 마이페이지 탭 */
.mypage_tab{margin-bottom: 25px;}
.mypage_tab li{float:left; width:33.3%; border-width:1px 1px 1px 0; border-color:#e6e6e6; border-style: solid; text-align:center;}
.mypage_tab li:first-child{border-left:1px solid #e6e6e6;}
.mypage_tab li a{padding:15px; display:block; font-size:18px; font-weight:400; color:#6f6f6f;}
.mypage_tab li a:hover, .mypage_tab li.on a{background:#48cdc4; color:#fff; border:none;}
ul.dotList{
  list-style-image : url(../images/common/li_dot3.png);
}
ul.dotList li{
        background: url(../images/common/li_dot3.png) left center no-repeat;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
}

/* 마이페이지- 대쉬보드 */
.mypage_infoarea_new div {font-family:""Noto Sans KR", sans-serif"; font-size: 14px; margin-bottom: 10px}
.mypage_infoarea_new .dashboard_box {float: left; width: 409px; height: 200px; padding: 15px; border: 1px solid #e5e5e5;}
.mypage_infoarea_new .dashboard_box .title-area{display: inline; margin-bottom: 5px;}
.mypage_infoarea_new .dashboard_box .title-area div{display: inline; vertical-align: text-bottom; }
.mypage_infoarea_new .dashboard_box .title-area h5{display: inline; font-size: 1.2em; font-weight: 600;}
.pull-l{float: left;}
.pull-r{float: right;}
.mypage_infoarea_new .dashboard_box p { color: #555;}
.mypage_infoarea_new .dashboard_box span {color: #48cdc4}
.mypage_infoarea_new .dashboard_box span a{font-weight: 600; color: #48cdc4}
.mypage_infoarea_new .dashboard_box .content-area{margin-top: 15px; margin-bottom: 5px !important;}
.mypage_infoarea_new .dashboard_box .content-area ul li{margin-bottom: 10px;}

/* 20190417 추가 */
/* 마이페이지 - 대쉬보드 - 공지사항 */
.mypage_infoarea_new .notice_box { width: 854px; height:50px; padding: 3px; display: flex; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; margin-bottom: 20px;}
.mypage_infoarea_new .notice_box .title_area { width: 80px; margin-top: 10px; }
.mypage_infoarea_new .notice_box .content_area { width: 100%; margin-top: 10px; }
.mypage_infoarea_new .notice_box .more_area { width: 60px; text-align: center; float: right; }

.mypage_infoarea_new .row-item label { margin-left:5px; }

/* 마이페이지 - 대쉬보드 */
.mypage_infoarea_new .board_container { width: 858px; display: flex;}
.mypage_infoarea_new .board_container .board_left { width: 415px; margin-right:4px; margin-right:20px; }
.mypage_infoarea_new .board_container .board_left .line_container { display: flex; height:136px; margin-bottom:20px; }
.mypage_infoarea_new .board_container .board_left .line_container .four_boxes_container { width: 136px; height: 136px; }
.mypage_infoarea_new .board_container .board_left .line_container .four_boxes_container .small_line { display: flex; }
.mypage_infoarea_new .board_container .board_left .line_container .four_boxes_container .middle_line .small_box { width: 67px; height: 63px; margin-right: 5px; margin-bottom: 0px; text-align: center; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; }
.mypage_infoarea_new .board_container .board_left .line_container .four_boxes_container .small_line .small_box2 { width: 134px; height: 63px; margin-right: 5px; margin-bottom: 0px; text-align: left; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; }
.mypage_infoarea_new .board_container .board_left .line_container .arrow_post_box { width: 136px; height: 136px; margin-right: 5px; text-align: center; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; }
.mypage_infoarea_new .board_container .board_left .line_container .blind_date_box { width: 136px; height: 136px; text-align: center; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; margin-right: 10px; }

.mypage_infoarea_new .data_box_container{
  width: 854px;
  display: flex; 
  #height:136px; 
  height:100px; 
  margin-bottom:20px;
}
.mypage_infoarea_new .data_box_container .data_box_group{
  margin-right: 15px;
    width: 425px;
    display: flex;
}

.mypage_infoarea_new .data_box_container div .data_box{
   width: 100px; 
   height: 100px; 
   text-align: center; 
   border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; margin-right: 10px;
}

.data_box .div_data_box{
  display: flex; 
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.data_box .data_box_count{
  font-size:  17px;
    margin-top: -14px;
    margin-left: 10px;
    margin-right: 10px;
  text-align: right;
}

.data_box .data_box_count div{
  margin-top: -16px;
}
.data_box .div_data_box .data_box_icon{
  font-size:  20px;
}
.data_box .div_data_box .div_data_box_font{
  display: flex; 
  width: 65%;
    height: 40px;
     font-size: 13px;
    text-align: right;
    margin-top: 1px;
    font-weight: 400;
}
.data_box .div_data_box .div_data_box_font small{
  text-align: right;
    width: 100%;
}

.data_box .div_data_box .div_data_box_icon{
  display: flex; 
  width: 30%;
}

.data_box .data_box_count div a span:first-child{
  font-size: 20px;
    color: blue;
}

.mypage_infoarea_new .board_container .board_left .line_container .eight_boxes_container { width: 272px; height: 136px; }
.mypage_infoarea_new .board_container .board_left .line_container .eight_boxes_container .middle_line { display: flex; }
.mypage_infoarea_new .board_container .board_left .line_container .eight_boxes_container .middle_line .small_box { width: 63px; height: 63px; margin-right: 5px; margin-bottom: 0px; text-align: center; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; }
.mypage_infoarea_new .board_container .board_left .line_container .eight_boxes_container .middle_line .long_box { width: 204px; height: 63px; margin-right: 5px; margin-bottom: 0px; text-align: center; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; }


.mypage_infoarea_new .board_container .board_left .cert_history { 
  width: 415px; 
  height: 150px; 
  border-top:1px solid #ededed; 
  border-bottom: 1px solid #ededed; 
  border-left:1px solid #dedede;
  border-right:1px solid #dedede; 
  #margin-top:20px; 
  margin-bottom:20px; 
}
.mypage_infoarea_new .board_container .board_left .cert_history .title_area { height: 20px; }
.mypage_infoarea_new .board_container .board_left .cert_history .title_area span { font-style: initial; margin-left: 10px; }
.mypage_infoarea_new .board_container .board_left .cert_history .title_area small { float: right; margin-right: 5px; }
.mypage_infoarea_new .board_container .board_left .cert_history .footer_area { 
  height: 20px; 
  margin-bottom: 0; 
  text-align: center; 
  display: flex;
}

.mypage_infoarea_new .board_container .board_left .cert_history .footer_area .footer_area_msg { 
  width: 80%;
}

.mypage_infoarea_new .board_container .board_left .cert_history .footer_area .footer_area_button { 
  width: 20%;
  text-align: right;
  margin-right: 5px; 
}


.mypage_infoarea_new .board_container .board_left .community { width: 415px; height: 190px; border-top:1px solid #ededed; border-bottom: 1px solid #ededed; border-left:1px solid #dedede;border-right:1px solid #dedede; margin-top:20px; margin-bottom:20px; }
.mypage_infoarea_new .board_container .board_left .community .title_area { height: 20px; margin-bottom: 20px; }
.mypage_infoarea_new .board_container .board_left .community .title_area span { margin-left: 5px; }
.mypage_infoarea_new .board_container .board_left .community .mine_area { display: flex; }
.mypage_infoarea_new .board_container .board_left .community .mine_area .mine_write { width: 207px; margin-left: 5px;}
.mypage_infoarea_new .board_container .board_left .community .mine_area .mine_reply { width: 207px; }
.mypage_infoarea_new .board_container .board_left .community .lately_area { display: flex; }
.mypage_infoarea_new .board_container .board_left .community .lately_area .title { width: 70px; text-align: center; vertical-align: center}
.mypage_infoarea_new .board_container .board_left .community .lately_area .title p { margin: auto; }
.mypage_infoarea_new .board_container .board_left .community .lately_area .content { width: 345px; }

.mypage_infoarea_new .board_container .board_right { width: 415px; margin-left: 4px; }
.mypage_infoarea_new .font_big {font-size:32px;text-align: center;}

.profile_line {
  display: flex;
  height:180px; 
  margin-bottom:20px; 
}

.mypage_infoarea_new .board_container .board_right div .profile_history { 
    border-top:1px solid #ededed; 
    border-bottom: 1px solid #ededed; 
    border-left:1px solid #dedede;
    border-right:1px solid #dedede; 
    #height:150px; 
    width: 415px;
    margin-right: 10px;
    margin-bottom: 0px;
}
.mypage_infoarea_new .board_container .board_right div .profile_history div{ 
  margin-bottom: 0px;
}

.mypage_infoarea_new .board_container .board_right div .profile_history .profile_date{ 
  margin-bottom: 0px;
}

.mypage_infoarea_new .board_container .board_right div .profile_history .title_area { 
  margin-left: 10px;
  margin-bottom:5px;
}

.mypage_infoarea_new .board_container .board_right div .profile_history .content_area { 
  margin-left: 10px;
  margin-bottom: 50px;
}


.profile_date{
  margin-left: 10px; 
}

.mypage_infoarea_new .board_container .board_right div .profile_photo { 
    border-top:1px solid #ededed; 
    border-bottom: 1px solid #ededed; 
    #height:150px; 
    border-left:1px solid #dedede;
    border-right:1px solid #dedede; 
    margin-bottom: 0px;
      width: 190px;
    
}

.mypage_infoarea_new .board_container .board_right div .profile_photo .title_area { 
  margin-left: 10px;
  margin-bottom:5px;
}

.mypage_infoarea_new .board_container .board_right div .profile_photo .content_area { 
  text-align: center;
}

.mypage_infoarea_new .board_container .board_right div .profile_photo .content_area div { 
  font-size: 50px;
  font-weight: 400;
}

.mypage_infoarea_new .board_container .board_right div .profile_photo .content_area small { 
  font-size: 9px;
}

.mypage_infoarea_new .board_container .board_right .advertisement { border-top:1px solid #ededed; border-bottom: 1px solid #ededed; height:220px; border-left:1px solid #dedede;border-right:1px solid #dedede; margin-top:20px; margin-bottom:20px; }
.mypage_infoarea_new .board_container .board_right .advertisement .content { height: 195px; background-color: #85c5e5; margin: 10px; }

svg.wait {color:darkgrey;}
svg.complete {color:#48cdc4;}
svg.cancel {color:darkgrey;}


/* Upload 팝업 */
.upload_pup_con{display:none;}
.upload_pup_wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:1040;display:none;overflow:auto;}
.upload_pup_wrap .upload_pup_con_1{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:430px;
  height:395px;
  background-color:#fff;
  display:none;
  margin:100px auto;
}
.upload_pup_wrap .upload_pup_con_1 > .upload_pup_head{position:absolute;top:-50px;right:0px;}
.upload_pup_wrap .upload_pup_con_1 > .upload_pup_head > button{float:right;position:absolute;top:7px;right:0;text-indent:-9999px;border:none;background:none;width:29px;height:29px;z-index:4;background-image:url(../images/main/close.png);}

.graytxt-title{color: #8e8e8e;font-size: 14px;}

.cert-table{width: 100%;text-align: center;}
.alaram-table{width: 100%;text-align: left;}
.alaram-table tr td {text-align: left;padding: 5px;}

.border-r1{border-top-style: none;border-right: 1px #e5e5e5 solid;border-bottom-style: none;border-left-style: none;}

.cert-img{width: 50px;}

[data-tooltip-text]:hover {
  position: relative;
}

[data-tooltip-text]:hover:after {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  content: attr(data-tooltip-text);
  margin-bottom: 10px;
  top: 130%;
  left: 0;    
  padding: 7px 12px;
  position: absolute;
  width: auto;
  min-width: 200px;
  max-width: 600px;
  word-wrap: break-word;
  z-index: 1050;
}

/* 메인화면 제외버튼 디자인 추가 */
.input_area .input_mid_area .box_tit .except { background: #bebebe; color:#fff; border: 0; padding: 3px; width: 38px; border-radius: 3px; margin-right:59px;}
.input_area .input_mid_area .box_tit .except.on { background: #48cdc4; color:#fff; border: 0; padding: 3px; width: 38px; border-radius: 3px}

/* 아이디-비밀번호 찾기 */
.idpw{border:1px solid #eee; border-top:3px solid #48cdc4;height: 476px;}
.idpw_left{width:50%;float:left; margin-top: 5%; padding-left: 5%; border-right:1px solid #eee;}
.idpw_right{width:50%;float:left; margin-top: 5%; padding-left: 5%;}
.idpw_span{font-weight: 500;font-size: 32px;}
.idpw_detail_box{margin-top: 30px;}
.idpw_detail_box .idpw_article{padding-bottom:50px; clear: both;}
.idpw_detail_box .idpw_article .idpw_check{width:401px; height:53px; background:#48cdc4; text-align: center; border:none; font-size:18px; color:#fff;}
.idpw_detail_box .idpw_article .idpw_info{float:left;}
.idpw_detail_box .idpw_article .idpw_info .name{padding-right: 15px; width: 150px; vertical-align: middle;}
.idpw_detail_box .idpw_article .idpw_info .idpw_text{margin-left: 10px; width: 290px;}
.idpw_detail_box .idpw_article .idpw_info .idpw_phone{margin-left: 10px;}
.idpw_detail_box .idpw_article .idpw_notice .notice{width: 150px; vertical-align: middle;color: #bebebe;}
.idpw input[type=text]{height:33px; border:1px solid #eeeeee; margin-right:10px; padding-left:5px;}
.idpw input[type=password]{height:33px; border:1px solid #eeeeee; margin-right:10px; padding-left:5px;}

/* 아이디 찾기 */
.find_id{border:1px solid #eee; border-top:3px solid #48cdc4;height: 416px;}
.find_id .find_id_box{border:1px solid #eee;margin-top: 75px;margin-left: 320px;height: 190px;width: 438px;}
.find_id .find_id_box .find_id_info{border-bottom: 1px solid #eee;height: 90px;width: 357px;margin-top:4px;margin-left: 40.5px;}
.find_id .find_id_box .find_id_info .find_id_idInfo .find_id_let{float:left; margin-top: 25px;}
.find_id .find_id_box .find_id_info .find_id_idInfo .find_id_let.column_id{font-weight: 500;font-size: 20px; color:#48cdc4;width: 105px;margin-left: 50px;}
.find_id .find_id_box .find_id_info .find_id_idInfo .find_id_let.column_phone{font-weight: 500;font-size: 20px; color:#48cdc4;width: 105px;margin-left: 30px;}
.find_id .find_id_box .find_id_info .find_id_idInfo .find_id_let.column_user_id{font-weight: 500;font-size: 20px;width: 150px;}
.find_id .find_id_box .find_id_info .find_id_idInfo .find_id_let.column_phone_num{font-weight: 500;font-size: 20px;width: 160px;margin-left: 20px;}
.find_id .find_id_box .find_id_info .find_id_noticeInfo{clear: both;}
.find_id .find_id_box .find_id_info .find_id_noticeInfo .find_info_let{font-weight:400;font-size: 13px;margin-left: 50px;color: #bebebe;}
.find_id .find_id_box .find_id_info .find_id_phone{margin-top: 28px;margin-left: 78px;font-size: 25px;}
.find_id .find_id_button_box .find_id_send_mail{width:436px;margin-left: 320px;height:53px; background:#48cdc4; text-align: center; border:none; font-size:18px; color:#fff;}
.find_id .find_id_link{text-align:center; margin-top:20px; margin-bottom:50px;}
.find_id .find_id_link a{font-weight:400; font-size:15px; color:#777; vertical-align: middle; }
.find_id .find_id_link a:last-child{color:#28c6bb;}
.find_id .find_id_link span{font-size:13px; color:#d1d1d1; padding:0 4px;vertical-align: middle;}

.csm_tit{width:1080px;}
.csm{border:1px solid #eee; border-top:3px solid #48cdc4;height: 200px;}
.csm_article{margin-top:30px;}
.csm_span_title{font-weight: 500;font-size: 32px;margin-bottom:10px;margin-left:20px;}
.csm_span{font-weigh:400;font-size:15px;;color:#777;margin-left:20px;margin-bottom:5px;}
.csm_span2{font-size:18px; color:#bebebe;margin-left: 20px;}

/** 목록형 기본 테이블 */
.def-table-area{
  min-width : 300px;
  min-height: 280px;
}

.def-table-area .def-table-header .def-table-header-title{
  border-bottom : 1px solid #b1b1b1;
}

.def-table-area .def-table-header .def-table-header-title p{
  color: #777;
  font-size: 20px;
  font-weight:600;
  display: inline;
}
.def-table-area .def-table-header .def-table-header-title .summary{
  color: #bbbbbb;
  line-height: 30px;
}

.def-table{
  margin-top:5px;
  width : 100%;
  border-top: 2px solid #48cdc4;
}
.def-table tr th{
  height: 50px;
  border-bottom : 1px solid #e4e4e4;
  background-color: #f5f9fa; 
  text-align: center;
  font-weight: 500;
}
.def-table tr td{
  height: 50px;
  border-bottom : 1px solid #e4e4e4;
}

/* 정렬 */
.center-txt{
text-align: center !important;
}
.right-txt{
text-align: right !important;
}
.left-txt{
text-align: left !important;
}
.pull-r{
float: right !important;
}

/** 링크없는 a tag */
a.no-link:hover{
  cursor: pointer;
}


/** 나의 서류인증 페이지*/
ul.cert_info{
  font-size: 12px;
    margin-left: 5px;
  
}
ul.cert_info li:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 6px 0px;
}

.cert_contetns_area{
  display: flex;
  
}

.prof_msg {
    color: red;
    text-align: center;
    font-size: 10px;
}

/* jdSlider next prev 버튼 */
.jd-slider .jd-slider-control {
	background: rgba(204,204,204,0.8);
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:6%;
    color: #fff;
    text-align: center;
    opacity: .5;
}

/* 서류 인증 */
.cert-row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;justify-content:center;}
.cert-col {display:inline-block;-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%;}

/* 서비스 알람 */
.service-alarm-item { display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0; }
.service-alarm-item span { display:inline-block;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding:2px;margin:0;font-size:small; }
.service-alarm-item span:nth-child(2) {-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%;}

.arrownoteMaxLength{position:absolute;bottom:10px;right:10px;}



/*디자인 리뉴얼 20200416*/
.clear::after { clear: both; display: block; content: '';}
.mypage_infoarea_new a:hover, .my_menu_cont a:hover, .my_setting_cont a:hover { text-decoration:none !important; }
button {border: none; outline: 0;}
/*마이페이지*/
.mypage_infoarea_new .notice_box {padding: 13px 16px 13px 40px; border: 1px solid #e4e4e4; border-radius: 8px; box-sizing: border-box; position: relative;}
.mypage_infoarea_new .notice_box::before {content:""; background: url("../img/sub/a-my_notice.png") center no-repeat; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 17px; height: 16px;}
.mypage_infoarea_new .notice_box .title_area {text-indent: -99999px; width: 0px; margin: 0;}
.mypage_infoarea_new .notice_box .content_area {margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%;}
.mypage_infoarea_new .notice_box .more_area { text-indent: -99999px; position: absolute;  right: 16px; width: 20px; height: 20px;}
.mypage_infoarea_new .notice_box .more_area a {height: 100%; width: 100%; display: block; position: absolute; right: 0; transition: all 0.5s ease;}
.mypage_infoarea_new .notice_box .more_area a:hover {transform: rotate(180deg);}
.mypage_infoarea_new .notice_box .more_area a::after { content: ""; width: 2px; height: 12px; background: #48cdc4;position: absolute; top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%);}
.mypage_infoarea_new .notice_box .more_area a::before {content: ""; width: 12px; height: 2px;   background: #48cdc4; position: absolute;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%);}


.my_menu_cont {width: 854px; position: relative; margin-bottom: 27px!important;}
.my_menu_cont div, .my_setting_cont div {margin-bottom: 0;}
.my_menu_cont .sec01 > div, .my_menu_cont .sec02 .part .menu {transition: all 0.5s ease;}
.my_menu_cont .sec01 > div:hover, .my_menu_cont .sec02 .part .menu:hover {border:1px solid #48cdc4;}
.my_menu_cont .sec01 {width: 290px; margin-right: 6px; display: inline-block;  float: left;}
.my_menu_cont .sec01 .profile {width: 100%; display: block; background: #48cdc4; border-radius: 8px; padding: 18px;height: 146px; margin-bottom: 6px;box-sizing: border-box; border: 1px solid #48cdc4;}
.my_menu_cont .sec01 .profile .img {overflow: hidden; width: 110px; height: 110px; float: left; display: inline-block; border-radius: 100%; position: relative;}
.my_menu_cont .sec01 .profile .img img {position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);}
.my_menu_cont .sec01 .txt_wrap {padding-left: 18px; display: inline-block;}
.my_menu_cont .sec01 .txt_wrap .greet {color: #fff;}
.my_menu_cont .sec01 .txt_wrap .tit {color: #fff;}
.my_menu_cont .sec01 .txt_wrap .tit .name {font-size: 20px; font-weight: 500;}
.my_menu_cont .sec01 .txt_wrap .more {width: 124px;display: inline-block;position: relative;float: left; color: #fff; margin-top: 30px;}
.my_menu_cont .sec01 .txt_wrap .more i {display: inline-block; width: 12px; height: 20px;  float: right; transition: all 0.5s ease;}
.my_menu_cont .sec01 .txt_wrap .more:hover {text-decoration:none; }
.my_menu_cont .sec01 .txt_wrap .more:hover i {transform: rotate(180deg);}
.my_menu_cont .sec01 .txt_wrap .more i::after {content: ""; width: 2px; height: 12px; background: #fff; position: absolute; top: 50%;right: 5px; transform: translateY(-50%);}
.my_menu_cont .sec01 .txt_wrap .more i::before {content: "";width: 12px;height: 2px;background: #fff;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.my_menu_cont .sec01 .search {width: 100%; display: block; border:1px solid #e4e4e4; border-radius: 8px; padding: 7px 12px;height: 38px; box-sizing: border-box;}
.my_menu_cont .sec01 .search .txt {display: inline-block; color:#999; }
.my_menu_cont .sec01 .search .state {float: right; color: #48cdc4;}
.my_menu_cont .sec01 .search .state img {margin: 0 0 3px 4px;}
.my_menu_cont .sec02 {width: 558px; display: inline-block;  float: left;}
.my_menu_cont .sec02 .part .menu {width: 182px; height: 92px; box-sizing: border-box; border: 1px solid #e4e4e4; border-radius:8px; float: left; display: inline-block; padding: 25px 15px; margin: 0 6px 6px 0;}
.my_menu_cont .sec02 .part.part2 .menu {margin-bottom: 0;}
.my_menu_cont .sec02 .part .menu:nth-child(3) {margin-right: 0;}
.my_menu_cont .sec02 .part .menu .ico {width: 31px; height:31px; background: url("../img/sub/a-my_m1.png") center no-repeat;display: inline-block; float: left;}
.my_menu_cont .sec02 .part .menu.menu2 .ico {background-image: url("../img/sub/a-my_m2.png");}
.my_menu_cont .sec02 .part .menu.menu3 .ico {background-image: url("../img/sub/a-my_m3.png");}
.my_menu_cont .sec02 .part .menu.menu4 .ico {background-image: url("../img/sub/a-my_m4.png");}
.my_menu_cont .sec02 .part .menu.menu5 .ico {background-image: url("../img/sub/a-my_m5.png");}
.my_menu_cont .sec02 .part .menu.menu6 .ico {background-image: url("../img/sub/a-my_m6.png");}
.my_menu_cont .sec02 .part .menu .txt_wrap {display: inline-block; float: right; text-align: right;}
.my_menu_cont .sec02 .part .menu .txt_wrap .tit {font-size: 12px; font-weight: 400;}
.my_menu_cont .sec02 .part .menu .txt_wrap .count span, .my_menu_cont .sec02 .part .menu .txt_wrap .count a {color:#48cdc4; font-size: 18px; font-weight: 600;}
.my_menu_cont .sec02 .part .menu .txt_wrap .count span.receivedCountTotal, .my_menu_cont .sec02 .part .menu .txt_wrap .count span.slash {font-size: 14px; color:#999;}


.my_setting_cont {width: 854px; position: relative; margin-bottom: 0!important;}
.my_setting_cont > div {display: block; width: 100%;}
.my_setting_cont .part {display: inline-block; width: 422px; box-sizing: border-box; float: left; margin: 0 0 10px 0; border: 1px solid #e4e4e4; border-radius: 8px; padding: 18px;}
.my_setting_cont div .part:nth-child(2n) {margin-left:10px;}
.my_setting_cont .sec01 .part {height: 150px; }
.my_setting_cont .sec03 .part {height: 130px; }
.my_setting_cont .sec01 .part.group {border:none; padding: 0;}
.my_setting_cont .sec01 .part.group .part02 {display:inline-block; float: left; border: 1px solid #e4e4e4; border-radius: 8px; overflow: hidden; margin-right: 10px; width: 220px; height: 150px;}
.my_setting_cont .sec01 .part.group .part02 img {width: 220px; height: 150px; padding: 0;}
.my_setting_cont .sec01 .part.group .part03 {display:inline-block; float: left; border: 1px solid #e4e4e4; border-radius: 8px; width: 192px; height: 150px; padding: 18px;}
.my_setting_cont .part .top .tit {font-weight: 500; padding-left: 18px; position: relative; display: inline-block; background: url("../img/sub/a-my_hexa.png") center left no-repeat;}
.my_setting_cont .more {display: inline-block; width: 20px; height: 20px; float: right;position: relative;transition: all 0.5s ease;}
.my_setting_cont .more:hover {transform: rotate(180deg);}
.my_setting_cont .more::after { content: ""; width: 2px; height: 12px; background: #48cdc4;position: absolute; top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%);}
.my_setting_cont .more::before {content: ""; width: 12px; height: 2px;   background: #48cdc4; position: absolute;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%);}
.my_setting_cont .part .cont {margin-top: 30px; color:#666;}
.my_setting_cont .sec01 .part.part01 .cont {margin-top: 20px;}
.my_setting_cont .sec01 .part .cont .cont02 {margin-top: 15px;}
.my_setting_cont .sec01 .part03 .cont .font_big {text-align: right;font-size: 18px; color: #999; word-spacing: 0; margin-top: 40px;}
.my_setting_cont .sec01 .part03 .cont .font_big .big {font-size: 36px; font-weight: 500; color: #48cdc4;}
.my_setting_cont .sec02 .part .cont .cont02 {margin-top: 20px;}
.my_setting_cont .cont .info-small {margin:0; background: url("../img/sub/a-my_warn.png") center left no-repeat;padding-left: 15px; color: #999;}
.my_setting_cont .sec02 .part04 .cont02 span {font-size:12px; color:#999;}
.my_setting_cont .sec02 .cont label {margin: 0px; display: block;  padding-bottom: 4px;}
.my_setting_cont .sec02 .cont label .check-icon  { display: inline-block; width: 19px; height: 17px; background: url(../img/sub/a-chk_off.png) left top 2px no-repeat; vertical-align: middle; float: left; }
.my_setting_cont .sec02 .cont label input[type=checkbox] { display: none; }
.my_setting_cont .sec02 .cont label input[type=checkbox]:checked + .check-icon { background-image: url("../img/sub/a-chk_on.png"); }
.my_setting_cont .sec02 .cont label .radio-icon  { display: inline-block; width: 19px; height: 19px; background: url(../img/sub/a-rad_off.png) left top 2px no-repeat; vertical-align: middle; float: left; margin-right: 2px;}
.my_setting_cont .sec02 .cont label input[type=radio] { display: none; }
.my_setting_cont .sec02 .cont label input[type=radio]:checked + .radio-icon { background-image: url("../img/sub/a-rad_on.png"); }
.my_setting_cont .sec03 .part05 .tit span { width: 17px; height: 20px; display: inline-block; float: right; background: url(../img/sub/a-my_info.png) center left no-repeat;margin-left: 7px;}
.my_setting_cont .sec03 .part05 .cont01 form span {margin-right: 15px;}
.my_setting_cont .sec03 .part05 .cont01 form span .input-text {width: 60px; margin: 0; padding: 0;}
.my_setting_cont .sec03 .part05 .cont01 form .s03 .check-icon  { display: inline-block; width: 19px; height: 17px; background: url(../img/sub/a-chk_off.png) left top 2px no-repeat; vertical-align: middle; height: 21px; }
.my_setting_cont .sec03 .part05 .cont01 form .s03 input[type=checkbox] { display: none; }
.my_setting_cont .sec03 .part05 .cont01 form .s03 input[type=checkbox]:checked + .check-icon { background-image: url("../img/sub/a-chk_on.png"); }




/****하트충전****/
.heart_wrap .state {width: 100%; padding: 20px; background: #48cdc4; box-sizing: border-box; border-radius: 8px; }
.heart_wrap .state .hrt {float: left; display: inline-block; background:url("../img/sub/a-hrt_w.png") center no-repeat; width: 58px; height: 52px;}
.heart_wrap .state .txt {float: right; display:inline-block; color:#fff; padding-top: 17px; font-size: 12px;}
.heart_wrap .state .txt span {font-size: 24px; font-weight: 500; padding: 0 5px 0 10px;}
.heart_wrap .sec {margin: 45px 0;}
.heart_wrap .sec .tit, .heart_wrap .sec ul, .heart_wrap .sec ul li {display: inline-block; float: left;}
.heart_wrap .sec .tit {font-weight: 500; padding-left: 18px; background: url("../img/sub/a-my_hexa.png") center left no-repeat; font-size: 14px; width: 168px;}
.heart_wrap .heart-group .heart-box > div {padding: 0;}
.heart_wrap .sec .heart-group, .heart_wrap .sec .payment-method {width: auto;}
.heart_wrap .sec ul li { border: 1px solid #e4e4e4;  border-radius: 8px; padding: 10px 0; text-align: center; width: 160px; margin:0 10px 0 0; box-sizing: border-box;}
.heart_wrap .sec ul li:last-child {margin-right: 0;}
.heart_wrap .sec .heart-box h2 {font-size: 12px; display: inline-block;background: url("../img/sub/a-hrt_b.png") center left no-repeat; border-bottom: 1px solid #e4e4e4; padding:0 0 7px 28px; margin-bottom: 7px;}
.heart_wrap .sec .heart-box h2 .amount {font-size: 24px; font-weight: 500;}
.heart_wrap .sec .heart-box .price {font-size: 12px;}
.heart_wrap .sec .heart-box .price .num {padding: 0 2px 0 6px;}
.heart_wrap .sec .payment-method li div {padding-top: 35px; margin-top: 10px;background: url("../img/sub/a-hrt_crd.png") center top no-repeat; }
.heart_wrap .sec .payment-method li.virt div {background-image: url("../img/sub/a-hrt_vrt.png"); }


/****화살쪽지****/
.message_wrap {border-radius: 8px; overflow: hidden;}
.lay_pup_wrap3 .lay_pup_con_3.message_wrap .lay_pup_head button {background: url("../img/sub/a-ms_close.png") center no-repeat;}
.lay_pup_wrap3 .lay_pup_con_3.message_wrap .lay_pup_head {top: 8px; right: 18px;}
.message_wrap .arrownote_pop .tabcont { padding: 60px 30px 20px 36px;}
.message_wrap .arrownote_pop .tabcont .tabinner {height: 527px;}
.message_wrap .ms_date {font-size: 12px;}
.message_wrap .ms_cont.user {text-align: right;}
.message_wrap .ms_cont .tit {font-size: 12px; color: #555; display: inline-block; font-weight: 400; }
.message_wrap .ms_cont.user .tit {text-align: right;}
.message_wrap .ms_cont .tit .date {color:#999; padding-left: 5px; }
.message_wrap .ms_cont .info .img { overflow: hidden; height: 55px; width: 55px; display:inline-block;  border-radius: 100%;  position: relative;text-align: left;}
.message_wrap .ms_cont .info .img img {width: 100%; position: absolute; top: 50%;transform: translateY(-50% );}
.message_wrap .ms_cont .ms_txt .txt {padding: 10px 25px;  margin: 10px; display: inline-block; background: #47cdc4; color: #fff;  border-radius: 30px 0 30px 30px;text-align: left !important;}
.message_wrap .ms_cont.reply .ms_txt .txt {border-radius: 0 30px 30px 30px; color: #555; background: #eee;}
.message_wrap .arrownote_pop .message-box { width: 100%; height: 114px; background: #e4e4e4;}
.message_wrap .info_wrt2 textarea {margin: 15px 10px 0 20px; border-radius: 8px;padding: 5px;    width: 360px; height: 80px;}
.message_wrap .message-box .ms_limit {font-size: 12px; color: #999;bottom: 15px;right: 20px;}
.message_wrap .message-box .ms_limit strong {font-weight: 500;color: #333;}
.message_wrap .message-box .info_wrt2 button {height: 54px;width: 87px; margin-top: 15px; background-color: #48cdc4; color: #fff;box-sizing: border-box; border:none; border-radius: 8px; transition: all 0.5s ease;}
.message_wrap .message-box .info_wrt2 button:hover {background-color: #3db1a9;}
.message_wrap .message-box .info_wrt2 button > span {padding-left: 20px;background: url("../img/sub/a-ms_btn.png") center left no-repeat; }



/********회원 검색*********/

.search_top_wrap.sub_form_area .input_btm_area2 > .find_result {font-weight: 500; position: relative; background: #48cdc4 url(../img/sub/a-src_btn.png) center left 85px no-repeat;padding-left: 20px;}
.search_top_wrap.sub_form_area .input_btm_area2 > .find_result:hover {background-color:#3db1a9;}
.sub_form_area .close_btn { background: url(../img/sub/a-src_close.png) no-repeat;background-position-x: 50%;}
.sub_form_area .search_open { background: url(../img/sub/a-src_open.png) no-repeat;  background-position-x: 50%;}
.search_con_wrap a:hover{ text-decoration:none}
.search_con_wrap .result_list li {margin: 0 20px 53px 0; padding: 0;border:none;width: 200px;height: auto;}
.search_con_wrap .result_list li:nth-child(5n) {margin-right: 0;}
.search_con_wrap .result_list li .img {width: 100%; height: 200px; overflow: hidden;  border-radius: 8px; position: relative; transition: all 0.5s ease;}
.search_con_wrap .result_list li > a .img::before {content: "";position: absolute; width: 100%; height: 100%; box-sizing: border-box; z-index: 1; border-radius: 10px;border:3px solid rgba(72, 205, 196,0); transition: all 0.3s ease;}
.search_con_wrap .result_list li > a:hover .img::before { border:3px solid #48cdc4; }
.search_con_wrap .result_list li .img img {width: 100%; height: auto; position: absolute;  transform: translate(-50%, -50%); top: 50%;  left: 50%;}
.search_con_wrap .result_list li .info {text-align: center; margin:10px 0;}
.search_con_wrap .result_list li .name {font-size: 18px; font-weight: 500; color: #555;}
.search_con_wrap .result_list li .detail {font-size:10px; color: #999;}
.search_con_wrap .result_list li .detail .vrf {color: #fff; font-weight: 500; padding: 1px 5px 2px 4px; background: #48cdc4; margin-left: 5px; border-radius: 20px; line-height: 10px;  text-align: center;}
.search_con_wrap .result_list li .result_btn { text-align: center; width: 100%; padding: 10px 0; border: 1px solid #48cdc4; border-radius: 50px; font-size: 16px;  color: #48cdc4; font-weight: 500; padding-right: 20px; box-sizing:border-box; transition: all 0.5s ease; background:#fff url("../img/sub/a-src_b.png") right 50px top 16px no-repeat; }
.search_con_wrap .result_list li .result_btn:hover {background: #48cdc4 url(../img/sub/a-src_w.png) right 50px top 16px no-repeat; color: #fff;}

/**********마이페이지 프로필***********/
.profile_pop .tabcont .prof_info .info_table, .profile_wrap .profile_pop .tabcont .prof_info .info_table tr td, .profile_pop .tabcont .prof_info .info_table tr th {border: none;}
.profile_pop .tabcont .prof_info .info_table tr th {background: url(../img/sub/a-my_hexa.png) left 4px top 16.5px no-repeat; text-align: left; vertical-align: top; padding-left: 20px; background-size: 10px;}
.profile_wrap .profile_pop .tabcont .prof_info .info_table tr {border-bottom: 1px dashed #e4e4e4;}
.profile_wrap .profile_pop .tabcont .prof_info .info_table tr td {color: #999;}
.profile_wrap .profile_pop .tabcont .prof_info .info_table .info_wrt textarea {border-radius: 8px; border: none; background: #f0f8ff;}
.profile_wrap .profile_pop .tabcont .profimg #photo-main {border-radius: 8px;border: 3px solid #48cdc4;}
.profile_wrap .profile_pop .tabcont .prof_info .info_table .bodl {border-left: none;}









/***********서비스 소개: 0421작업***********/
.heartTable table tbody tr:first-child { background: #f1f9fc;}

.srvc_0421 .heartTable {margin-bottom: 50px;}
.srvc_0421 .heartTable .w33 {width: 33.33%;}
.srvc_0421 .heartTable strong {font-weight: 400; color: #48cdc4;}
.srvc_0421 .heartTable .hl {background: #fff1f1;}
.srvc_0421 .heartTable .info {font-size: 14px; color: #777; font-weight: 400;}
.srvc_0421 .usage .sec {margin-bottom: 50px;}
.srvc_0421 .usage .sec .tit {font-weight: 500; padding-left: 18px; background: url(../img/sub/a-my_hexa.png) top 6px left no-repeat; font-size: 16px; width: 168px;margin-bottom: 20px;}
.srvc_0421 .usage .sec .step {width: 176px; display: inline-block; float: left; position: relative;}
.srvc_0421 .usage .sec .step .img {width:100%; height: 176px;background: url(../img/sub/a-usg01.jpg) center/cover no-repeat; border-radius: 11px;     border: 3px solid #d8d8d8;}
.srvc_0421 .usage .sec1 .step2 .img {background-image: url(../img/sub/a-usg02.jpg);}
.srvc_0421 .usage .sec1 .step3 .img {background-image: url(../img/sub/a-usg03.jpg);}
.srvc_0421 .usage .sec1 .step4 .img {background-image: url(../img/sub/a-usg09.jpg);}

.srvc_0421 .usage .sec2 .step1 .img {background-image: url(../img/sub/a-usg04.jpg);}
.srvc_0421 .usage .sec2 .step2 .img {background-image: url(../img/sub/a-usg05.jpg);}
.srvc_0421 .usage .sec2 .step3 .img {background-image: url(../img/sub/a-usg06.jpg);}
.srvc_0421 .usage .sec2 .step4 .img {background-image: url(../img/sub/a-usg07.jpg);}
.srvc_0421 .usage .sec2 .step5 .img {background-image: url(../img/sub/a-usg08.jpg);}

.srvc_0421 .usage .sec3 .step1 .img {background-image: url(../img/sub/a-usg04.jpg);}
.srvc_0421 .usage .sec3 .step2 .img {background-image: url(../img/sub/a-usg07.jpg);}
.srvc_0421 .usage .sec3 .step3 .img {background-image: url(../img/sub/a-usg05.jpg);}
.srvc_0421 .usage .sec3 .step4 .img {background-image: url(../img/sub/a-usg06.jpg);}
.srvc_0421 .usage .sec3 .step5 .img {background-image: url(../img/sub/a-usg08.jpg);}


.srvc_0421 .usage .sec .step .txt {margin: 10px 0;}
.srvc_0421 .usage .sec .step .txt p {font-size: 14px;margin-top: 5px; }
.srvc_0421 .usage .sec .step .txt span.title {color: #37bbb2; font-weight: 600;font-size: 16px; position: relative;}
.srvc_0421 .usage .sec .step .txt span.title::after { position: absolute;content: "";width: 100%; height: 6px; background: #bbfff0;  left: 0; bottom: 2px;z-index: -1;}
.srvc_0421 .usage .sec .step span.info {font-size: 12px; margin-top: 3px;    display: block;word-spacing: -1px;}
.srvc_0421 .usage .sec .arw {width: 50px; height: 176px; display: inline-block;  float: left; background: url(../img/sub/a-usg_arw.png) center/40% no-repeat;}
.srvc_0421 .usage .warn {margin-top: 20px;}
.srvc_0421 .usage .warn p {font-size: 14px;display: inline-block;}
.srvc_0421 .usage .warn .tit { margin-right: 10px; font-weight: 500;}



/* 공지사항 Rolling*/

.notice_box {border:2px solid #d81f25; padding:0 5px; height:20px; overflow:hidden; background:#fff; width:100px; font-family:Gulim; font-size:12px;}
.notice_box ul,
.notice_box li {margin:0; padding:0; list-style:none;}
/* 미사용부분 */
.notice_box li a {display:block; height:20px; line-height:20px; color:#555; text-decoration:none;}
.notice_box li span {padding:2px 5px; background:#d81f25; color:#fff; font-weight:bold; margin-right:3px;}