/* 20180326 css추가 */

.schedule .pyo table .calendar_icon01 {display:inline-block; position:absolute; width:32px; height:32px; background:url(../image/sub/calendar_icon01.png)no-repeat 0 0; border:none; outline:none; }
.schedule .pyo table .calendar_icon02 {display:inline-block; position:absolute; width:32px; height:32px; background:url(../image/sub/calendar_icon02.png)no-repeat 0 0; border:none; outline:none;}

.data ul li {width:295px; height:220px; border:1px solid #d6d6d6; float:left; box-sizing:border-box; margin-right:9px; float:left; margin-bottom:9px; text-align:center; position:relative;}
.data ul li:nth-child(2n+2) {margin-right:0px;}
.data ul li:hover {background:#fe6f5e; }
.data ul li:hover .txt {color:#fff;}
.data ul li a {display:block; width:100%; height:100%;}
.data ul li .plus {font-size:28px; color:#d6d6d6; position:absolute; top:15px; right:15px;}
.data ul li .txt {font-size:28px; font-weight:600; color:#666; }
.data ul li:hover .plus {color:#fff;}
.data ul li:nth-child(1) .txt {padding-top:150px; background:url(../image/sub/data_icon01.png)no-repeat 50% 35%;}
.data ul li:nth-child(1):hover .txt {padding-top:150px; background:url(../image/sub/data_icon01_on.png)no-repeat 50% 35%;}
.data ul li:nth-child(2) .txt {padding-top:150px; background:url(../image/sub/data_icon02.png)no-repeat 50% 35%;}
.data ul li:nth-child(2):hover .txt {padding-top:150px; background:url(../image/sub/data_icon02_on.png)no-repeat 50% 35%;}
.data ul li:nth-child(3) .txt {padding-top:150px; background:url(../image/sub/data_icon03.png)no-repeat 50% 35%;}
.data ul li:nth-child(3):hover .txt {padding-top:150px; background:url(../image/sub/data_icon03_on.png)no-repeat 50% 35%;}
.data ul li:nth-child(4) .txt {padding-top:150px; background:url(../image/sub/data_icon04.png)no-repeat 50% 40%;}
.data ul li:nth-child(4):hover .txt {padding-top:150px; background:url(../image/sub/data_icon04_on.png)no-repeat 50% 40%;}

.data02 ul li {width:295px; height:220px; border:1px solid #d6d6d6; float:left; box-sizing:border-box; margin-right:9px; float:left; margin-bottom:9px; text-align:center; position:relative;}
.data02 ul li:hover {background:#fe6f5e; }
.data02 ul li:hover .txt {color:#fff;}
.data02 ul li:nth-child(2n+2) {margin-right:0px;}
.data02 ul li a {display:block; width:100%; height:100%;}
.data02 ul li .plus {font-size:28px; color:#d6d6d6; position:absolute; top:15px; right:15px;}
.data02 ul li .txt {font-size:28px; font-weight:600; color:#666; }
.data02 ul li:hover .plus {color:#fff;}
.data02 ul li:nth-child(1) .txt {padding-top:150px; background:url(../image/sub/data_icon05.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(1):hover .txt {padding-top:150px; background:url(../image/sub/data_icon05_on.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(2) .txt {padding-top:150px; background:url(../image/sub/data_icon06.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(2):hover .txt {padding-top:150px; background:url(../image/sub/data_icon06_on.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(3) .txt {padding-top:150px; background:url(../image/sub/data_icon07.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(3):hover .txt {padding-top:150px; background:url(../image/sub/data_icon07_on.png)no-repeat 50% 35%;}
.data02 ul li:nth-child(4) .txt {padding-top:150px; background:url(../image/sub/data_icon08.png)no-repeat 50% 45%;}
.data02 ul li:nth-child(4):hover .txt {padding-top:150px; background:url(../image/sub/data_icon08_on.png)no-repeat 50% 45%;}



/* main css */



.content { padding:0 10px; display: inline-block; margin-bottom:50px; 
  }
  
.txt_box { position:absolute; top:0; left:0; background:rgba(255,255,255,0.5); width:400px; height:130px; bottom:0; margin:auto; font-size:24px; color:#000;box-sizing: border-box;
    padding: 20px 0;
    line-height: 30px; padding-left:20px;}
.txt_box span { font-size:28px; font-weight:600;}
/* 퀵메뉴 */
.qick_menu { padding:60px 20px; overflow:hidden; }
.qick_menu li { float:left; width:49.15%; height:130px; margin-right:10px; margin-bottom:10px;transition:2s;position: relative; overflow:hidden; box-sizing:border-box; display:table;}
.qick_menu li:nth-child(2n) { margin-right:0; }
.qick_menu li a { font-size:28px; color:#fff; font-weight:600;     width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 30px;position: relative;
    z-index: 3; vertical-align:middle; display:table-cell; }
	
.qick_menu li:hover a {opacity:0.3}

.qick_menu li:nth-child(1) { background:url(../image/main/q_icon01.png)no-repeat right 30px #eda649; border:4px solid #eda649; }
.qick_menu li:nth-child(1):hover {border:4px solid #fff;}
.qick_menu li:nth-child(2) { background:url(../image/main/q_icon02.png)no-repeat right 40px #ed8749; border:4px solid #ed8749; }
.qick_menu li:nth-child(2):hover {border:4px solid #fff;}
.qick_menu li:nth-child(3) { background:url(../image/main/q_icon03.png)no-repeat right 30px #edcc49; border:4px solid #edcc49;  }
.qick_menu li:nth-child(3):hover {border:4px solid #fff;}
.qick_menu li:nth-child(4) { background:url(../image/main/q_icon04.png)no-repeat right 30px #f46843;  border:4px solid #f46843;}
.qick_menu li:nth-child(4):hover {border:4px solid #fff;}
/*.qick_menu li:nth-child(1) a {padding: 46px 30px;}*/
.qick_menu li:nth-child(5) { width:100%; ;background:url(../image/main/q_icon05.png)no-repeat right 30px #fe6f5e;margin-bottom:0;  border:4px solid #fe6f5e;}
.qick_menu li .box01 {     position: absolute;
    background: rgba(255,255,255,0.2);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1; left:-400px;
}

.qick_menu li .box02 {     position: absolute;
    background: rgba(255,255,255,0.2);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1; right:-400px;
}
.qick_menu li .box03 {     position: absolute;
    background: rgba(255,255,255,0.2);
    width: 100%;
    height: 100%;
    top: -200px;
    z-index: 1; left:0px;
}
		
/* 센터소개 */
.main_center { width:100%; height:200px; background:url(../image/main/center.png)no-repeat; }
.main_center a { display:inline-block; width:100%; height:100%; padding-top:38px; box-sizing:border-box;}
.main_center a p { font-size:26px; color:#fff; text-align:right; margin-right: 30px;}
.main_center a .more { color:#fff; font-size:18px; display: inline-block;
    border: 2px solid #fff; width:100px; height:32px; position:relative; box-sizing:border-box; padding-right:10px; margin-top:15px; }
.main_center a .more .line { width:15px; height:2px ; background:#fff; display:inline-block;     position: absolute;
    left: 0;
    top: 14px;}	
	
/* 커뮤니티 */
.community {margin-top:60px; padding:0 20px;}
.tabs { width:100%; line-height:60px;   overflow:hidden; }
.tabs li {     width: 50%; float:left; text-align:center; border: 1px solid #ddd; box-sizing:border-box;}
.tabs li:first-child { border-right:0; }
.tabs li a { display:block; color:#888; font-size:26px; }
.tabs li a:hover, .tabs li.active, .tabs li.active a:hover { /* background: #eda649; */ background:#fe6f5e; color:#ffffff; box-sizing:border-box;}	
.tabs li.active a { color:#ffffff; }
.tab_container {padding:30px 20px;border: 1px solid #ddd;
    box-sizing: border-box;  border-top:0;}

.community .list li { margin-bottom: 25px; }
.community .list li:last-child { margin-bottom:0; }
.community .list li a { font-size:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; width:75%; 
}
.community .list li .day { float:right; font-size:22px; color:#888; }

/* 월간식단 */
.monthly { margin:60px 0; width:100%; height:220px;  position:relative; overflow: hidden; }
.monthly img { transition:1s;}
.monthly .txt_box02 { background:rgba(255,255,255,0.5); text-align:center; width:90%; height:140px; position:absolute; left:0; bottom:0; top:0; right:0; margin:auto; box-sizing: border-box;
       padding: 13px 0;}
.monthly .txt_box02 .txt01 { font-size:28px; color:#000; font-weight:600; }
.monthly .txt_box02 .txt02 { font-size:18px; color:#000;}
.monthly .click { color:#000; font-size:18px; display: inline-block;
    border: 2px solid #000; width:100px; height:32px; position:relative; box-sizing:border-box; padding-right:20px; margin-top:15px;     text-align: right;}
.monthly .click .line { width:15px; height:2px ; background:#000; display:inline-block;     position: absolute;
    left: 0;
    top: 14px;}	
	

/* 파트너 */
	
.slider_wrap {padding:20px 0 80px; border-top:1px solid #eee; margin-top:60px}
.slider2 { position:relative; width:100%; padding:0 20px; }
.slider2 .slick-prev, .slider2 .slick-next { display:block; text-indent:-9999px; width:0; height:0; position:absolute; z-index:100; border:none; top:-45px; cursor:pointer;}
.slider2 .slick-list { height:67px;}
.slider2 .list {height:65px; margin: 0 10px;}

.slider2 .list:last-child { margin-right:0; }
	
	
.data {width:600px; margin:50px auto 100px; }
.data .txt01 {color:#666; font-size:16px; line-height:26px;}
.data .txt02 {color:#333; font-size:24px; margin:40px 0 20px;}
.data .txt03 {color:#333; font-size:18px; margin:20px 0;}
	
	
/**************************** sub ******************************/	
	
/* sub 공통 */
.sub_menu { border-bottom:1px solid #fe6f5e; margin-bottom:40px;}
.sub_menu .top_title { line-height:72px; text-align:center; color:#fff; font-weight:600; font-size:30px; background:#fe6f5e;  }
.sub_menu ul:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.sub_menu ul {   display: table;
  margin-left: auto;
  margin-right: auto;  height:80px; line-height:80px;
}
.sub_menu ul .on a{ color:#fe6f5e; }
.sub_menu ul li { float:left; line-height:80px; margin:0 10px;}
.sub_menu ul li a { font-size:24px; color:#000; display:block; width:100%;}

.sub_content { padding:0 20px; padding-bottom:130px;    min-height: 650px;}


/* 기본 리스트 */
.basic_list { width:100%; border-top:1px solid #333; }
.basic_list td { height:80px;  text-align:left; border-bottom:1px solid #e3e3e3;padding-left:20px;  }
.basic_list td a { font-size:24px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; display:inline-block; width:400px;}
.basic_list td p { font-size:18px; color:#888; text-align:right; padding-right:20px; margin-top:10px;}

.basic_list td .day {font-size:18px; color:#888; float:right; margin-left:10px; padding-left:10px; margin-right:20px;     margin-top: 4px;}



	
/* 검색 */
	
.search_wrap { float:right; margin-bottom:10px; position:relative; }
.search_wrap select {  font-size:22px; width:120px; height:45px; border:1px solid #ccc; padding:0 10px; box-sizing:border-box;  -moz-appearance: none;
-webkit-appearance: none;
  appearance: none;
  background: url(../image/sub/arrow.png) no-repeat 90% 50% #fff; /* 화살표 모양의 이미지 */}
  select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
select,input { outline:none; }
.search_wrap input[type=text] {  width:200px; height:45px; border:1px solid #ccc; padding:0 10px;  box-sizing:border-box; margin-left:5px;  vertical-align: top; font-size:22px;}
.search_wrap input[type=image] { position:absolute; top:13px; right:10px; cursor:pointer; }	
	
	

/* 버튼 */
	
.write_btn {   float:right; margin-bottom:50px;}
.write_btn a{ display:inline-block; width:130px; line-height:52px;  border:1px solid #444; color:#444; font-size:22px; font-weight:600; text-align:center;}

	
	
	
	
	
	
/* 오시는길 */
.map img { border:1px solid #ddd; }	
.map table { width:100%; border-top:1px solid #000; margin-top:20px;}
.map table th, .map table td { border-bottom:1px solid #ddd;  }
.map table th { font-size:24px; color:#444; background:#f9f9f9; height:60px;}
.map table td { font-size:22px; color:#666; padding:7px 0; padding-left:10px; }
	
	
	
	
	
/* 인사말 */
.intro .top_txt01 { font-size:26px; color:#fe6f5e; margin-top:40px;  }
.intro .top_txt02 { font-size:24px; color:#333; line-height:30px; margin-top:15px;}
	
	
.intro .info_txt { padding:40px 20px 10px;  background:#fff5f4; margin:40px 0; }
.intro .info_txt p { font-size:21px; color:#666; line-height:30px; margin-bottom:30px;}	
.intro .name { font-size:22px; color:#666; float:right; }
.intro .name span { font-size:26px; }	
	
	
	
/* 오시는길 */	

.sel_meun1 { position: relative; z-index: 10; width:100%;
}
.sel_on { width: 100%;  height: 65px; display: inline-block; font-weight: 600; font-size: 24px; color: #fe6e5e; background: url(../image/sub/arrow.png) no-repeat 95% 50% #fff; line-height: 65px;  text-align: center;box-sizing:border-box; border:1px solid #fe6e5e
}
.sel_box { position: absolute;  background: #fff; top: 64px; width:100%; 
}
.sel_box ul { display: none; background: #fff; border: 1px solid #00469e; box-sizing:border-box;
}
.opn .sel_box ul { display: block; background: #fff; box-sizing:border-box; border: 1px solid #fe6e5e;}
.sel_box ul li a { display: inline-block; width: 100%; height: 50px; font-weight: 600; font-size: 24px; color:#fe6e5e; border: none; line-height: 50px; text-align: center;}
.schedule .pyo { margin-top:50px;}
.schedule .top_day {text-align:center; position:relative; }	
.schedule .top_day p { font-size:24px; color:#333; font-weight:600; }	
.schedule .top_day span { position:absolute; top:0; bottom:0; margin:auto; }
.schedule .top_day .prev { left:0; }
.schedule .top_day .next { right:0; }


.schedule .top_txt { text-align:center; font-size:28px;font-weight:600 }
.schedule .first_menu { overflow:hidden; margin-top:35px;}
.schedule .first_menu li { width:48%; text-align:center; margin-right:2%; border:1px solid #fe6e5e; float:left; line-height:70px; font-size:24px; margin-bottom:2%;}
.schedule .first_menu li:hover {background:#fe6e5e}
.schedule .first_menu li:hover a {color:#fff;}
.schedule .first_menu li a { color:#fe6e5e; display:inline-block; width:100%; height:100%;}
.schedule .first_menu li:nth-child(even) { margin-right:0;}
.schedule .pyo table { width:100%; margin-top:35px; }
.schedule .pyo table th, .schedule .pyo table td { width:14.2%}
.schedule .pyo table th { font-size:21px; font-weight:600; color:#666; padding:10px 0; }
.schedule .pyo table td { border:1px solid #dfdfdf; height:90px; font-size:21px; font-weight:600; color:#888; vertical-align:top; padding:10px; position:relative;     line-height: 26px;}
.schedule .pyo table td a { color:#888; display:inline-block; width:100%; height:100%; }
.holiday { color:#ff003c !important; }
.schedule .pyo table .on { background:#ffedeb;}

.schedule .pyo table td .local { float:right; }
.schedule .pyo table .birthday { background:url(../image/sub/cake.png)no-repeat center 68px #fe6e5e; text-align:center; color:#fff; }

.schedule .btn_wrap { margin-top:50px; text-align:center;}	
.schedule .btn_wrap a { display:inline-block; width:100%; text-align:center; line-height:60px; font-size:24px; color:#fff; background:#7a7a7a; margin-top:5px;}
.schedule .btn_wrap .btn02 { margin-top:5px; background:#fc6d61; }
.schedule .btn_wrap .btn03 {  background:#666; width:220px;}	
	.schedule .btn_wrap .btn04 {  background: #afafaf; }	
.schedule .view { margin-top:50px;}
.schedule .view table { width:100%; margin-top:35px;}
.schedule .view table th { background:#fff7f6; font-weight:600; }	
.schedule .view table th ,.schedule .view table td { border:1px solid #ddd; padding: 21px 10px; font-size:22px; color:#666; text-align:left; }	
.schedule .view02 .file_img { width:100%; background:#ddd; margin-bottom:20px;}
.schedule .view02 .file_name { border-bottom:1px solid #ddd;border-top:1px solid #eee; line-height:70px; overflow:hidden; padding:0 10px;}	
.schedule .view02 .file_name p {float:left;  font-size:24px; }
.schedule .view02 .file_name span { float:right}	
.schedule .view02 .file_name span img { vertical-align:middle;}
	
	
.food_list { font-size:22px; text-align:center; padding:30px 0; border:1px solid #eee; margin-top:20px; padding:20px;}	
	
	
	
	
.none_txt {    clear: both; font-size: 22px; text-align: center; padding: 40px 0; background: #f9f9f9; border-top: 1px solid #666; }
	
	
	
	
	
.check .top_title { text-align:center; padding:20px 0; background:#f4f4f4; }
.check .top_title .title { font-size:22px; font-weight:700; color:#444; }
.check .top_title .sub_title { font-size:16px; color:#666; margin-top:10px; }
	
.check_wrap .check_title { font-size:22px; background:#f4f4f4; color:#444; padding:20px}
.check_wrap ul { border-top:2px solid #444;}
.check_wrap ul li  {  border-bottom:1px solid #ddd; overflow:hidden; line-height:70px; display:table; width: 100%; box-sizing: border-box;}
.check_wrap ul li .txt {  line-height:30px; font-size:16px; display:table-cell; vertical-align:middle; padding:10px; border-right:1px solid #ddd;}
.check_wrap ul li .input { width:70px;  text-align:center; font-size:21px; display:table-cell; vertical-align:middle;}

/* 체크박스 디자인 */

.check_wrap .input input[type="checkbox"]{
    display:none;
}
.check_wrap .input input[type="checkbox"] + label span {
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:middle;
   background:url(../image/sub/check.png) center no-repeat ;
    cursor:pointer;
}
.check_wrap .input input[type="checkbox"]:checked + label span {
    background:url(../image/sub/check_on.png) center no-repeat ;
}

.check input[type="submit"] { width: 120px; line-height:42px; background:#444; color:#fff; font-size:18px; font-weight:600; margin:20px auto 0; border:0; display:block; -webkit-border-radius:0;
-webkit-appearance: none;}	


.check .result_warp { 
    position:fixed; 
    width: 100%;
	min-width: 350px;
	max-width: 470px;
    height:100%; 
    background:rgba(0,0,0,0.5); 
    top:0; 
    left:0; 
    display:none;
}
.result_box { background:#fff; width:90%; min-width:350px; max-width:450px; height:280px; position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;}
.result_box .top { font-size:22px; color:#444; border-bottom:1px solid #ddd; padding: 10px 20px;}
.result_box .top .close { float:right;}
.result_box ul { margin-top:30px; overflow:visible; }
.result_box ul li { float:left; box-sizing:border-box; }
.result_box ul li img { vertical-align:middle;}
.result_box ul li:first-child { width:30%; text-align:center; padding: 30px 0;}
.result_box ul li:last-child { width:70%; padding-right:20px;}
.result_box ul li .txt01 { font-size:24px; color:#444; }
.result_box ul li .txt01 .r_score { font-size:50px; font-weight:600; margin-left:10px;}
.result_box ul li .txt02 { font-size:17px; color:#666; margin-top:10px;}

.btn_wrap { text-align:center; margin-top:20px;}
.btn_wrap input[type="button"] {  width: 120px; line-height:40px; background:#444; color:#fff; font-size:18px; font-weight:600; border:1px solid #444; box-sizing:border-box; -webkit-border-radius:0;
-webkit-appearance: none;}
.btn_wrap input[type="button"]:first-child { color:#444; background:#fff; border:1px solid #444; box-sizing:border-box; }







.check_list ul li {width:295px; height:220px; border:1px solid #d6d6d6; float:left; box-sizing:border-box; margin-right:9px; float:left; margin-bottom:9px; text-align:center; position:relative;}
.check_list ul li:nth-child(2n+2) {margin-right:0px;}
.check_list ul li:hover {background:#fe6f5e; }
.check_list ul li:hover .txt {color:#fff;}
.check_list ul li a {display:block; width:100%; height:100%;}
.check_list ul li .plus {font-size:28px; color:#d6d6d6; position:absolute; top:15px; right:15px;}
.check_list ul li .txt {font-size:28px; font-weight:600; color:#666; }
.check_list ul li:hover .plus {color:#fff;}
.check_list ul li:nth-child(1) .txt {padding-top:150px; background:url(../image/sub/data_icon09.png)no-repeat 50% 35%;}
.check_list ul li:nth-child(1):hover .txt {padding-top:150px; background:url(../image/sub/data_icon09_on.png)no-repeat 50% 35%;}
.check_list ul li:nth-child(2) .txt {padding-top:150px; background:url(../image/sub/data_icon02.png)no-repeat 50% 35%;}
.check_list ul li:nth-child(2):hover .txt {padding-top:150px; background:url(../image/sub/data_icon02_on.png)no-repeat 50% 35%;}







	
	

/* 로그인02 */

.login02 ul {height:380px;}
.login02 ul li {float:left;  text-align:left;}
.login02 ul li .input01 {width:420px; border:1px solid #ddd; font-size:22px; color:#888; height:60px; line-height:60px; padding-left:20px; margin-bottom:5px;}
.login02 ul li .input02 {text-align:right; margin-top:15px;}
.login02 ul li .input02 input {width:18px; height:18px; border:1px solid #c6c6c6; vertical-align:bottom;}
.login02 ul li .input02 label {font-size:21px; color:#888; margin-left:10px;}
.login02 ul li:first-child { width:100%; position:relative;}
.login02 ul li:last-child { width:100%; position:relative;}
.login02 ul li .con_tit {font-size:24px; font-weight:600; color:#444; line-height:30px; margin-bottom:30px;}
.login02 ul li .con_tit02 {font-size:24px; font-weight:600; color:#444; line-height:30px; padding-top:75px;}

.login02 ul li .con_txt {font-size:18px; color:#888; margin-bottom:15px; line-height:25px;}
.login02 ul li .login_btn01 {display:block; width:154px; height:129px; line-height:129px; font-size:22px; font-weight:600; color:#fff; text-align:center; border:none; background:#fe6f5e; position:absolute; right:0px; top:0;}

.login02 ul li .login_btn {margin-top:30px; border-top:1px solid #eee; padding-top:30px;}
.login02 ul li .login_btn a {display:inline-block; width:197px; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:600; box-sizing:border-box; }
.login02 ul li .login_btn .btn_01 {border:1px solid #444; color:#444;}
.login02 ul li .login_btn .btn_02 {border:1px solid #444; color:#fff; background:#444;}

.login02 ul li .login_txt01 {font-size:18px; color:#888; line-height:25px; margin-top:10px}
.login02 ul li .login_btn02 {display:block; width:165px; height:120px; line-height:110px; font-size:24px; font-weight:600; color:#fff; text-align:center; border:none; background:#533d32; position:absolute; right:0px; top:25%;}







/* 회원가입 */

.join .join_step01 {width:100%; height:216px; background:url(../image/sub/join01.png) no-repeat 0 0; margin-top:70px;}
.join .join_step02 {width:100%; height:216px; background:url(../image/sub/join02.png) no-repeat 0 0; margin-top:70px;}
.join .join_step03 {width:100%; height:216px; background:url(../image/sub/join03.png) no-repeat 0 0; margin-top:70px;}
.join .phone {border:1px solid #ddd; width:620px; height:200px; position:relative; border-top:none;}
.join .phone p {font-size:18px; color:#333; line-height:23px; text-align:left; background:url(../image/sub/phone_icon.png) no-repeat 8% 50%; padding:45px 0px 60px 150px;}
.join .phone input {position:absolute; left:150px; top:130px; width:180px; height:42px; line-height:42px; background:#533d32; font-size:18px; color:#fff; text-align:center; border:none; font-weight:600;}
.join .join_tit {font-size:24px; font-weight:600; color:#444; padding-bottom:10px; margin-top:45px; border-bottom:1px solid #444; }
.join .agree_tit {font-size:24px; font-weight:600; color:#444; padding-bottom:10px; margin-top:45px; border-bottom:1px solid #444; margin-bottom:10px;}
.join .agree_box {border:1px solid #e3e3e3; height:130px; overflow-y:scroll;     width: 100%;
    box-sizing: border-box;
    font-size: 18px; padding:10px;}
.join .agree_box p {font-size:18px; color:#666; line-height:25px; padding:15px 20px;}
.join .agree_check {font-size:18px; color:#666; text-align:right; margin:10px 0 50px;}
.join .agree_check input {width:15px; height:15px; vertical-align:middle;}
.join .agree_check label {margin-left:10px;}
.join .agree_check02 {text-align:center; margin:50px 0 20px;}
.join .agree_check02 input {width:15px; height:15px; vertical-align:middle;}
.join .agree_check02 label {margin-left:10px; font-size:18px; color:#666; font-weight:600; }

.join .join_table {width:100%;}
.join .join_table tr th {font-size:21px; color:#666; padding-left:20px; line-height:50px; background:#f4f4f4; text-align:left; width:140px;}
.join .join_table tr {border-bottom:1px solid #eee;}
.join .join_table tr td {text-align:left; padding:5px 10px; font-size:13px; color:#666;}
.join .join_table tr td p {padding-top:5px;}
.join .join_table tr td .input01 {width:70%; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.join .join_table tr td .input02 {width:100px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.join .join_table tr td .input03 {width:133px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.join .join_table tr td button {width:95px; height:40px; line-height:40px; font-size:18px; color:#fff; background:#d2d2d2; text-align:center; margin-left:3px; border-radius:3px; border:none;}
.join .join_table tr td label {margin-right:45px; vertical-align:middle;}
.join .join_table tr td label em {margin-left:10px; font-size:13px; font-weight:600; color:#666; }
.join .join_table tr td span {font-size:20px; color:#999; margin:5px 5px; display:block;}
.join .join_table tr td .sel_02 { width:136px; height:50px; border:1px solid #e3e3e3; padding-left:10px; font-size:18px; color:#666; margin-left:5px;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;  /* 화살표 모양의 이미지 */ 
}
.join .join_table tr td .sel_01 { width:100px; height:50px; border:1px solid #e3e3e3; padding-left:10px; font-size:18px; color:#666;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;  /* 화살표 모양의 이미지 */    vertical-align: middle; 
}

.join .end_box {border:1px solid #ddd; height:200px; position:relative; margin-bottom:35px; text-align:center; display:table; width:100%; box-sizing:border-box; border-top:0;}
.join .end_box .txt01 { font-size:18px; color:#666;     display: table-cell; vertical-align:middle;}
.join .end_box .txt01 span {font-size:21px; color:#444; font-weight:600; margin-bottom:5px; display:inline-block;}



.btn_type01 {text-align:center; margin-top:65px; margin-bottom:100px;}
.btn_type01 a {display:inline-block; width:150px; height:42px; line-height:42px; font-size:18px; }
.btn_type01 input {display:inline-block; width:150px; height:44px; line-height:44px; font-size:18px; background:#fff;}
.btn_type01 .btn1 {border:1px solid #333; color:#333;  margin-right:3px;}
.btn_type01 .btn2 {background:#333; border:1px solid #333; color:#fff;}



.email input[type=text] {     width: 100px;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e3e3e3;
    font-size: 18px;}

.email select { width:174px !important; vertical-align:middle;     background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;}








/* 비밀번호 찾기 */

.find_info {width:100%; position:relative;}
.find_info .login_box01 {margin:0 auto;} 
.find_info .login_box01 .input01 {width:420px; border:1px solid #ddd; font-size:22px; color:#888; height:60px; line-height:60px; padding-left:20px; margin-bottom:5px;}
.find_info .login_box01 .input02 {text-align:right; margin-top:15px;}
.find_info .login_box01 .input02 input {width:18px; height:18px; border:1px solid #c6c6c6; vertical-align:bottom;}
.find_info .login_box01 .input02 label {font-size:14px; color:#888; margin-left:10px;}
.find_info .login_box01 .login_btn01 {display:block; width:154px; height:196px; line-height:110px; font-size:22px; font-weight:600; color:#fff; text-align:center; border:none; background:#fe6f5e; position:absolute; right:0px; top:0;}

.find_info .login_box01 .login_btn02 {display:block; width:154px; height:129px; line-height:129px; font-size:22px; font-weight:600; color:#fff; text-align:center; border:none; background:#fe6f5e; position:absolute; right:0px; top:0;}

.find_info .login_btn {margin-top:10px;  padding-top:30px; text-align:center;}
.find_info .login_btn input {display:inline-block; width:202px; height:45px; line-height:45px; text-align:center; font-size:18px; font-weight:600;}
.find_info .login_btn .btn_01 {border:1px solid #444; color:#444; background:#fff;}
.find_info .login_btn .btn_02 {border:1px solid #444; color:#fff; background:#444;}

.find_info .find_info_inner {width:100%; border-bottom:1px solid #eee; padding-bottom:30px}



/* 회원정보수정 */

.info_modify .modify_table {width:100%; border-top:1px solid #444;}
.info_modify .modify_table tr th {font-size:21px; color:#666; padding-left:20px; line-height:50px; background:#f4f4f4; text-align:left; width:140px;}
.info_modify .modify_table tr {border-bottom:1px solid #eee;}
.info_modify .modify_table tr td {text-align:left; padding:5px 10px; font-size:18px; color:#666;}
.info_modify .modify_table tr td p {padding-top:5px;}
.info_modify .modify_table tr td .input01 {width:70%; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.info_modify .modify_table tr td .input02 {width:100px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.info_modify .modify_table tr td .input03 {width:133px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.info_modify .modify_table tr td .input04 {width:910px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.info_modify .modify_table tr td .input05 {width:310px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; font-size:18px;}
.info_modify .modify_table tr td textarea {width:95%; height:160px; padding:10px; border:1px solid #e3e3e3;}
.info_modify .modify_table tr td button {width:95px; height:40px; line-height:40px; font-size:18px; color:#fff; background:#d2d2d2; text-align:center; margin-left:3px; border-radius:3px; border:none;}
.info_modify .modify_table tr td label {margin-right:45px; vertical-align:middle;}
.info_modify .modify_table tr td label em {margin-left:10px; font-size:13px; font-weight:600; color:#666; }
.info_modify .modify_table tr td span {font-size:20px; color:#999; margin:5px; display:block;}
.info_modify .modify_table tr td .sel_01 { width:100px; height:50px; border:1px solid #e3e3e3; padding-left:10px; font-size:18px; color:#666; margin-left:5px;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;  /* 화살표 모양의 이미지 */ 
}
.info_modify .modify_table tr td .sel_02 { width:136px; height:50px; border:1px solid #e3e3e3; padding-left:10px; font-size:18px; color:#666; margin-left:5px;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;  /* 화살표 모양의 이미지 */ 
}

.info_modify .modify_table tr td .input_style01  {     width: 100px;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e3e3e3;
    font-size: 18px;}
	
	
.info_modify .modify_table tr td select.input01 { width:164px !important; vertical-align:middle;     background: url(../image/sub/select_arrow.png) no-repeat 90% 50%;}




.info_modify .modify_table tr td .fixed01 {width:250px; padding-left:10px; height:50px; line-height:50px; border:1px solid #e3e3e3; background:#f5f5f5; font-size:18px;}

.info_modify .modify_table tr td .fixed02 {width:100px; text-align:center; height:50px; line-height:50px; border:1px solid #e3e3e3; background:#f5f5f5; display:inline-block; font-size:18px;}
.info_modify .go_btn {display:inline-block; font-size:18px; color:#666; margin-top:15px;}
.info_modify .go_btn span {font-size:21px; font-weight:600; margin:0 5px; color:#fe6f5e;}
.info_modify .info_modify_tit {font-size:24px; font-weight:600; color:#444; padding-bottom:10px; margin-top:45px; }