@charset "UTF-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanssc.css');
@import url('https://fonts.googleapis.com/css?family=Biryani:200,300,400,600,700,800,900');	/* extra-light,light,regular,semi-bold,bold,extra-bold,black */
/* font */
@font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
 }



/* CSS reset */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, head, tr, th, td	{margin:0; padding:0; border:0; font-size:14px; line-height:1.6; vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}
em,address	{font-style:normal;}
hr	{display:none}
body	{word-break:break-all;}
dl, dt, dd, ol, ul, li	{list-style:none;}
blockquote, q	{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after	{content:''; content:none;}
ins	{text-decoration:none;}
del	{text-decoration:line-through;}
table	{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-break:break-all;}
table th, table td	{vertical-align:middle;}
fieldset	{margin:0; padding:0; border:0 none;}
legend, caption, .skip	{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
html, body,input,button,textarea	{font-size:14px; line-height:1.6; letter-spacing:-0.5px; color:#333; font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}
h1,h2,h3,h4,h5,h6,th,strong {font-weight:700;}

a	{color:#a7a7a7; text-decoration:none; display:inline-block; cursor:pointer;}
a:hover	{color:#a7a7a7; text-decoration:none;}
img,input	{vertical-align:top;}

/*	input	*/
select	{font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif; font-size:14px; vertical-align:middle; border:none; border-bottom:1px solid #cfcfcf; background:url("../images/input/input_select.gif") #fff 100% 50% no-repeat; color:#666; padding:0 35px 0 10px; margin:0; height:49px; cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/*-o- appearance:none;*/
select::-ms-expand {display:none;}

textarea {font-size:14px; color:#888; border:1px solid #dcdcdc; padding:10px; overflow-y:auto; resize:none;-webkit-appearance:none; box-sizing:border-box; border-radius:0;}

.inputWrap {position:relative;}

.inputWrap input[type="text"],.inputWrap input[type="password"],.inputWrap input[type="number"]	{background:#fff; height:49px; border:none; border-bottom:1px solid #cfcfcf; padding-left:10px; box-sizing:border-box;}

.inputWrap input[type="checkbox"],.inputWrap input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}

.inputWrap input[type="checkbox"] + label,.inputWrap input[type="radio"] + label {font-size:14px; line-height:21px; vertical-align:middle; cursor:pointer; position:relative; display:inline-block; zoom:1; *display:inline; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }

.inputWrap input[type="checkbox"] + label:before,.inputWrap input[type="radio"] + label:before {width:21px; height:21px; content:" "; display:inline-block; zoom:1; *display:inline; vertical-align: middle;}

.inputWrap input[type="checkbox"] + label:before {background:url("../images/input/input_check.gif") 0% 0% no-repeat;padding-right:5px;}
.inputWrap input[type="radio"] + label:before {background:url("../images/input/input_radio.png") 0% 0% no-repeat;padding-right:5px;}

.inputWrap input[type="checkbox"]:checked + label:before {background-position:0% 100%}
.inputWrap input[type="checkbox"].chkselect + label:before {background-position:0% 100%}
.inputWrap input[type="radio"]:checked + label:before {background-position:0% 100%}
.inputWrap input[type="radio"]:checked + label:before {background-position:0% 100%}


/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, canvas	{display:block; margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
input {-webkit-appearance:none; border-radius:0;}

/*	font	*/
.Biryani	{font-family: 'Biryani', sans-serif; font-weight:400;}
.Biryani.el	{font-weight:200;}
.Biryani.light	{font-weight:300;}
.Biryani.sb	{font-weight:600;}
.Biryani.bold	{font-weight:700;}
.Biryani.eb	{font-weight:800;}
.Biryani.black	{font-weight:900;}

/*	media query mobile	*/
@media all and (max-width: 767px){
	.inputWrap input[type="text"],.inputWrap input[type="password"],.inputWrap input[type="number"]	{/*background:#fff; height:8vw; padding-left:3vw; font-size:3vw;*/}
	select	{/*height:8vw;*/ /*background:url("../images/input/input_select.gif") #fff 100% 50% no-repeat;*/ /*padding-right:9vw; padding-left:2vw;*/}
	textarea	{/*font-size:3vw;*/}
	/*
	.inputWrap input[type="checkbox"] + label,.inputWrap input[type="radio"] + label {line-height:3vw; font-size:2.4vw;}
	.inputWrap input[type="checkbox"] + label:before,.inputWrap input[type="radio"] + label:before {width:4vw; height:4vw; background-size:contain!important;margin-top:-0.3vw}
	.inputWrap input[type="checkbox"] + label:before {background:url("../images/input/input_check_mobile.gif") 0% 0% no-repeat;padding-right:0.5vw;}
	.inputWrap input[type="radio"] + label:before {background:url("../images/input/input_radio_mobile.png") 0% 0% no-repeat;padding-right:0.5vw;}
	.inputWrap input[type="checkbox"]:checked + label:before {background:url("../images/input/input_check_mobile_checked.gif") 0% 0% no-repeat;}
	.inputWrap input[type="radio"]:checked + label:before {background:url("../images/input/input_radio_mobile_checked.png") 0% 0% no-repeat;}
	*/
}
@media all and (max-width: 540px){
	.inputWrap input[type="text"],.inputWrap input[type="password"],.inputWrap input[type="number"]	{background:#fff; height:34px; padding-left:10px; font-size:11px;}
	select	{/*height:8vw;*/ background:url("../images/input/input_select.gif") #fff 100% 50% no-repeat; /*padding-right:9vw; padding-left:2vw;*/height:34px;font-size:11px;}
	textarea	{font-size:11px;}
	.inputWrap input[type="checkbox"] + label,.inputWrap input[type="radio"] + label {line-height:15px; font-size:11px;}
	.inputWrap input[type="checkbox"] + label:before,.inputWrap input[type="radio"] + label:before {width:15px; height:15px; background-size:contain!important;margin-top:0px}
	.inputWrap input[type="checkbox"] + label:before {background:url("../images/input/input_check_mobile.gif") 0% 0% no-repeat;padding-right:5px;}
	.inputWrap input[type="radio"] + label:before {background:url("../images/input/input_radio_mobile.png") 0% 0% no-repeat;padding-right:5px;}
	.inputWrap input[type="checkbox"]:checked + label:before {background:url("../images/input/input_check_mobile_checked.gif") 0% 0% no-repeat;}
	.inputWrap input[type="radio"]:checked + label:before {background:url("../images/input/input_radio_mobile_checked.png") 0% 0% no-repeat;}
}