
@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 3px 0px 0px; padding:0px; display:inline-block; vertical-align:top; text-align:center; border:0px solid #000; height:26px;}
.ngt_cash {margin:0px;             padding:0px; display:inline-block; vertical-align:top; text-align:right;  border:0px solid #000;}


.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 10px 20px 20px; display:inline-block; height:77vh; text-align:center;  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:inline-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_popup .scroll {margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; height:95%;  overflow:auto; border:0px solid red;}
.mlg_blockbox {margin:0px 0px; padding:1px 0px; width:150px; 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 navy ;); 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 navy ;); background-color:rgba( 255,255,255 , 0.4 ); }


.ctt_close {margin:0px; padding:0px;  display:inline-block; font-size:28px; background-color:transparent; border:0px; outline:0px;}
.ctt_bubble {margin:0px; padding:10px 14px 10px 14px; display:inline-block; position:relative; background-color:#ccffff; border-radius:5px; white-space:normal; box-shadow:-2px 2px 2px 0 rgba( 178, 178, 178, .4 ); text-align:left; vertical-align:top; border:0px solid black;}
.ctt_bubble::before {background-color:#ccffff;  content:""; 
   /* display: block; */
    width:20px; height:16px; position: absolute; top: 14px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
}

.left {margin: 5px 10px; display:inline-block; width:60%;/*float:left; */}
.left::before {box-shadow:-2px 2px 2px 0 rgba( 178, 178, 178, .4 ); left:-11px;}

.right {margin:5px 10px; display:inline-block; width:60%;}
.right::before {box-shadow:2px -2px 2px 0 rgba( 178, 178, 178, .4 ); right:-7px;}






@media screen and (max-width:1279px){
	

header {margin:0px 0px; padding:0px; text-align:center; /* position:fixed; top:0px; height:200px; */ background-color:#0A50A1; border:0px solid #999999; border-bottom:8px solid Red; width:100%; z-index:200; }
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; background-color:#0A50A1; border:0px solid Violet; border-top:8px solid Red;}
footer section {margin:0px auto; padding:20px 0px 50px 0px; border:0px solid blue; width:96%;}
	
.fix_Logo {margin:0px; padding:5px 0px 0px 0px; display:inline-block; position:relative; text-align:left; vertical-align:top; border:0px solid red;}
.fix_Logo img {max-width:80%; display:inline-block; border:0px solid blue;}		

.fix_Core {display:none;} 
.fix_Desk {margin:0px; padding:5px 0px 0px 0px; display:block;  text-align:right;  vertical-align:top; border:0px solid blue;}	




.ngt_head {margin:0px 0px 0px 0px; padding:0px 0px; display:block; text-align:right; position:relative; right:0px; top:-5px; border:0px solid #ffffff;}
.ngt_head [type="checkbox"], label {display:none;} /*hide checkbox for menu tap*/
.ngt_head ul {display:none;} 
.ngt_head label {margin:0px 10px 0px 0px; padding:0px; width:30px; height:30px; display:inline-block; text-align:center; vertical-align:baseline; font-size:18px; color:#ffffff; font-weight:normal; background:#0A50A1; cursor:pointer;  border:1px solid #ffffff; border-radius:4px;}	
.ngt_head [type="checkbox"]:checked ~ ul {margin:0px 0px 0px 0px; padding:10px 10px; display:block; width:100%; list-style:none; position:relative; top:0px; left:0px; z-index:9999; background:#0A50A1; border:0px solid #ffffff;} 	
.ngt_head ul li {margin:0px 0px; padding:6px 0px 6px 0px; display:block; width:100%; text-align:left; background:#0A50A1; text-indent:20px;}
.ngt_head ul li a {margin:0px 0px; padding:0px 0px 0px 20px; color:#e8e8e8;}
.ngt_head > ul > li {margin-left:0px;}
.ngt_head > ul li ul li {margin:0px 0px 0px 0px; padding:6px 0px 6px 20px; display:block;}
.ngt_head > ul li ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; list-style:none;  width:100%; z-index:9999; }



.fix_Search {
    margin: 0px 10px 0px 0px;
    padding: 3px;	
    z-index: 4;
    position:relative; left:0px; top:-30px; 

    line-height: 0;
    border-radius: 100px;
	
    background: #b9ecfe;
    background-image: -webkit-linear-gradient(#dbf6ff,#b9ecfe);
    background-image: -moz-linear-gradient(#dbf6ff,#b9ecfe);
	
    display: inline-block;
}



.fix_Search:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 8px;
    background: #b9ecfe;
    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: 18px;
    height: 18px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    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:200px;}








/*



.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 navy;}	
.lyt_twin {margin:10px auto; padding:0px 0px; 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;}





.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:45%; vertical-align:top; display:inline-block; color:white;; 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:white; border:0px double grey;}




}

@media screen and (min-width:1280px){

header {margin:0px 0px; padding:0px; text-align:center; background-color:#0A50A1; border:0px solid #999999; border-bottom:8px solid Red; width:100%; z-index:200; }
header section {margin:0px auto; padding:0px 0px 0px 0px; width:85%; display:flex; justify-content:space-between;  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; background-color:#0A50A1; border:0px solid Violet; border-top:10px solid Red; box-shadow:0px 3px 3px navy inset;}
footer section {margin:0px auto; padding:0px 0px 30px 0px; border:0px solid blue; width:85%;}

	

.fix_Logo {margin:0px; padding:5px 0px 0px 0px;  display:inline-block; text-align:left; vertical-align:top; border:0px solid red;}
.fix_Logo img {max-width:100%; display:inline-block; border:0px solid blue;}	

.fix_Core {margin:0px; padding:15px 0px 0px 0px; display:block;  text-align:center; vertical-align:top; border:0px solid blue;}	
.fix_Desk {margin:0px; padding:5px 0px 0px 0px; display:block;  text-align:right;  vertical-align:top; border:0px solid blue;}		

.fix_Mobi {display:none;} 	
	
	
.fix_Search      {margin:0px auto 0px auto; padding:0; text-align:center; width:40vw; 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;}


.lyt_flex {margin:0px; padding:0px; display:flex; justify-content:space-between; border:0px dotted navy;}
.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:0px; 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 5px auto; padding:0px; width:100%; text-align:center; background:#0A50A1; border:0px solid #a9a9a9;}
.ngt_head [type="checkbox"], label {display:none;} /*hide checkbox for menu tap*/
.ngt_head ul ul            {display: none;}
.ngt_head ul li:hover > ul {display: block;}
.ngt_head ul               {margin:0px auto; padding:0px 0px; border-radius:0px; list-style:none; position:relative;}
.ngt_head ul li            {margin:0px 0px;  padding:0px 0px; display:inline-block; border:0px solid #333333;  border-right:0px inset #a9a9a9;}
.ngt_head ul ul > li       {width:100%;}
/*
.ngt_head ul li:last-child {border-right:1px inset #ffffff; }
.ngt_head ul li:hover      {border-radius:0px; background:#0A50A1; linear-gradient(#0A50A1,#0000ff,#0A50A1);}
.ngt_head ul ul > li:hover {background:#0A50A1; }
*/

.ngt_head > ul > li a         {padding: 0px 12px 2px 12px; color:#f7f7f7; display:block; font-weight:normal; font-size:16px; letter-spacing:0px; line-height:18px; border-bottom:2px solid #0A50A1; text-decoration:none; text-shadow: 0px 1px 1px #000;}
.ngt_head > ul > li:hover a   {color:#ffffff; font-weight:normal;  text-shadow: 0px 2px 2px #000; border-bottom:2px solid #ff0000;}


.ngt_head ul ul            {padding:0; background:#0A50A1; width:150px; text-align:left; position:absolute; top:90%; border:1px solid #ff0000; z-index:100; }
.ngt_head ul ul li         {padding:0px 0px; position:relative; border-bottom:0px solid #a9a9a9;}
.ngt_head ul ul li a:hover {background:#0A50A1; background:linear-gradient(#0A50A1,#5959a6,#0A50A1);  border-bottom:1px solid #a9a9a9;}
.ngt_head ul ul ul         {position:absolute; left: 100%; top:0;}






/*





.ngt_head{margin:2px 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: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_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:10px 0px; text-align:center;}
.ngt_foot div {margin:0px 0px; padding:10px 30px; vertical-align:top; display:inline-block; color:white; text-align:left; border:0px solid 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:white; border:0px double grey;}

}


#mini_Panel,   #mini_Panel2  {z-index:10001;position:absolute; padding:0px; border:0px solid navy; 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 navy;}
.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:14px; 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;}
