@charset "utf-8";
/* CSS Document */

.input_type1 {display:inline-block;width:100%;height:22px !important;padding:0 !important;border:1px solid #a1a1a1;background-color:#fff;border-radius:0}
.input_type2 {display:inline-block;width:100%;height:27px !important;padding:0 !important;margin:0 !important;line-height:normal !important;border:1px solid #e1e1e1;background-color:#fff;border-radius:0;vertical-align:middle}
select::-ms-expand {display:none;}

.select_type1 {display:inline-block;width:100%;height:35px;padding:0 24px 0 3px;background:url(../../moblie/imgs/sub/search_dot.png) no-repeat 98% 11px #fff;border:1px solid #d7d7d7;background-size:15px;color:#666;font-size:13px;-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none}
.input_type3 {
    position: relative;
    display: inline-block;
    height: 35px !important;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #666;
    background-color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d7d7d7 !important;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    font-family: 'Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;
    text-indent: 12px;
}

.input_type4 {
    position: relative;
    display: inline-block;
	width:100%;
    height: 35px !important;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: #666;
    background-color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d7d7d7 !important;
    vertical-align:top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
	line-height:35px;
    font-family: 'Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;
    text-indent: 12px;
}

.search_btn2 {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 35px;
    background: url(../../imgs/board/bnt_bg.gif) repeat-x 0 100% #fff;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
}

.textarea_type1 {display:inline-block;width:100%;min-height:100px;border:1px solid #e1e1e1;background-color:#fff;border-radius:0}


.selectbox {display:inline-block;position:relative;width:112px;height:22px;line-height:22px;background:url(../../imgs/prd/select_dot.png) no-repeat 97% 4px #fff;border:1px solid #a1a1a1;z-index:1;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px}
.selectbox:hover {border:1px solid #c1c1c1}
.selectbox label {position:absolute;top:0px;left:10px;height:22px;line-height:22px;font-size:13px;color:#636262;z-index:-1;}
.selectbox select {width:100%;height:22px;line-height:22px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;appearance: none;}
.selectbox2 {display:inline-block;position:relative;width:148px;height:20px;line-height:20px;background:url(../../imgs/prd/select_dot2.gif) no-repeat 97% 8px #fff;border:1px solid #999;z-index:1;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px}
.selectbox2:hover {border:1px solid #c1c1c1}
.selectbox2 label {position:absolute;top:0px;left:10px;height:20px;line-height:20px;font-size:13px;color:#636262;z-index:-1;}
.selectbox2 select {width:100%;height:22px;line-height:22px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;appearance: none;}  
.selectbox3 {display:inline-block;position:relative;width:80px;height:20px;line-height:20px;background:url(../../imgs/prd/select_dot2.gif) no-repeat 97% 8px #fff;border:1px solid #bebebe;z-index:1;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px}
.selectbox3:hover {border:1px solid #bebebe}
.selectbox3 label {position:absolute;top:0px;left:5px;height:20px;line-height:20px;font-size:12px;color:#636262;z-index:-1;}
.selectbox3 select {width:100%;height:20px;line-height:20px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;appearance: none;}
  
.selectbox4 {position:relative;width:100%;height:33px;line-height:33px;background:url(../../imgs/board/select_dot.png) no-repeat 98% 12px #fff;border:1px solid #d7d7d7;z-index:1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.selectbox4:hover {border:1px solid #c1c1c1}
.selectbox4 label {position:absolute;top:0px;left:10px;height:33px;line-height:33px;font-size:13px;color:#666;z-index:-1;}
.selectbox4 select {width:100%;height:33px;line-height:33px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;appearance: none;}
  
.zip_btn {display:inline-block;position:relative;padding:4px 5px 4px;background-color:#7f7e7a;vertical-align:middle;font-size:13px;color:#fff !important}

.nw_btn_01 {display:inline-block;position:relative;padding:7px 12px 7px;background-color:#f85d09;font-size:12px;font-weight:bold;line-height:14px;color:#fff !important;border-radius:5px;-webkit-border-radius:5px;vertical-align:middle}
.nw_btn_01 i {margin-right:3px;font-size:12px;color:#fff}
button.nw_btn_01, input.nw_btn_01 {margin-top:1px;border:0; cursor:pointer}

.nw_btn_02 {display:inline-block;position:relative;padding:7px 11px 7px;background-color:#fff;border:1px solid #d7d7d7;font-size:12px;font-weight:bold;line-height:14px;color:#686868 !important;border-radius:5px;-webkit-border-radius:5px;vertical-align:middle}
.nw_btn_02 i {margin-right:3px;font-size:12px;color:#686868}

.nw_btn_03 {display:inline-block;position:relative;padding:5px 5px 5px;background-color:#fff;border:1px solid #5d5e97;font-size:11px;font-weight:bold;line-height:11px;color:#5b5c96 !important;border-radius:5px;-webkit-border-radius:5px;}
.nw_btn_03 i {margin-right:3px;font-size:12px;color:#686868}

.nw_btn_04 {display:inline-block;position:relative;padding:7px 11px 7px;background-color:#fff;border:1px solid #d7d7d7;font-size:12px;font-weight:bold;line-height:14px;color:#686868 !important;border-radius:5px;-webkit-border-radius:5px;vertical-align:middle}
.nw_btn_04 i {margin-right:3px;font-size:12px;color:#686868}

.nw_btn_05 {display:inline-block;position:relative;padding:16px 0 16px;background-color:#d84432;font-size:15px;font-weight:bold;line-height:15px;color:#fff !important;border-radius:5px;-webkit-border-radius:5px;text-align:center;border:0}
.nw_btn_05 i {margin-right:3px;font-size:15px;color:#fff}

.nw_btn_06 {display:inline-block;height:35px;padding:0 15px 0;background:url(../../imgs/mypage/btn_bg.gif) repeat-x 0 100% #fff;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #aeaeae;border-bottom:1px solid #aeaeae;text-align:center;font-size:13px;color:#444 !important;vertical-align:middle;line-height:32px}

.nw_btn_07 {display:inline-block;height:35px;padding:0 15px 0;background:#f85d09;border-top:1px solid #ee854d;border-left:1px solid #ee854d;border-right:1px solid #c35113;border-bottom:1px solid #c35113;text-align:center;font-size:13px;color:#fff !important;vertical-align:middle;line-height:32px}

.nw_btn_08 {display:inline-block;height:24px;padding:0 15px 0;background:url(../../imgs/mypage/btn_bg.gif) repeat-x 0 100% #fff;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #aeaeae;border-bottom:1px solid #aeaeae;text-align:center;font-size:13px;color:#444 !important;vertical-align:middle;line-height:23px}

.nw_btn_01,.nw_btn_02,.nw_btn_03,.nw_btn_04,.nw_btn_05,.nw_btn_06,.nw_btn_07,.nw_btn_08 {cursor:pointer}

/* 체크박스 디자인 */
.checks {position:relative}
.checks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checks input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.checks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:1px;width:15px;height:15px;line-height:15px;text-align:center;background:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}
.checks input[type="checkbox"]:checked + label:before {content:'\f00c';color:#222;text-shadow:1px 1px #fff;background:#fafafa;border-color:#d7d7d7;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);font:normal normal normal 16px/1 FontAwesome;}


.checks2 {position:relative}
.checks2 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checks2 input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.checks2 input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:-14px;width:15px;height:15px;line-height:15px;text-align:center;background:#fafafa;border:1px solid #cacece;border-radius:3px;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks2 input[type="checkbox"] + label:active:before,
.checks2 input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}
.checks2 input[type="checkbox"]:checked + label:before {content:'\f00c';color:#222;text-shadow:1px 1px #fff;background:#fafafa;border-color:#d7d7d7;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);font:normal normal normal 16px/1 FontAwesome;}


.checks3 {position:relative;}
.checks3 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checks3 input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:15px;margin-top:-2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:0.917em;color:#545454;line-height:0.917em;}
.checks3 input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:0px;width:10px;height:10px;line-height:11px;text-align:center;background:#fff;border:1px solid #bebebe;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks3 input[type="checkbox"] + label:active:before,
.checks3 input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}
.checks3 input[type="checkbox"]:checked + label:before {content:'\f00c';color:#222;text-shadow:1px 1px #fff;background:#fff;border-color:#bebebe;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);font:normal normal normal 11px/1 FontAwesome;}


.checks4 {position:relative;}
.checks4 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checks4 input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:25px;margin-top:-2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:1.000em;color:#666;line-height:1.000em;}
.checks4 input[type="checkbox"] + label:before {content:'';position:absolute;left:10px;top:0px;width:10px;height:10px;line-height:11px;text-align:center;background:#fff;border:1px solid #bebebe;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks4 input[type="checkbox"] + label:active:before,
.checks4 input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}
.checks4 input[type="checkbox"]:checked + label:before {content:'\f00c';color:#222;text-shadow:1px 1px #fff;background:#fff;border-color:#bebebe;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);font:normal normal normal 11px/1 FontAwesome;}