/*--- common selector ---*/
body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
body,input,select,textarea{font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size: 12px; font-weight:normal;} /* 137.5% == 22px */
body{ -webkit-text-size-adjust:none;}

hr{display:none;}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none;}

a:link,a:hover,a:active,a:visited {text-decoration:none; border-style: none;}
strong{font-weight:bold;}

input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}

/*--- list style ---*/
ul li { margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle;}
.ul li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;}
.ulBlank { padding: 0 15px;}
.ulBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;}
.ur li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:right;}
.float { float: left;}
.floatnone { float: none; vertical-align: middle; margin-bottom: 2px;}

	
/* setting */
.set { position:relative; width: 100%; float:left;}
.set .set_top { position:relative; width: 100%; height: 36px; float: left; background: url(/core/mobile/images/public/setting/bg_1.gif) repeat-x;}

.set .set_title001 { position:relative; width: 100%; float:left;}
.set .set_conten001 { position:relative; width: 100%; float:left;}

.set_checklist { position:absolute; right: 13px; top: 4px;}


.setP001 { font-size: 11px; color: #959595; float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.setP002 { font-size: 14px; color: #333; float:left;font-weight: bold; float:left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.setP003 { font-size: 12px; color: #333; float: left; width: 100%;}

.set_input001 { position:absolute; right: 13px; top: 12px; width: 23px; height: 23px; float:left;}

.set_input002 { position:absolute; right: 13px; top: 7px; width: 23px; height: 23px; float:left;}

.set_input003 { position:absolute; right: 13px; top: 7px; width: 23px; height: 23px; float:left;}

.set_input004 { position:relative; width: 28px; height: 23px; float:left;}

.set_input005 { position:relative;width: 28px; padding-top: 6px; color: #959595; text-align:center; font-size: 10px; letter-spacing:-1px;float:left;}

#check_none { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.6;}

.set_bul001 { position:absolute; right: 13px; top: 12px; width: 23px; height: 23px; background:url(/core/mobile/images/public/setting/bul_3.png) no-repeat; float:left;}
.set_bul002 { position:absolute; right: 13px; top: 12px; width: 23px; height: 23px; background:url(/core/mobile/images/public/setting/bul_4.png) no-repeat; float:left;}
.set_bul003 { position:absolute; right: 13px; top: 12px; width: 23px; height: 23px; background:url(/core/mobile/images/public/setting/bul_5.png) no-repeat; float:left;}



/*우편번호찾기*/
select {-webkit-appearance: menulist-button; line-height:60px !important; vertical-align:middle;}
#zipcodeBox {position:relative; width:100%; height:100%; float:left; background:#fff; }
#zipcodeBox .topBox {position:relative; width:100%; float:left;}
#zipcodeBox .tabBox {position:relative; width:50%; height:40px; text-align:center; border-top:2px solid #68a754; }
#zipcodeBox .inBox { position:relative; width:100%; float:left;}

#tab1c1 {position:relative; float:left; padding:10px 0 10px 0; width:100%; text-align:center;}
#tab1c1 .searchBox {position:relative; float:left; width:100%; margin-top:10px;}

#tab1m1 a {color:#68a754; font-weight:bold;}
#tab1m2 a {color:#68a754; font-weight:bold;}

#tab1c2 {position:relative; float:left; padding:10px 0 10px 0; width:100%; text-align:center; background:#eee;}
#tab1c2 .searchBox {position:relative; float:left; width:100%; margin-top:10px;}
#tab1c2 .searchInfo {position:relative; float:left; width:100%; margin-top:10px; text-align:left;}

.listBox {position:relative; float:left; width:100%; margin-top:20px;}

.td001 {height:30px; border-top:2px solid #68a754; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background:#edf7ea; color:#68a754;}
.td002 {height:30px; border-top:2px solid #68a754; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background:#edf7ea; color:#68a754;}

.td003 {height:30px; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background:#fff;}
.td004 {height:30px; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background:#fff;}


/*그룹찾기*/
#groupBox { position:relative; width:100%; height:100%; float:left; background:#fff;}
#groupBox .inBox { position:relative; width:100%; float:left; padding-top:10px; border-top:2px solid #68a754;}
#groupBox .groupList {position:relative; width:100%; float:left; margin-top:10px; border-top:1px solid #9a9a9a;}
#groupBox .groupList li{position:relative; width:100%; float:left; height:30px; padding-top:10px; padding-left:15px;}
#groupBox .groupList img {padding-right:5px;}

/* 페이징	*/
.pageCount {position:relative; width:100%; float:left;}

.paging strong { color: #555; font-weight:bold; background-color: #ddd; border:1px solid #999;} /* now paging box bgcolor */
.paging { width: 100%; text-align: center;}
.paging a { display: inline-block; min-width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px; color:#888;}
.paging strong { display: inline-block; width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}
.cho_num { background-color: #ddd;}


.joinType { margin: 20px 0;}
.joinType > p { background: #eee; border-radius: 10px; padding: 15px;}
.joinType > p > span { font-size: 14px; line-height: 1.6;}
.joinType > p > span > i { display: block; font-style: normal; margin-bottom: 8px;}
.joinType > p > span > i:last-child { margin-bottom: 0;}
.joinType > div { display: flex; align-items: stretch; justify-content: center; margin-top: 30px;}
.joinType > div > div { flex: 1; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; padding: 40px 10px; text-align: center; color: #212121; cursor: pointer;}
.joinType > div > div:last-child { margin-left:10px;}
.joinType > div > div:nth-child(1):hover { background: #f6fdf9;}
.joinType > div > div:nth-child(2):hover { background: #fcf8f7;}
.joinType > div > div > div > p { }
.joinType > div > div > div > strong { margin-top: 20px; display: block;}
.joinType > div > div > div > strong > span {font-size: 20px; display: block;}
.joinType > div > div > div > strong > span > i { font-style: normal;}
.joinType > div > div > div > strong > span .color1 { color: #32b16c;}
.joinType > div > div > div > strong > span .color2 { color: #ec6941;}
.joinType > div > div > div > strong > i { margin-top: 8px; font-size: 14px; font-weight: normal; color: #999; display: block; font-style: normal;}

.joinKid { padding-top: 10px; clear: both;}  
.joinKid > p { font-size: 15px;}
.joinKid > p > span { display: block; line-height: 1.4; margin-bottom: 8px;}
.joinKid > p > span:last-child { margin-bottom: 0;}
.joinKid > div { margin: 10px 0; border: 1px solid #d2d2d2; background: #fff; padding: 15px; display: block; align-items: center; justify-content: center;}
.joinKid > div > div { flex: 1; margin: 0 20px 10px 20px;}
.joinKid > div > div:last-child { margin: 0 20px 0 20px;}
.joinKid > div > div > strong {font-size: 15px;}
.joinKid > div > div:nth-child(2) > p {display: inline-flex; width: 100%;}
.joinKid > div > div:nth-child(2) > p > select:nth-child(1) { flex: 1.5;}
.joinKid > div > div:nth-child(2) > p > select:nth-child(2) { flex: 1;}
.joinKid > div > div:nth-child(2) > p > select:nth-child(3) { flex: 1;}
.joinKid > span { display: block; margin-bottom: 10px; font-size: 14px; color: #999;}

.joinKid input[type="text"],
.joinKid select { border: 1px solid #ddd; border-radius: 5px; height: 34px; width: 100%; box-sizing: border-box; padding: 0 5px;}


.withdrawal { display: flex; align-items: center; justify-content: center; clear: both; padding: 20px;}
.withdrawal > p { color: #888; font-size: 14px;text-decoration: underline;}
.withdrawalPut input[type="password"],
.withdrawalPut input[type="text"] { height: 30px; border-radius: 5px; padding: 0 10px; width: 100%; box-sizing: border-box; outline: none; border: none; background: #f8f8f8;}
.withdrawalPut { clear: both; display: flex; flex-direction: column; padding: 10px 15px; width: 100%; box-sizing: border-box;}
.withdrawalPut > div { display: flex; align-items: center; min-height: 36px;}
.withdrawalPut > div > strong { flex: 0 0 70px;}
.withdrawalPut > div > div { flex-grow: 1; overflow: hidden;}
.withdrawalPut > p { display: flex; align-items: center; justify-content:center; border-radius: 10px;background: #eee; cursor: pointer; padding: 10px; margin-top: 20px;}