@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    list-style:none;
    vertical-align:top;
    border-collapse: collapse;

    <!--모바일 가로모드 일때 폰트크기 자동조정 중지하는 방법 / 주요 웹 브라우저의 벤더 프리픽스(vendor prefix)값 추가-->
    -webkit-text-size-adjust : 100%; <!--크롬, 사파리, 오페라 신버전-->
    -ms-text-size-adjust : 100%; <!--IE-->
    -moz-text-size-adjust : 100%; <!--파이어폭스-->
    -o-text-size-adjust : 100%; <!--오페라 구버전-->
}

body{background-color:transparent;overflow-y:scroll;overflow-x:hidden;color:#222;height:100%;scroll-behavior: smooth;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;letter-spacing:-.025em}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,textarea{margin:0;padding:0}
body,button,input,select,table,textarea{font-size:15px;font-family:"Noto Sans KR","Roboto","Pretendard-Regular",OpenSans-Light,"NotoSansKR-Light","Apple SD Gothic Neo",sans-serif}
fieldset,img,button{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a,button{text-decoration:none;color: #999}
/*a:visited{color:#222}*/
a:hover,button:hover{text-decoration:underline;border:0;cursor: pointer}
h1,h2,h3,h4,h5,h6{font-size: 15px;font-weight: normal}
caption{text-indent: -9999px;position: relative;top:-9999px;left:-9999px}
/*h1,h2,h3,.title{color:#404040}*/

img{
    image-rendering: auto;  /*기본값. 최대한 부드러운 이미지로 표현*/
    image-rendering: crisp-edges; //색상대조와 이미지 표준에 맞게
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;  /*webkit 전용 = crisp-edges;*/
    image-rendering: optimize-contrast;
    /*image-rendering: optimizeQuality  // SVG용, early draft, 현재 동작안함
    image-rendering: optimizeSpeed  // SVG용, early draft, 현재 동작안함
    image-rendering: pixelated; //확대일때만 적용, nearest-neighbor를 사용하거나 유사한 알고리즘 사용. 픽셀을 기준으로 표시함(smooth 없음!)*/
    -ms-interpolation-mode: nearest-neighbor;
}

a:link { color: inherit; text-decoration: none}
a:visited { color: inherit; text-decoration: none}
a:hover { color: inherit; text-decoration: none}

::selection {
    background:#8b7246;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#8b7246;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#8b7246;
    color: #FFF;
    text-shadow: none;
}

input::-webkit-input-placeholder{
    color: #8b7246;

}
input:-ms-input-placeholder {
    color: #8b7246;

}
textarea::-webkit-input-placeholder {
    color: #8b7246;

}
textarea:-ms-input-placeholder {
    color: #8b7246;

}

/* ----------------------------------------------------------------------------------------------------

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;

	/* Browsers have different default form fonts */
	font-size:15px;
}

/* Remove the stupid outer glow in Webkit */

textarea:focus {
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0;
}
button:focus {
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0;
}
input:focus {
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0;
}
a:focus {
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0;
}
/* Box Sizing Reset

-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */

input,
textarea
{
	/*-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;*/
    
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}

/* These elements are usually rendered a certain way by the browser */

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select

{
	-webkit-box-sizing:border-box;border:none;box-shadow: none;
	-moz-box-sizing:border-box;border:none;box-shadow: none;
	box-sizing:border-box;border:none;box-shadow: none;
}

/* Text Inputs

-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],

{
    
}

/* Button Controls

-----------------------------------------------*/

input[type=checkbox],
input[type=radio]

{
	width:13px;
	height:13px;
}

/* File Uploads

-----------------------------------------------*/

input[type=file]
{

}
/* Search Input

-----------------------------------------------*/


/* Make webkit render the search input like a normal text field */

input[type=search]
{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */

::-webkit-search-decoration

{
	display:none;
}

/* Buttons

-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]

{
	/* Fix IE7 display bug */

	overflow:visible;
	width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}

/* Textarea

-----------------------------------------------*/
textarea{
    /*초기화*/
    vertical-align:top;/* Move the label to the top */
    overflow:auto;/* Turn off scroll bars in IE unless needed */
    /*새로운설정*/
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border:2px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:before {
    border:2px solid #9f9cff;
    border-radius: 100%;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width:9px;
    height:9px;
    background: #9f9cff;
    position: absolute;
    top:5px;
    left:5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

input,select{
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none; 
    appearance: none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size: 1em;
}
input[type=checkbox]{border:1px solid #dadada;display: none}
input[type=checkbox] + label {
    background: #fff;
    width:17px;
    height: 17px;
    cursor: pointer;
    border-radius: 3px;
    border:1px solid #ccc;
    
}
input[type=checkbox]:checked + label {
    
    background: url(http://www.iluo.co.kr/common/images/icons/check/checkbox.svg),#fff;
    background-repeat: no-repeat,no-repeat;
    background-size: 90% 100%;
    background-position: center center;
    
}
input[type="checkbox"] + label span {position: absolute; left:0px; display: block }
input[type="submit"]:hover{cursor: pointer}

input[type="date"]{
    border:1px solid #ccc;
    padding:5px 7px;
}
input[type="date"] img:hover{
    cursor:pointer;
}

select {
    
    background: url(http://www.iluo.co.kr/common/images/icons/select/select_simple.svg),#fff;
    background-repeat: no-repeat,no-repeat;
    background-size: 15px 100%;
    background-position: right 10px center;
    
}