/******************************************************
@ Input Form
******************************************************/
/* common */
.input_info{font-size:15px;color:#ff0000;line-height:20px;margin-left:0px;vertical-align:middle;cursor:default}
.input_info em{vertical-align:middle}
.input_info_check{display:inline-block;margin-left:10px;vertical-align:middle}
.input_info_check input,.input_info_check label{vertical-align:middle}
.input_info_check label{font-size:14px;color:#888;margin-left:5px}

/* input */
.i_wrap{position:relative;display:block; /*height:32px;padding:0 10px;border:solid 1px #d9d9d9;background:#fff*/}
.i_wrap.type_01{display:inline-block}

/* select */
.s_wrap{position:relative;display:block;height:32px;padding-left:10px;border:solid 1px #d9d9d9;background:#fff}
.s_wrap.type_01{display:inline-block;padding-right:10px}
.s_wrap.type_01 select{width:auto}

.mulity_select{overflow:hidden}
.mulity_select > div{float:left;width:50%}
.mulity_select > div:first-child > p{margin-right:5px}
.mulity_select > div:last-child > p{margin-left:5px}

/* textarea */
.t_wrap{position:relative;display:block;max-width:1078px;padding:15px 10px;border:solid 1px #d9d9d9;background:#fff}
.t_wrap textarea{height:120px}


/* file */
 .file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:30px;
    background:#e4e4e4;
	 border:1px solid #b6b6b6;
    color:#626262;
    text-align:center;
    line-height:30px;
	font-size:13px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:40%;
    height:28px;
    line-height:28px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #d6d6d6;
}


/* input id wrap */
.input_id_wrap{overflow:hidden}
.input_id_wrap > div{position:relative;float:left}
.input_id_wrap .txt{}
.input_id_wrap .txt a{position:absolute;top:0;right:0;display:block;width:86px;height:32px;font-size:14px;color:#666;line-height:32px;text-align:center;background:#fff;border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px}
.input_id_wrap .id_confirm{position:relative;font-size:16px;line-height:34px;color:#ff7e00;margin-left:10px;display:none}
.input_id_wrap .id_confirm span{display:inline-block;width:20px;height:20px;font-size:16px;color:#ff7e00;text-align:center;line-height:20px;margin:6px 10px 6px 0;border:1px solid #ff7e00;-webkit-border-radius:50%;border-radius:50%}


/* input check box */
.input_check_wrap{display:inline-block;vertical-align:middle}
.input_check_wrap p,
.input_check_wrap input,
.input_check_wrap label{display:inline-block;vertical-align:middle}
.input_check_wrap label{margin:0 15px 0 5px}

/* input phone wrap */
.phone_group{overflow:hidden}
.phone_group > div,.phone_group > a{float:left;display:block}
.phone_group .input_phone_wrap{display:block}
.input_phone_wrap{display:inline-block;max-width:380px}
.input_phone_wrap{overflow:hidden}
.input_phone_wrap .cell{float:left;width:35%}
.input_phone_wrap .cell:first-child{width:30%}
.input_phone_wrap .phone_num{position:relative;padding-left:25px}
.input_phone_wrap .phone_num:after{content:'-';position:absolute;top:0;left:0;width:25px;font-size:14px;color:#888;line-height:34px;text-align:center}
.btn_phone_confirm{font-size:14px;line-height:32px;padding:0 15px;margin-left:10px;border:1px solid #bbb;background:#fff;-webkit-border-radius:5px;border-radius:5px}
.input_phone_confirm{margin-left:15px;display:none}
.input_phone_confirm a{display:inline-block;font-size:14px;line-height:32px;color:#fff;padding:0 10px;margin-left:5px;border:1px solid #666;background:#666;-webkit-border-radius:5px;border-radius:5px}
.input_phone_confirm .i_wrap{background:#f6f6f6}

/* input depart wrap */
.input_dept_wrap{display:inline-block;max-width:500px; vertical-align:middle}


/* ³¯Â¥ ¼±Åÿ¡¼­ ½Ã°£ select */
.input_data_wrap{display:inline-block;max-width:80px; vertical-align:middle}

/*Ư°­&¼¼¹Ì³ª ½Åû±â°£*/
.seminar_group{overflow:hidden}
.seminar_group > div,.seminar_group > a{float:left;display:block}
.seminar_group .input_seminar_wrap{display:block}
.input_seminar_wrap{display:inline-block;max-width:380px}
.input_seminar_wrap{overflow:hidden}
.input_seminar_wrap .cell{float:left;width:35%}
.input_seminar_wrap .cell:first-child{width:30%}
.input_seminar_wrap .seminar_num{position:relative;padding-left:25px}
.input_seminar_wrap .seminar_num:after{content:'-';position:absolute;top:0;left:0;width:25px;font-size:14px;color:#888;line-height:34px;text-align:center}
.btn_seminar_confirm{font-size:14px;line-height:32px;padding:0 15px;margin-left:10px;border:1px solid #bbb;background:#fff;-webkit-border-radius:5px;border-radius:5px}
.input_seminar_confirm{margin-left:15px;display:none}
.input_seminar_confirm a{display:inline-block;font-size:14px;line-height:32px;color:#fff;padding:0 10px;margin-left:5px;border:1px solid #666;background:#666;-webkit-border-radius:5px;border-radius:5px}
.input_seminar_confirm .i_wrap{background:#f6f6f6}


/* input email wrap */
.input_email_wrap{display:inline-block;max-width:500px; vertical-align:middle}
.input_email_wrap{overflow:hidden}
.input_email_wrap .mail_name{float:left;width:25%}
.input_email_wrap .mail_address{float:left;width:40%}
.input_email_wrap .mail_address_select{float:left;width:35%}
.input_email_wrap .mail_address_select .cell{padding-left:10px}
.input_email_wrap .cell{position:relative}
.input_email_wrap .mail_address .cell{padding-left:33px}
.input_email_wrap .mail_address .cell:after{content:'@';position:absolute;top:0;left:0;width:33px;font-size:14px;color:#888;line-height:34px;text-align:center}

/* input_birthday */
.input_birthday{}
.input_birthday .input_day{display:inline-block}
.input_birthday .input_check_wrap{margin-left:10px}
.input_birthday .input_info{margin-left:0}
.input_birthday .i_wrap img{position:absolute;top:50%;right:10px;width:19px;margin-top:-9px}

/* input address wrap */
.input_address_wrap .cell{position:relative;display:inline-block}
.input_address_wrap .cell > p{display:inline-block}
.input_address_wrap .address_txt01{position:relative;margin-top:5px;max-width:400px}
.input_address_wrap .address_txt02{margin-top:5px;max-width:400px}
.input_address_wrap .address_txt03{margin-top:5px;max-width:400px}
.input_address_wrap .address_txt01 .btn_road_add{position:absolute;top:0;right:-110px;display:block;width:100px;height:32px;font-size:14px;color:#666;line-height:34px;text-align:center;background:#fff;border:1px solid #bbb;-webkit-border-radius:5px;border-radius:5px}


.member_address{position:relative;display:inline-block;padding-right:110px;max-width:249px}
.member_address .input_add{overflow:hidden}
.member_address .input_add > div{position:relative;display:block}
.member_address a{position:absolute;top:0;right:0;display:block;width:100px;height:32px;font-size:14px;color:#fff;line-height:34px;text-align:center;background:#b0b0b0;border:1px solid #b0b0b0;-webkit-border-radius:5px;border-radius:5px}


.road_address{margin-top:10px}

/* delivery address wrap */
.delivery_address{position:relative;padding-right:110px;max-width:249px}
.delivery_address .input_add{overflow:hidden}
.delivery_address .input_add > div{position:relative}
.delivery_address a{position:absolute;top:0;right:0;display:block;width:100px;height:34px;font-size:14px;color:#fff;line-height:34px;text-align:center;background:#b0b0b0;-webkit-border-radius:5px;border-radius:5px}

/* datepicker */
.ui-datepicker .ui-datepicker-title select{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;display:inline-block;font-size:14px;color:#000;vertical-align:middle;margin:0;background:#fff;border:1px solid #ddd;padding:0}
.ui-datepicker .ui-datepicker-title select::-ms-expand{display:block}

/* row check wrap */
.row_check{position:relative}
.row_check:after{content:"";display:block;clear:both}
.row_check p{float:left;margin-left:20px}
.row_check p:first-child{margin-left:0}
.row_check input,.row_check label{vertical-align:middle}
.row_check label{margin-left:5px}

/* col check wrap */
.col_check{}
.col_check p{line-height:1;margin-top:5px}
.col_check p:first-child{margin-top:0}
.col_check input,.col_check label{vertical-align:middle;line-height:1px}
.col_check label{margin-left:5px}

/* star check */
.star_check{margin-left:-10px;overflow:hidden}
.star_check p{margin:5px 0 0 10px;float:left}
.star_check input{vertical-align:middle;margin-right:5px}


.star_icon{display:inline-block;width:128px;height:32px;overflow:hidden;vertical-align:middle;line-height:1;background-position:left top;background-repeat:no-repeat;background-image:url(../../images/content/star.png)}
.star_icon.type_01{background-position:left 0}
.star_icon.type_02{background-position:left -32px}
.star_icon.type_03{background-position:left -64px}
.star_icon.type_04{background-position:left -96px}
.star_icon.type_05{background-position:left -128px}

.star_icon_02{display:inline-block;width:102px;height:18px;overflow:hidden;vertical-align:middle;line-height:1;background-position:left top;background-repeat:no-repeat;background-image:url(../../images/content/star02.png)}
.star_icon_02.type_01{background-position:left 0}
.star_icon_02.type_02{background-position:left -18px}
.star_icon_02.type_03{background-position:left -36px}
.star_icon_02.type_04{background-position:left -54px}
.star_icon_02.type_05{background-position:left -72px}


/* file add wrap */
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 5px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}



/* max_subject */
.max_subject{position:relative;padding-right:90px}
.max_subject label{position:absolute;top:0;right:0;display:block;width:80px;font-size:15px;color:#888;line-height:34px;text-align:left}

/* input_coupon & input_mailage */
.input_coupon{position:relative}
.input_coupon .money{margin-right:10px}
.input_mailage{position:relative}
.input_mailage .all_use{display:inline-block;margin-left:10px}
.input_mailage .all_use a{display:inline-block;font-size:14px;color:#fff;padding:0 20px;line-height:34px;background:#777;-webkit-border-radius:4px;border-radius:4px}

/* money */
.money{position:relative;display:inline-block;padding-right:20px}
.money .won{position:absolute;top:0;right:0;display:block;font-size:16px;line-height:32px}
.money .i_wrap{background:#f6f6f6}

/* label design */
label.check_label_01{position:relative;display:block;width:21px;height:21px;overflow:hidden;border:1px solid #b4b4b4;-webkit-border-radius:50%;border-radius:50%;z-index:2}
label.check_label_01 > span{position:absolute;top:0;left:0;display:none;width:100%;height:100%;font-size:0;text-indent:-9999px;background-image:url(../../images/content/btn_color_check.png);background-repeat:no-repeat;background-position:center center;-webkit-background-size:14px auto;background-size:14px auto}
input.check_input_01{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0}
input.check_input_01:checked + label > span{display:block}

/******************************************************
@ Input Wrap
******************************************************/
.input_wrap{display:table;width:100%;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;color:#333}
.input_wrap.type_02{border-top:2px solid #666}
.input_wrap.small .input_title{width:100px}
.input_wrap .input_col{display:table;width:100%;border-top:1px solid #d3d3d3}
.input_wrap .input_col:first-child{border-top:none}
.input_wrap .input_col_parent{border-top:1px solid #d3d3d3}
.input_wrap .input_row{display:table-row}
.input_wrap .input_title{display:table-cell;width:195px;padding:8px 17px;font-size:17px;line-height:34px;background:#f6f6f6}
.input_wrap .input_title em{color:#ff7e00}
.input_wrap .input_content{display:table-cell;width:auto;padding:8px 20px;font-size:17px;line-height:34px;background:#fff; vertical-align:middle}
.input_wrap .input_content .icon{padding:0px 10px;top:6px; position:relative;}


@media screen and (max-width:1366px){		
	/******************************************************
	@ Input Form(mobile)
	******************************************************/
	/* input address wrap */
	.input_address_wrap .address_txt01{max-width:100%;padding-right:90px}
	.input_address_wrap .address_txt02{max-width:100%}
	.input_address_wrap .address_txt03{max-width:100%}
	.input_address_wrap .address_txt01 .btn_road_add{right:0;width:80px}

}

@media screen and (max-width:1024px){		
	/******************************************************
	@ Input Form(mobile)
	******************************************************/
	
	/* input phone wrap */
	.phone_group > div.input_phone_confirm{width:100%;margin-left:0;margin-top:10px}

}

@media screen and (max-width:768px){

	input[type="e-mail"],
	input[type="text"],
	input[type="password"],
	input[type="file"],
	textarea,
	select{font-size:13px}

	/******************************************************
	@ Input Form(mobile)
	******************************************************/
	/* common */
	.input_info{display:block;font-size:13px;line-height:18px;margin-left:0;margin-top:5px}
	.input_info_check{position:absolute;bottom:100%;right:10px;margin:0}
	.input_info_check label{font-size:13px}

	/* input */
	.i_wrap{display:block !important;width:auto !important}
	.s_wrap{display:block !important;width:auto !important}
	.s_wrap.type_01{display:block !important;width:auto !important}
	.s_wrap.type_01 select{width:100%}

	/* input id wrap */
	.input_id_wrap{overflow:visible}
	.input_id_wrap > div{float:none}
	.input_id_wrap .txt{padding-right:0}
	.input_id_wrap .txt a{}
	.input_id_wrap .id_confirm{font-size:14px;margin-left:0;line-height:22px;margin-top:10px}
	.input_id_wrap .id_confirm span{margin:0 5px 0 0}

	/* input check box */
	.input_check_wrap p{padding:0 15px 0 0}
	.input_check_wrap label{margin:0 0 0 5px}

	/* input phone wrap */
	.phone_group > div, .phone_group > a{float:none}
	.phone_group > div.input_phone_confirm{width:auto}
	.input_phone_wrap{display:block;max-width:100%}
	.input_phone_wrap .phone_num{padding-left:14px}
	.input_phone_wrap .phone_num:after{width:14px}
	.btn_phone_confirm{display:block;text-align:center;margin-top:5px;margin-left:0}
	.input_phone_confirm{position:relative;display:block;margin-left:0;margin-top:10px;padding-right:90px}
	.input_phone_confirm a{position:absolute;top:0;right:0;display:block;width:80px;text-align:center;padding:0}

	/* input email wrap */
	.input_email_wrap{display:block;max-width:100%}
	.input_email_wrap .mail_name{float:left;width:40%}
	.input_email_wrap .mail_address{float:left;width:60%}
	.input_email_wrap .mail_address_select{width:100%;margin-top:5px}
	.input_email_wrap .mail_address_select .cell{padding-left:0}
	.input_email_wrap .mail_address .cell{padding-left:20px}
	.input_email_wrap .mail_address .cell:after{font-size:13px;width:20px}

	/* input address wrap */	
	.member_address{display:block;padding-right:90px;max-width:100%}
	.member_address .input_add{overflow:hidden}
	.member_address a{width:80px}

	/* input_birthday */
	.input_birthday{position:relative}
	.input_birthday .input_day{position:relative;display:block;padding-right:120px}
	.input_birthday .input_check_wrap{position:absolute;top:5px;right:0;width:110px;margin-left:0}
    .input_birthday .input_check_wrap p{padding-right:5px}
	.input_birthday .input_check_wrap label{font-size:13px}
	.input_birthday .input_info{margin-left:0}
	.input_birthday .i_wrap img{position:absolute;top:50%;right:10px;width:19px;margin-top:-9px}

	/* delivery address wrap */
	.delivery_address{padding-right:90px;max-width:100%}
	.delivery_address a{width:80px;font-size:13px}
	
	/* file add wrap */
	.file_add .file_info{font-size:13px;margin-top:5px;line-height:15px}
	.file_add > div{padding-right:90px}
	.file_add a{width:78px}

	/* max_subject */
	.max_subject{position:relative;padding-right:80px}
	.max_subject label{width:70px;font-size:13px}

	.row_check p{margin-left:10px}

	/* input_coupon & input_mailage */
	.input_coupon .money{margin-right:0;margin-bottom:5px}
	.input_coupon .input_info{position:absolute;bottom:100%;right:0;line-height:1;margin-bottom:10px}
	.input_mailage .money{padding-right:110px}
	.input_mailage .money .won{right:90px}
	.input_mailage .all_use{display:block;margin-left:0;margin-top:5px}
	.input_mailage .all_use a{position:absolute;top:0;right:0;width:80px;text-align:center;padding:0}
	.input_mailage .all_use .input_info{position:absolute;bottom:100%;right:0;line-height:1;margin-bottom:10px}
	
	/* money */
	.money{display:block;padding-right:20px}
	.money .won{font-size:13px}

	.many_select{}
	.many_select p{margin-top:5px}
	.many_select p:first-child{margin-top:0}

	/******************************************************
	@ Input Wrap(mobile)
	******************************************************/ 
	.input_wrap{display:block;border:none}
	.input_wrap .input_col{display:block;border:none}
	.input_wrap .input_col:last-child{border-bottom:1px solid #d3d3d3}
	.input_wrap .input_row{display:block;border:none}
	.input_wrap .input_title{display:block;width:auto !important;font-size:17px;font-weight:500;line-height:1.75;padding:15px 10px 5px 10px;border-left:none;border-top:1px solid #ddd;background:none}
	.input_wrap .input_content{position:relative;display:block;width:auto;line-height:normal;font-size:16px;padding:10px 10px 15px 10px;border:none}
    .input_wrap .row_check{font-size:17px;}
	.input_wrap.type_02 .input_col:first-child .input_title{border-top:none}


}

@media screen and (max-width:640px){	
	/******************************************************
	@ Input Form
	******************************************************/

	.star_icon{width:64px;height:16px;-webkit-background-size:64px auto;background-size:64px auto}
	.star_icon.type_01{background-position:left 0}
	.star_icon.type_02{background-position:left -16px}
	.star_icon.type_03{background-position:left -32px}
	.star_icon.type_04{background-position:left -48px}
	.star_icon.type_05{background-position:left -64px}

    .star_icon_02{width:51px;height:9px;-webkit-background-size:51px auto;background-size:51px auto}
    .star_icon_02.type_01{background-position:left 0}
    .star_icon_02.type_02{background-position:left -9px}
    .star_icon_02.type_03{background-position:left -18px}
    .star_icon_02.type_04{background-position:left -27px}
    .star_icon_02.type_05{background-position:left -36px}


	.t_wrap textarea{height:60px}




	
}