@charset "utf-8";

@import url("/en/common/css/common.css");
@import url("/en/common/css/main.css");
@import url("/en/common/css/sub.css");
@import url("/en/common/css/member.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/*@font-face {   font-family: "NanumGothic";src: url('../../font/NanumGothic.eot');   font-weight: normal;   font-style: normal;}
@font-face { font-family: "NanumGothic";	src: url('../../font/NanumGothic.woff');  font-weight: normal;  font-style: normal;}
*/
body{font-family: 'Calibri', Dotum, Arial, Helvetica, AppleGothic, Sans-serif; }

/* Basic Style */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: none 0; }
/*strong{font-weight:bold !important}*/
body { width:100%; height:100%; background-color:#fff; }
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, div, p, li,
form, fieldset,  legend, label
{font-size:13px;color:#666;}
body, input, button, textarea { font-size:13px; line-height:1.8em; color:#000000;letter-spacing:-0.04em }
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 13px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
select{ border:1px solid #ccc;padding:2px 0 2px 10px;height:30px}
input[type="text"]{ height:27px; border:1px solid #ccc;padding-left:10px}
input[type="password"]{ height:27px; border:1px solid #ccc;padding-left:10px}
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }
section, nav, article, aside, hgroup, header, footer{display:block}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */  color:    #999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #999; opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #999; opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:    #999;}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color:#999;}

a{text-decoration:none; }

a:visited{ color: #464646; }

#sideContent a:link { color: #464646; }
#skipnav { border: 1px solid red; height: 20px; left: 0;  position: absolute; top: 0;}
#skipnav a { display: block; position: absolute; top: -9999px; }
#skipnav a:hover, #skipnav a:active, #skipnav a:focus { background-color: #000; color: yellow; display: block; font-weight: bold; padding: 10px 0; text-align: center; top: 0; width: 100%; z-index: 100000;}


@media (max-width:1024px) {
.sub_content_color  {max-width:850px;  margin:30px;}
.color_search_wrap .color_search_l {width:700px;clear:both}
.color_search_wrap .color_search_r {width:800px; float:left; padding:12px 10px 15px}
.colorinfo_view .color {left:50px;} 
}