@import url(https://fonts.googleapis.com/earlyaccess/malgungothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans); /* º»°íµñ */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /* º»°íµñ */
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap); /* º»¸íÁ¶ */
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); /*³ª´®½ºÄù¾î*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);  /* ³ª´®°íµñ : Çѱ¹¼­¹ö ºü¸§ */ 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); /* ³ª´®¹Ù¸¥°íµñ : Çѱ¹¼­¹ö ºü¸§*/ 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css); /*³ª´®°íµñÄÚµù : Çѱ¹¼­¹ö ºü¸§*/ 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);  /* ³ª´®¸íÁ¶ : Çѱ¹¼­¹ö ºü¸§*/ 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css);  /*³ª´®Ææ ¼Õ±Û¾¾ : Çѱ¹¼­¹ö ºü¸§*/ 
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css); /* ³ª´®ºê·¯½¬ ¼Õ±Û¾¾ : Çѱ¹¼­¹ö ºü¸§*/ 

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@charset "euc-kr";

BODY
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: 'GmarketSansMedium','GmarketSansLight', 'GmarketSansBold', 'Noto Sans KR', sans-serif;
    
    SCROLLBAR-FACE-COLOR: #f0f0f0;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #8d8d8d;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #f0f0f0;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    SCROLLBAR-BASE-COLOR: #ffffff
}

TABLE, TD
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Noto Sans KR', "Malgun Gothic"
	background-attachment: fixed; 
	background-position:top;
}

IMG 
{
  vertical-align:top; 
  line-height:0.1em;
  border:0;
}

    .form {font: 10pt Malgun Gothic; BACKGROUND-COLOR:#FFFFFF; COLOR:#222222; BORDER:1x solid #778899}
    .input{border-bottom: #747474 1px solid; border-left: #747474 1px solid; border-right: #747474 1px solid; border-top: #747474 1px solid; font-family:Malgun Gothic; font-size:10pt;}
    .inputtext{font: 10pt Malgun Gothic; BACKGROUND-COLOR:#FFFFFF; COLOR:#0099CC; BORDER:1x solid #0099CC}
    .select {font: 10pt Malgun Gothic; BACKGROUND-COLOR:#FFFFFF; COLOR:#222222; BORDER:0x solid #778899}
    .buttonk {font: 10pt Malgun Gothic;color:white;background-color:#0A8FC1; border-width:1px; border-color:#07698D; border-style:solid;}

A:link    { COLOR: #000000; TEXT-DECORATION: none }
A:visited { COLOR: #000000; TEXT-DECORATION: none }
A:hover   { COLOR: #0066ff; TEXT-DECORATION: underline }

.a1 A:link    { COLOR: #000000; TEXT-DECORATION: underline }
.a1 A:visited { COLOR: #000000; TEXT-DECORATION: underline }
.a1 A:hover   { COLOR: #0066ff; TEXT-DECORATION: underline }

.a2 A:link    { COLOR: #f6ff00; TEXT-DECORATION: none }
.a2 A:visited { COLOR: #f6ff00; TEXT-DECORATION: none }
.a2 A:hover   { COLOR: #ff0000; TEXT-DECORATION: none; font-weight:bold; }

.a3 A:link    { COLOR: #000000; TEXT-DECORATION: none }
.a3 A:visited { COLOR: #000000; TEXT-DECORATION: none }
.a3 A:hover   { COLOR: #ff0000; TEXT-DECORATION: none; font-weight:bold; }

.a4 A:link      { COLOR: #ffffff; TEXT-DECORATION: none } 
.a4 A:visited   { COLOR: #ffffff; TEXT-DECORATION: none }
.a4 A:hover     { COLOR: #000000; TEXT-DECORATION: none }

.a5 A:link      { COLOR: #ffffff; TEXT-DECORATION: none } 
.a5 A:visited   { COLOR: #ffffff; TEXT-DECORATION: none }
.a5 A:hover     { COLOR: #ffff00; TEXT-DECORATION: underline }

.a6 A:link      { COLOR: #000000; TEXT-DECORATION: none } 
.a6 A:visited   { COLOR: #000000; TEXT-DECORATION: none }
.a6 A:hover     { COLOR: #0066ff; TEXT-DECORATION: none; font-weight:bold; }

.sample_image  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

.sample_image:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.sample_image {overflow: hidden; }

@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, 10%, 0);
        }
        to {
            opacity: 1;
            transform: translateZ(0);
        }
}
 
.test_obj {
        position: relative;
        animation: fadeInUp 1s;
}

@keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -10%, 0);
        }
        to {
            opacity: 1;
            transform: translateZ(0);
        }
}
 
.test_obj_d {
        position: relative;
        animation: fadeInDown 1s;
}