@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
html,body,div,span,img,a,form,label,iframe,footer,header,article,aside,h1,h2,h3,h4,h5,h6,p,b,strong,audio,video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
* {box-sizing: border-box;}
body {margin:0; padding:0; font-size:14px; color:navy; font-family:'Noto Sans KR',Verdana,Tahoma; z-index:1;}

a:link, a:active, a:hover, a:visited, a:focus {color:navy; text-decoration:none;outline:0;}
input.type-text, textarea {padding:2px 2px; border: 1px solid #ddd; background:#fff; padding:2px;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus, select:hover, select:active {padding:2px 2px; background-color:#ffffff;}
input, select, textarea {padding:2px 2px; vertical-align:middle; font-size:14px; color:navy;}
select {font-size:14px; font-family:Verdana,Tahoma,Arial;}
form {text-align:center;}
th, td {font-size:14px; color:navy;}

::placeholder {color:navy; opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:navy;}
::-ms-input-placeholder { /* Microsoft Edge */ color:navy;}




.btn_large  {margin: 5px 0px 5px 0px; padding: 5px 20px 5px 20px; border:1px solid navy; border-width: 1px 1px 1px 20px; text-decoration:none; display:inline-block;text-shadow:3px 3px 3px #ffffff; font-size:16px; font-weight:bold; letter-spacing:-1px;  color: #000000; background-color: lightcyan; }
.btn_large a:hover{ border-width: 1px 20px 1px 1px; color: navy;}
.btn_large:hover  { border-width: 1px 20px 1px 1px; color: navy;}

.btn_medium {margin: 5px 0px 5px 2px; padding: 2px 10px 2px 10px; border:1px solid navy; border-width: 1px 1px 1px 15px; text-decoration:none; display:inline-block;text-shadow:2px 2px 2px #ffffff; font-size:14px; font-weight:bold;   color: #000000; background-color: lightcyan; }
.btn_medium a:hover{ border-width: 1px 15px 1px 1px; color: navy;}
.btn_medium:hover  { border-width: 1px 15px 1px 1px; color: navy;}

.btn_small  {margin: 0px 0px 0px 0px; padding: 1px  3px 1px  3px; border:1px solid navy; border-width: 1px 1px 1px 12px; text-decoration:none; display:inline-block;text-shadow:2px 2px 2px #ffffff; font-size:12px; font-family:'Noto Sans KR',Verdana,Tahoma; font-weight:normal; color: #000000; background-color: lightcyan; }
.btn_small a:hover{ border-width: 1px 12px 1px 1px; color: navy;}
.btn_small:hover  { border-width: 1px 12px 1px 1px; color: navy;}

.ngt_lang {margin:0px; padding:0px; display:inline-block; vertical-align:top; text-align:center; border:0px solid #fff; border-radius:0px; z-index:99999;}
.ngt_cash {margin:0px; padding:0px; display:inline-block; vertical-align:top; text-align:left;   border:0px solid navy;}


.mlg_button  {margin:0px auto; padding:0px 0px 10px 0px;  display:inline-block; color:#ffffff; font-size:14px; border:0px solid #ffffff; border-radius:6px; text-decoration:none; cursor:pointer;  /*transition: all 0.3s ease-out;*/}
.mlg_button a {margin:0px auto; padding:0px 0px 10px 0px; color:#fff;} 
.mlg_overlay {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.8); transition:opacity 500ms; visibility:hidden; opacity:0;z-index:99999;}
.mlg_overlay:target {visibility:visible; opacity:1; z-index:99999;}
.mlg_popup {margin:30px auto; padding:0px 20px 10px 20px; display:inline-block; text-align:center; overflow:auto; background:lightcyan; border:6px solid cyan; border-radius:9px; box-shadow:3px 3px 3px #000000 inset; transition:all 5s ease-in-out; z-index:99999;}
.mlg_popup .close {margin:0px auto; padding:0px; display:block; color:#333; font-size:30px; font-weight:bold; text-decoration:none; text-align:right; border:0px solid #fff;}
.mlg_popup .close:hover {color: #06D85F;}
.mlg_blockbox {margin:0px 0px; padding:1px 0px; width:110px; display:inline-block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left; vertical-align:top; border:0px solid blue;}





.fix_Sort {margin:0px; padding:0px;}
.fix_Sort > p {margin:0px; padding:5px 30px; text-align:left; font-size:17px; font-weight:bold; border-radius:9px 9px 0px 0px; background-color:rgba(0,0,0,0.5 ); color:white; box-shadow:0px 3px 2px #666666; border:0px solid blue;}
.fix_Sort > div {margin:10px 0px 2px 0px; padding:3px 20px; text-align:left; font-size:15px; font-weight:bold; border:0px solid red;}
.fix_Sort > a span {margin:0; padding:1px 30px; display:block; text-align:left; font-size:14px;}



.fix_twin {margin:0px auto; padding:0px 0px; width:47%; display:inline-block; vertical-align:top; text-align:center; border:0px solid navy;}





.fix_sign_up {margin:0px 0px; padding:10px 20px 15px 20px; font-size:16px; font-weight:bold; letter-spacing:-1px; border: 1px solid black ;); background-color:lightcyan; }
.fix_sign_dw {margin:0px 0px; padding:30px 20px 20px 20px; height:350px; box-shadow:3px 3px 3px #666666 inset; border: 1px solid black ;); background-color:rgba( 255,255,255 , 0.4 ); }




.mySlides {display:none}
//.fix_GalleryFrame{margin:0px auto; max-width:1200px;}

.fix_NailBorder{border:3px solid #ccc;}
.fix_NailBorder-Red{border-color:#f44336;}
.fix_NailBox{width:100px; height:70px; display:inline-block;}


/* The container */
.container {margin-bottom:2px; padding-left:25px; display:block;
  position:relative; cursor:pointer; font-size:14px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* Hide the browser's default radio button */
.container input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.checkmark {position:absolute; top:0; left:0;
  height: 16px;
  width: 16px;
  background-color: #eee; border:1px solid black;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {background-color:#999999;}

/* When the radio button is checked, add a black background */
.container input:checked ~ .checkmark {background-color:#666666;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {  content: "";  position: absolute;  display: none;}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after { display: block;}

/* Style the indicator (dot/circle) */
.container .checkmark:after {top:4px; left:4px;	width:6px; height:6px; border-radius:50%; background:white;}




@media screen and (max-width:1279px){
	
.fix_Logo {margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; border:0px solid red;}
.fix_Logo img {width:120px; display:block; border:0px solid blue;}	

.fix_Core {display:none;}	
.fix_Desk{margin:0px 0px; padding:10px 0px; width:180px; border:0px solid #999999; text-align:right;}
	


/*
.fix_Logo {order: 1;}
.fix_Core {order: 2; width:100%;}
.fix_Desk {order: 3;}

*/
	
.lyt_flex {margin: 0px auto; padding:0px; display:block; text-align:center; border:0px dotted black;}	
.lyt_twin {margin:10px auto; padding:0px 10px; width:95%; text-align:center; border:0px solid 0A50A1;}
.fix_name {margin:10px auto; padding:0px 10px; display:block; font-size:22px; text-align:center; font-weight:bold; color:navy; letter-spacing:-1px; line-height:25px; border:0px solid #000000;}


.fix_Search {
    margin: 0px 10px 0px 0px;
    padding: 3px;	
    z-index: 4;
    position: relative;
    line-height: 0;
    border-radius: 100px;
    background: black;
    display: inline-block;
}



.fix_Search:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 8px;
    background:black;
    bottom: -2px;
    right: -1px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}




.fix_Search input[type="search"] {
    padding: 0 10px;	
	
    -webkit-appearance: none;
    font-family: Verdana, Arial, sans-serif;
    width: 25px;
    height: 25px;
    font-size:14px;
    color:navy;
    line-height: 20px;
    border: 0;
    border-radius: 50px;
    position: relative;
    z-index: 5;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
}

.fix_Search input[type="search"]:focus {outline:none; width:250px;}
.fix_Search button{display:none}



header {margin:0px 0px; padding:0px; border-bottom:0px solid #000000;  width:100%; z-index:200; box-shadow:0px 0px 0px #000000;}
header section {margin:0px auto; padding:0px 0px 0px 0px; width:96%; display:flex; justify-content:space-between;  text-align:center; border:0px solid #999999;}

main   {margin:10px 0px 0px 0px; padding:0px; text-align:center; border:0px solid Violet;}
main section   {margin:0px auto; padding:0px 0px 50px 0px; border:0px solid blue; width:96%;}



footer {margin:0px 0px; padding:0px; text-align:center; border:0px solid Violet; background:rgba( 255,255,255 , 0.0 ); border-top:8px solid navy;}
footer section {margin:0px auto; padding:20px 0px 50px 0px; border:0px solid blue; width:96%;}



.lyt_wrap {margin:0px auto; padding:0px 0px 0px 0px; display:block; width:100%; border:0px solid red;}
.lyt_left {display:none /*margin:0px auto; padding:0px;      order:1; width:100%; display:block; vertical-align:top; border:0px solid cyan;*/}
.lyt_body {margin:0px auto; padding:0px; display:block; text-align:center; border:0px solid blue;}
.lyt_rght {margin:0px auto; padding:0px; display:block; text-align:center; border:0px solid blue;}

.ngt_Foot {margin:0px auto; padding:5px 0px; text-align:center;}
.ngt_Foot div {margin:0px auto; padding:5px 0px; width:40%; vertical-align:top; display:inline-block; color:black;  text-align:left; border:0px double grey;}
.ngt_Foot h1 {margin:10px 20px 0px 0px; padding:0px 0px; display:inline-block;  vertical-align:top; text-align:left; font-size:12px; font-weight:bold; border:0px double grey;}
.ngt_Foot h2 {margin:0px 0px; padding:5px 0px 0px 5px;  vertical-align:top; text-align:left; font-size:12px; font-weight:normal; border:0px double grey;}
.ngt_Foot h2 a {margin:0px 0px; padding:0px 0px; color:black; border:0px double grey;}



.ngt_head{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:95%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_head > div {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_head div div{margin:0px auto; padding:5px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; box-shadow:1px 1px 1px #999999; width:95px ; border:2px solid navy; border-radius:6px;}
.ngt_head div div a{color:navy; font-size: 12px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.ngt_btoc{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:95%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_btoc > div {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_btoc div div{margin:0px auto; padding:5px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:white; text-align:center; box-shadow:1px 1px 1px #999999; width:95px ; background-color:navy; border:2px solid navy; border-radius:6px;}
/*
.ngt_btoc div div a{color:navy; font-size: 12px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
*/

}

@media screen and (min-width:1280px){
	

.fix_Logo {margin:0px; padding:5px 0px 0px 0px;  display:table-cell; width:20%; text-align:left;   vertical-align:top; border:0px solid red;}
.fix_Core {margin:0px; padding:0px 0px 0px 0px;  display:table-cell; width:60%; text-align:center; vertical-align:top; border:0px solid red;}
.fix_Desk {margin:0px; padding:5px 0px 0px 0px;  display:table-cell; width:20%; text-align:right;  vertical-align:top; border:0px solid red;}	
	
.fix_Logo img {width:150px; display:inline-block; border:0px solid blue;}	
	
.fix_Search      {margin:0px auto 0px auto; padding:0; text-align:center; width:90%; vertical-align:top; border:0px solid red; border-radius: 0px;}
.fix_Search form {margin:0px auto; padding:0; display:inline-block; text-align:center; vertical-align:top;  border:2px solid navy;}
.fix_Search select {margin:0px; padding:0px 10px; height:28px; font-size:14x; font-family:Verdana,Tahoma,Arial; border: 0px solid navy; border-right:1px solid cyan; outline:0;}
.fix_Search select:focus, select:hover, select:active {margin:0px; padding:10; font-size:14x; background-color:#ffffff; border:0px solid; border-right:1px solid cyan; outline:0;}
.fix_Search option {margin:0px; padding:20px 5px; font-size:14x; font-family:Verdana,Tahoma,Arial; border: 6px solid navy;  outline:0;}
.fix_Search input {margin:0px; padding:0px 10px; width:30vw; height:28px; vertical-align:middle; font-size:14px; color:navy; border:0px solid #ddd; outline:0; vertical-align:top;}
.fix_Search input.type-text {margin:0px; padding:0px 10px; border:0px solid #ddd; background:#fff; outline:0; vertical-align:top;}
.fix_Search input.type-text:hover, input.type-text:focus {margin:0px; padding:0px 10px; background-color:#ffffff; outline:0;  border:0px solid #ddd;}
.fix_Search button {margin:0px; padding: 3px 10px 2px 10px; color:#ffffff; background:navy; font-family:Verdana,Tahoma,Arial; vertical-align:top;border: 0px solid navy; cursor:pointer; outline:0;}


header {margin:0px 0px; padding:0px; text-align:center; border-bottom:0px solid navy; width:100%; z-index:200;  border:0px solid #999999;}
header section {margin:0px auto; padding:0px 0px 0px 0px; display:table;  width:85%; text-align:center; border:0px solid #999999;}

main   {margin:0px 0px; padding:0px; text-align:center; border:0px solid Violet; border:0px solid #999999;}
main section   {margin:0px auto; padding:0px 0px 0px 0px; border:0px solid blue; width:85%;}

footer {margin:0px 0px; padding:0px; text-align:center; border:0px solid Violet; background:rgba( 255,255,255 , 0.0 ); border-top:8px solid navy;}
footer section {margin:0px auto; padding:0px 0px 30px 0px; border:0px solid blue; width:85%;}



.lyt_flex {margin:0px; padding:0px; display:flex; justify-content:space-between; border:0px dotted black;}
.lyt_twin{margin:0px auto; padding:0px 10px; width:47%; display:inline-block; text-align:center; vertical-align:top; border:0px solid navy;}
.fix_name{margin:10px auto 10px auto; padding:0px 20px; display:block; font-size:22px; text-align:center; font-weight:bold; color:navy; letter-spacing:-1px;line-height:25px; text-shadow:1px 1px 1px #a9a9a9; border:0px solid #000000;}





.lyt_wrap {margin:0px auto; padding:0px 0px 0px 0px; display:table; width:100%; border:0px solid red;}
.lyt_left {margin:0px auto; padding:0px 0px 30px 0px; display:table-cell; width:250px; vertical-align:top; border:2px solid grey; border-radius:9px; background-color:rgba( 255,255,255 , 0.3 ); box-shadow:2px 2px 2px #666666;}
.lyt_body {margin:0px auto; padding:0px 0px 0px 20px; display:table-cell; vertical-align:top; text-align:center; border:0px solid blue;}
.lyt_rght {margin:0px auto; padding:0px 0px 0px 20px; display:table-cell; vertical-align:top; text-align:center; border:0px solid grey;}


/*
.ngt_head{margin:0px auto 0px auto; padding:0; display:inline-block; text-align:center; width:80%; background:Transparent; z-index:99; border:1px solid grey;}
.ngt_head ul {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:3px solid red;}
.ngt_head ul li{margin-right:2px; display:inline-block; overflow:hidden; position:relative; box-shadow:1px 1px 2px #999999; width: 120px ; height: 60px ; border:2px solid navy; background-color:rgba( 255, 255, 255 , 0.6 ); border-radius: 12px ; transition: all 400ms linear;}
.ngt_head li a{text-align:center; width:100%; height:100%; display:block; position:relative; color:navy; font-size: 14px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:14px; top:20px ;}
.ngt_head li:hover {transform:rotate(360deg);}


.ngt_head{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:80%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_head > div {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_head div div{margin:1px auto; padding:10px; display:inline-block; text-align:center; box-shadow:1px 1px 2px #999999; width: 120px ; border:2px solid navy; background-color:rgba( 255, 255, 255 , 0.6 ); border-radius: 12px ; transition: all 400ms linear;}
.ngt_head div div a{color:navy; font-size: 14px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ngt_head div:hover {transform:rotate(360deg);}

*/



.ngt_head{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:80%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_head > div {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_head div div{margin:1px auto; padding:10px; display:inline-block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:1px 1px 1px #999999; width:140px; height:120px; border:2px solid navy; border-radius:9px;}
.ngt_head div div a{color:navy; font-size:14px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*
.ngt_head div:hover {transform:rotate(360deg);}


.ngt_head{margin:0px auto 0px auto; padding:0; display:flex; flex-wrap:wrap; width:80%; text-align:center;background:Transparent; z-index:99; border:0px solid grey;}
.ngt_head > div{margin:1px; padding:10px; text-align:center; box-shadow:1px 1px 2px #999999; width:120px ; border:2px solid navy; background-color:rgba( 255, 255, 255 , 0.6 ); border-radius: 12px ; color:navy; font-size: 14px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: all 400ms linear;}
.ngt_head > div a{display:block; width:100%; width:100%;}
.ngt_head div:hover {transform:rotate(360deg);}*/




.ngt_btoc{margin:0px auto 0px auto; padding:0; display:block; text-align:center; width:80%; background:Transparent; z-index:99; border:0px solid grey;}
.ngt_btoc > div {margin:0px auto; padding:0; display:inline-block; text-align:left; background:Transparent; list-style:none; border:0px solid red;}
.ngt_btoc div div{margin:1px auto; padding:10px; display:inline-block; color:white; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:1px 1px 1px #999999; width:120px; background-color:navy; border:2px solid navy; border-radius:9px;}


/*
.ngt_btoc div div a{color:white; font-size:14px; font-weight:Normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
*/










.ngt_Foot {margin:0px auto; padding:0px 20px; display:inline-block; text-align:center; vertical-align:top; }
.ngt_Foot h1 {margin:0px; padding:0px; text-align:left; font-size:14px; font-weight:bold; border:0px double grey;}
.ngt_Foot h2 {margin:0px 0px; padding:5px 0px 0px 5px;  text-align:left; font-size:14px; font-weight:normal; border:0px double grey;}




}


#mini_Panel,   #mini_Panel2  {z-index:10001;position:absolute; padding:0px; border:0px solid black; background-color:#eeeeff; background-color:#eeeeff; color:#000000; font-size:12px; font-family:Verdana; text-shadow:0px 1px 1px #fff; line-height:14px;}
#mini_Panel a, #mini_Panel2 a{color:#000000; font-size:12px; font-family:Verdana; text-decoration:none; text-shadow:0px 1px 1px #fff; line-height:14px;}
.sys_form {margin:0px auto; padding:0px; text-align:center; vertical-align:top; display:inline-block; border:0px solid black;}
.sys_sign {margin:0px; padding:0px; display:inline-block; font-size:12px; color:#ffffff; cursor:pointer; background-color:transparent; border:0px; outline:0px;}
.sys_font {margin:0px; padding:0px; display:inline-block; font-size:16px; color:#ffffff; cursor:pointer; background-color:transparent; border:0px; outline:0px;}
.sys_text {margin:0px; padding:0px; display:inline-block; font-size:12px; color:#000000; cursor:pointer; background-color:transparent; border:0px; outline:0px;}

.sys_small {margin: 1px 1px 1px 0px;padding: 1px 5px 1px 5px;border:1px solid navy; border-width: 1px 1px 1px 10px;font-family:Verdana,arial, helvetica, sans-serif;text-decoration:none;display:inline-block;text-shadow:1px 1px 2px #ffffff;font-size:12px;font-weight:normal;color:navy;background-color: lightcyan;}
.sys_small a:hover{ border-width: 1px 10px 1px 1px; color: navy;}
.sys_small:hover  { border-width: 1px 10px 1px 1px; color: navy;}

.sys_medium {margin: 5px 0px 5px 2px;padding: 2px 10px 2px 10px;border:1px solid #999999;border-width: 1px 1px 1px 15px;font-family:Verdana,arial, helvetica, sans-serif;text-decoration:none;display:inline-block;text-shadow:2px 2px 2px #ffffff;font-size:12px;font-weight:bold;color: #000000;background-color: lightcyan;}
.sys_medium a:hover{ border-width: 1px 15px 1px 1px; color: #000000;}
.sys_medium:hover  { border-width: 1px 15px 1px 1px; color: #000000;}