 body{scrollbar-face-color: #f7f7f7; scrollbar-shadow-color: #cccccc; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color:         #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cccccc; }

/*font 2020.09.03*/
@font-face {font-family: "nmsquare"; src: url("../images/font/NanumSquareR_5.eot"), url("../images/font/NanumSquareR.woff") format("woff"), url("../images/font/NanumSquareR_5.ttf") format("truetype");}
@font-face {font-family: "nmsquareB"; src: url("../images/font/NanumSquareB_5.eot"), url("../images/font/NanumSquareB.woff") format("woff"), url("../images/font/NanumSquareB_5.ttf") format("truetype");}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.FONT11 {
    font-size: 12px;
    color: #fefefe;
    font-family: "µ¸¿ò";
    line-height: 18px;

}

.FONT12 {
    font-size: 11px;
    color: #666666;
    font-family: "µ¸¿ò";
    line-height: 18px;

}


.box01 {
    font-size: 11px;
    background-color: #efefef;
    border: 1px solid #CCCCCC;
}


.FONT13 {
    font-size: 12px;
    color: #3281b0;
    font-family: "µ¸¿ò";
    line-height: 18px;
}

.FONT14 {
    font-size: 12px;
    color: #666666;
    font-family: "µ¸¿ò";
    line-height: 18px;
}

.FONT15 {
    font-size: 12px;
    color: #ff0000;
    font-family: "±¼¸²";
    line-height: 18px;
}

.FONT16 {
    font-size: 16px;
    color: #006ee9;
    font-family: "±¼¸²";
    line-height: 18px;
}



.box2 {
    font-size: 12px;
    border: 1px solid #999999;
    background-color: #FFFFFF;

}
.box3 {
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #FFFFFF;
}

/*¿Â¶óÀÎÁö¿ø¼­ ½ºÅ¸ÀÏ */
.box4 {BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; BACKGROUND: #f5f5f5; BORDER-LEFT: #e0e0e0 1px solid;  BORDER-BOTTOM: #e0e0e0 1px solid
    }
.gray {font-family:±¼¸²,Gulim; font-size: 12px; color: #7F8080; line-height:18px;}
.gray01 {font-family:µ¸¿ò; font-size: 11px; color: #8e8d8c; line-height:18px;}
.gray02 {font-family:µ¸¿ò; font-size: 12px; color: #666666; line-height:18px;}
.color01 {font-family:µ¸¿ò; font-size: 12px; color: #ef745b; line-height:18px;}

a:hover {
    font-size: 12px;
    color: #006699;
    line-height: 18px;
    font-family: "µ¸¿ò";
    text-decoration: none;
}
a:link {
    font-size: 12px;
    color: #3f3f3f;
    line-height: 18px;
    font-family: "µ¸¿ò";
    text-decoration: none;
}
a:visited {
    font-size: 12px;
    color: #3f3f3f;
    line-height: 18px;
    font-family: "µ¸¿ò";
    text-decoration: none;
}

.tbox {
    font-size: 12px;
    border: 1px solid #999999;
}
.css11 {
    font-size: 11px;
    line-height: 18px;
}
.bu {
    font-size: 12px;
    color: #000000;
    font-family: "µ¸¿ò";
    line-height: 16px;
}

.login {
    BORDER-RIGHT: #b1ab97 1px solid; BORDER-TOP: #b1ab97 1px solid; BORDER-LEFT: #b1ab97 1px solid; BORDER-BOTTOM: #b1ab97 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff
}

.textarea_01 {
    BORDER-RIGHT: #b1ab97 1px solid; BORDER-TOP: #b1ab97 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #b1ab97 1px solid; BORDER-BOTTOM: #b1ab97 1px solid
}

.pass A {color: #cfcccc}
.pass A:link {color: #cfcccc}
.pass A:visited {color: #cfcccc}
.pass A:active {color: #cfcccc}
.pass A:hover {color: #CC6600;text-decoration: none;}


.serchbox {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "", Gulim
}


form {display:inline;} /*Å×ÀÌºí ¾È±ú¾îÁö°Ô ÇÏ´Â ¼Ò½º*/

/*header ¸Þ´º 2020.09.02*/
ul.h_gnb {list-style:none; margin:0; padding:0 0 0 12px; height:27px;}
ul.h_gnb > li {float:left; }
ul.h_gnb > li > A:link, ul.h_gnb > li > A:visited {height:27px; line-height:27px; line-height:30px \0/IE8+9; padding:0 17px; margin:0 1px; color:#fff; font-size:14px; font-size:13px \0/IE8+9; font-weight:bold; letter-spacing:-0.05em; display:block; font-family:nmsquareB;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.h_gnb > li > A:link, ul.h_gnb > li > A:visited {height:27px; line-height:30px; padding:0 17px; margin:0 1px; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-0.05em; display:block; font-family:nmsquareB;}
}
ul.h_gnb > li > A:link.tx1, ul.h_gnb > li > A:visited.tx1 {color:#4df661;}
ul.h_gnb > li:hover > A:link.tx1, ul.h_gnb > li:hover > A:visited.tx1 {color:#058f16;}
ul.h_gnb > li > A:link.tx2, ul.h_gnb > li > A:visited.tx2 {color:#00ffff;}
ul.h_gnb > li:hover > A:link.tx2, ul.h_gnb > li:hover > A:visited.tx2 {color:#0090ec;}
ul.h_gnb > li:hover > A:link, ul.h_gnb > li:hover > A:visited {background:#fff; border-radius:5px; color:#244ccf; margin:0 1px; }

ul.h_gnb > li > A:link.selected, ul.h_gnb > li > A:visited.selected {background:#fff; border-radius:5px; color:#244ccf; margin:0 1px; }
ul.h_gnb > li > A:link.tx1.selected, ul.h_gnb > li > A:visited.tx1.selected {color:#058f16;}
ul.h_gnb > li > A:link.tx2.selected, ul.h_gnb > li > A:visited.tx2.selected {color:#0090ec;}

/*¸ÞÀÎ±¤°í 2020.09.02*/
div.main_v {width:485px; height:276px; position:relative; overflow:hidden;}
div.main_v ul {width:100%; height:100%; list-style:none; margin:0; padding:0;}
div.main_v ul.mv_img li {width:100%; float:left; height:100%; list-style:none; animation:sv_ani 1s ease-in-out; }
div.main_v ul.mv_img li.mv_img1 {background:url(/template/index/default/image/mv1.png) no-repeat 0 0; }
div.main_v ul.mv_img li.mv_img2 {background:url(/template/index/default/image/mv2.png) no-repeat 0 0; }
div.main_v ul.mv_img li.mv_img3 {background:url(/template/index/default/image/mv3.png) no-repeat 0 0; }
div.main_v ul.mv_img li.mv_img4 {background:url(/template/index/default/image/mv4.png) no-repeat 0 0; }
@keyframes sv_ani {
    0% {opacity:1}
    100% {opacity:1}
}

div.main_v .btn_control {position:absolute; bottom:6px; left:16px; }
div.main_v .btn_control a {display:block; width:18px; height:18px; line-height:18px; line-height:23px \0/IE8+9; border-radius:2px; font-family:nmsquareB; font-weight:bold;  border:solid 2px #e7e3d7; text-align:center; color:#c0ad85; background:#fff; float:left; margin:0 5px 0 0; cursor:pointer; }
div.main_v .btn_control a.on, div.main_v .btn_control a:hover {border-color:#ffab11; color:#885e14; height:18px; line-height:18px; line-height:23px \0/IE8+9; font-family:nmsquareB;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.main_v .btn_control a, div.main_v .btn_control a.on, div.main_v .btn_control a:hover {line-height:23px; }
}

/*header ÀÎ±â°Ë»ö¾î ¼öÁ¤*/
table tbody tr td.top_keyword > span > div > div {position:static !important; left:auto !important; top:auto !important; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    table tbody tr td.top_keyword > span {top:-8px !important; }
}
