@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:Lato,'Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:#333;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,em {font-style:normal;font-weight:normal}

/* common */
.inline {font-size: 0;}
.inline>* {display:inline-block;zoom:1;*display:inline;_display:inline;vertical-align: top;}
.clearfix:after {content: "";display:block;clear:both;}
.fleft {float:left;}
.fright{float:right;}
.hide_c {display:none !important;}
.relative {position:relative;}

/* chrome 링크 미활성화*/
*:focus { outline: none;}

/* input */
input[type="text"],
input[type="password"]{outline:none; box-sizing:border-box; border:1px solid #ccc; padding:0 10px; height:38px; font-size:13px;}
input[type="image"]{vertical-align:top;border:none;cursor:pointer;}
input[type="button"]{border:none;background:none;cursor:pointer;}
input[type="submit"]{cursor:pointer;vertical-align:top;font-size:100%;}
input[type="checkbox"]{width:13px; height:13px; vertical-align:top;}
input[type="text"]::placeholder,
input[type="password"]::placeholder{color: #aaa; opacity: 1;}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder{color: #aaa;}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder{color: #aaa;}
input[type="text"]:-mos-input-placeholder,
input[type="password"]:-mos-input-placeholder {color: #aaa;}

/* textarea */
textarea::placeholder {color: #aaa; opacity: 1;}
textarea::-webkit-input-placeholder {color: #aaa;}
textarea:-ms-input-placeholder {color: #aaa;}
textarea:-mos-input-placeholder {color: #aaa;}

/* select */
select{vertical-align:top; outline:none; border:1px solid #666; height:38px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
padding-left: 15px; background:#fff url(/assets/img/pc/common/icon_sel_down.png)no-repeat right 11px center;  background-size: 12px 6px; height:38px; font-size:13px;}

/* 체크박스, 라디오버튼  */
.form_element {display:inline-block; overflow:hidden; position:relative; line-height:1;}
.form_element ul li {display:inline-block; line-height: 1; vertical-align: middle;}
.form_element label {cursor:pointer;}
/*
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:23px;min-height:23px;line-height:22px;padding:0 0 0 30px;background:url('/assets/img/pc/common/check.png') no-repeat left center;cursor: pointer;}
.form_element label.bk{background:url('/assets/img/pc/common/check_bk.png') no-repeat left center;}
.form_element label.on{background:url('/assets/img/pc/common/check_on.png') no-repeat left center;}
.form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;}
*/
.form_element input[type=radio]:not(old) {margin:0; padding:0; opacity:0; width:0; background:url('/assets/img/pc/common/check_on.png') no-repeat left center; }
.form_element input[type=radio]:not(old) + label {display: inline-block; text-align: left; height:23px; padding-left: 30px; background:url('/assets/img/pc/common/check.png') no-repeat left center; line-height: 23px; vertical-align: middle;}
.form_element input[type=radio]:not(old):checked + label {background:url('/assets/img/pc/common/check_on.png') no-repeat left center;}
.form_element input[type=checkbox]:not(old) {margin:0; padding:0; opacity:0; width:0; background:url('/assets/img/pc/common/check_on.png') no-repeat left center; }
.form_element input[type=checkbox]:not(old) + label {display: inline-block; text-align: left; height:23px; padding-left: 30px; background:url('/assets/img/pc/common/check.png') no-repeat left center; line-height: 23px; vertical-align: middle;}
.form_element input[type=checkbox]:not(old):checked + label {background:url('/assets/img/pc/common/check_on.png') no-repeat left center;}