@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face{
font-family: 'NanumBarunGothic';
    src: url('https://designpop1i.cafe24.com/html//web/font/NanumBarunGothic.eot'); /*IE9 호환성 보기*/
    src: local("@"),
         url('https://designpop1i.cafe24.com/html//web/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), /*IE 6-8*/
         url('https://designpop1i.cafe24.com/html//web/font/NanumBarunGothic.woff') format('woff'); /*표준 브라우저*/
}

@font-face{
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src:url('/web/font/NotoSansKRLight.eot');
	src:local(※), url('/web/font/NotoSansKRLight.woff') format('woff');
	src:url('/web/font/NotoSansKRLight.eot?#iefix') format('embedded-opentype'),url('/web/font/NotoSansKRLight.woff') format('woff'),url('/web/font/NotoSansKRLight.ttf') format('truetype');url('/web/font/NotoSansKR-Light.svg#NotoSansKRLight') format('svg');	
}

@font-face{
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src:url('/web/font/NotoSansKRRegular.eot');
	src:local(※), url('/web/font/NotoSansKRRegular.woff') format('woff');
	src:url('/web/font/NotoSansKRRegular.eot?#iefix') format('embedded-opentype'),url('/web/font/NotoSansKRRegular.woff') format('woff'),url('/web/font/NotoSansKRRegular.ttf') format('truetype');url('/web/font/NotoSansKRRegular.svg#NotoSansKRRegular') format('svg');	
}

@font-face{
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src:url('/web/font/NotoSansKRMedium.eot');
	src:local(※), url('/web/font/NotoSansKRMedium.woff') format('woff');
	src:url('/web/font/NotoSansKRMedium.eot?#iefix') format('embedded-opentype'),url('/web/font/NotoSansKRMedium.woff') format('woff'),url('/web/font/NotoSansKRMedium.ttf') format('truetype');url('/web/font/NotoSansKRMedium.svg#NotoSansKR-Medium') format('svg');	
}
@font-face{
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 600;
	src:url('/web/font/NotoSansKRBold.eot');
	src:local(※), url('/web/font/NotoSansKRBold.woff') format('woff');
	src:url('/web/font/NotoSansKRBold.eot?#iefix') format('embedded-opentype'),url('/web/font/NotoSansKRBold.woff') format('woff'),url('/web/font/NotoSansKRBold.ttf') format('truetype');url('/web/font/NotoSansKRBold.svg#NotoSansKRBold') format('svg');	
}

* {font-family:'Nanum Gothic','나눔고딕', 'Dotum', 'Gulim', 'Arial', sans-serif;}

/* CSS reset */
html, body, div, span, 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, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;
	font-family:'Nanum Gothic','나눔고딕', 'Dotum', 'Gulim', 'Arial', sans-serif;
	list-style:none;
	line-height:100%;
}
em,address{font-style:normal;}
hr{display:none}
body{line-height:1.2em;word-break: break-all;}
ol, ul{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;display:none;}

html, body,input,button{font-size:12px; color:#666;}

a {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
img,input{vertical-align:middle;}
label{vertical-align:middle; font-size:14px;}
select {height:25px; margin:0; border: 1px solid #dcdcdc; padding:0; font-size:13px; vertical-align:middle; color:#666;}
textarea {border:1px solid #dcdcdc; color:#666; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}



/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}

.floatBox	{}
.floatBox:after	{content:"";display:block;clear:both;}
.float01	{float:left;}
.float02	{float:right;}


input[type='text'],
input[type='password'],
input[type='file'],
input[type='tel'],
input[type='search'] {height:23px; line-height:20px; font-size:13px; margin:0; border:1px solid #dcdcdc; color:#666; padding:0 0 0 1%; vertical-align: middle;background:#fff;}
input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:3px; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 \0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;} 
input[type='radio'] {border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-border-radius:10px; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9;}
input[type='radio']:checked {border:solid 1px #c9c9c9; border:0 \0/IE8+9;} 
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; position:relative; top:3px; left:3px; -webkit-border-radius:5px;} 
input[type='button']	{padding:0;width:100%;}