@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,±¼¸²; font-size:9pt; color:#000000; }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#000000; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#000000;}
.guest  {font-weight:normal;color:#000000;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#000000; }

.ul { list-style-type:square; color:#000000; }

.ct { font-family: Verdana, ±¼¸²; color:#000000; } 

.ed { border:1px solid #000000; } 
.tx { border:1px solid #000000; } 

.small { font-size:8pt; font-family:µ¸¿ò; }
.cloudy, a.cloudy {color:#000000;} /* È帲 */

/* »ó´Ü¸Þ´º */
#gnb {width: 627px; height: 96px; background: url('/images/com_img/gnb_bg.jpg') no-repeat 0 0; font-family: 'Nanum Gothic', sans-serif;}
#gnb ul {margin: 0; padding: 0;}
#gnb ul li {list-style: none;}
#gnb ul li a {display: block; color: #fff;}
#gnb ul li a:hover {text-decoration: none;}
#gnb .menu {padding-top: 16px; padding-left: 12px;}
#gnb .menu:after {content:''; clear: both; display: block;}
#gnb .menu > li {position: relative; float: left; width: 144px; background: url('/images/com_img/gnb_bul.gif') no-repeat 0 center;}
#gnb .menu > li:first-child {background: none;}
#gnb .menu > li > a {position: relative; font-size: 13px; font-weight: 700; text-align: center; line-height: 33px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#gnb .menu > li > a:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/com_img/gnb_on.png') no-repeat center top; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#gnb .menu > li > a span {position: relative; z-index: 10;}
#gnb .menu > li:hover > a {color: #0066cc;}
#gnb .menu > li:hover > a:after {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#gnb .menu > li:hover > a span {top: -2px;}
#gnb .menu > li:hover .submenu {display: block;}

#gnb .submenu {display: none; position: absolute; top: 33px; left: 0; padding-top: 4px;}
#gnb .m1 .submenu {left: 18px;}
#gnb .m2 .submenu {left: -150px;}
#gnb .m3 .submenu {left: -15px;}
#gnb .m4 .submenu {left: 20px;}
#gnb .submenu ul {padding: 0 30px; background: #d0d0d0; white-space: nowrap;}
#gnb .submenu ul li {display: inline-block; margin-left: 13px; font-size: 11px; vertical-align: middle; line-height: 21px;}
#gnb .submenu ul li:first-child {margin-left: 0;}
#gnb .submenu ul li a {font-weight: 700; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#gnb .submenu ul li a:hover {color: #000;}

/* ¸ÞÀÎ */
#mainVisual {height: 320px; overflow: hidden;}
#mainVisual img {vertical-align: top;}

.mainSlide {height: 320px; margin: 0; padding: 0; overflow: hidden;}
.mainSlide img {vertical-align: top;}

.mainBanner {position: relative; width: 293px; height: 136px; background: url('/images/main_img/main_banner_bg.jpg') no-repeat center top; overflow: hidden;}
.mainBanner ul {margin: 0; padding: 0;}
.mainBanner li {list-style: none;}
.mainBanner .bx-controls {position: absolute; top: 10px; right: 18px; z-index: 50;}
.mainBanner .bx-controls .bx-pager-item {display: inline-block; margin-left: 5px; vertical-align: middle;}
.mainBanner .bx-controls .bx-pager-item:first-child {margin-left: 0;}
.mainBanner .bx-controls .bx-pager-item a {display: block; width: 19px; height: 16px; font-size: 0; line-height: 0; text-indent: -9999px;}
.mainBanner .bx-controls .bx-pager-item:first-child a {background: url('/images/main_img/mb_paging01.png') no-repeat 0 0;}
.mainBanner .bx-controls .bx-pager-item:nth-child(2) a {background: url('/images/main_img/mb_paging02.png') no-repeat 0 0;}
.mainBanner .bx-controls .bx-pager-item:first-child a.active {background-image: url('/images/main_img/mb_paging01_on.png');}
.mainBanner .bx-controls .bx-pager-item:nth-child(2) a.active {background-image: url('/images/main_img/mb_paging02_on.png');}

.main_quick {width: 201px; height: 78px; overflow: hidden;}
.main_quick ul {width: 198px; height: 73px; margin: 2px; padding: 0; overflow: hidden;}
.main_quick ul li {height: 24px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; list-style: none;}
.main_quick ul li .info {display: none;}
.main_quick ul li.on {height: 49px;}
.main_quick ul li.on .tt {display: none;}
.main_quick ul li.on .info {display: block;}
.main_quick ul li a {display: block;}
.main_quick ul li img {vertical-align: top;}

.mainLink {width: 201px; height: 58px; background: url('/images/main_img/main_link_bg.jpg') no-repeat 0 0; overflow: hidden;}
.mainLink .bx-wrapper {width: 175px; height: 43px; padding: 7px 12px; overflow: hidden;}
.mainLink .mlink_slider {margin: 0; padding: 0;}
.mainLink .mlink_slider li {list-style: none;}
.mainLink .mlink_slider li img {vertical-align: top;}

/* ¼­ºêºñÁÖ¾ó */
#subVisual {height: 208px; overflow: hidden;}
#subVisual img {vertical-align: top;}

.subvisualSlide {height: 208px; margin: 0; padding: 0; overflow: hidden;}
.subvisualSlide li {list-style: none;}
.subvisualSlide img {vertical-align: top;}