body,th,td,form,input,textarea,select,option{font-family:"dotum","돋움""verdana";font-size:12px;color:#4c4c4c;line-height:130%; scrollbar-face-color:#ffffff; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#cccccc; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#cccccc} img{border:none} a,img,input {selector-dummy: expression(this.hideFocus=true)} body{margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; background-color:#ffffff;} /* 전체링크 */ A.:link { COLOR: #4c4c4c; TEXT-DECORATION: none;line-height:120%;} A.:visited { COLOR: #4c4c4c; TEXT-DECORATION: none;line-height:120%} A.:active { COLOR: #4c4c4c; TEXT-DECORATION: none;line-height:120%} A.:hover { COLOR: #ca020c; TEXT-DECORATION: none;line-height:120%} /* 메인 공지사항링크 */ A.news:link { COLOR: #6b6b6b; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:180%;} A.news:visited { COLOR: #6b6b6b; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:180%;} A.news:active { COLOR: #6b6b6b; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:180%;} A.news:hover { COLOR: #ca020c; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:180%;} /* 서브 네비 home 링크 */ A.home_link:link { COLOR: #818181; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:140%;} A.home_link:visited { COLOR: #818181; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:140%;} A.home_link:active { COLOR: #818181; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:140%;} A.home_link:hover { COLOR: #818181; FONT-SIZE: 11px; TEXT-DECORATION: none; line-height:140%;} A.orange:link { COLOR: #ff620d; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;} A.orange:visited { COLOR: #ff620d; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;} A.orange:active { COLOR: #ff620d; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;} A.orange:hover { COLOR: #ff620d; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;} A.blu:link { COLOR: #2b5aa8; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;line-height:220%;} A.blu:visited { COLOR: #2b5aa8; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;line-height:220%;} A.blu:active { COLOR: #2b5aa8; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold;line-height:220%;} A.blu:hover { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight: bold;line-height:220%;} /* 폰트관리 */ .font_b { font-weight:bold;} .small {font-size:11px;color:#818181;} .big {font-size:14px;color:#818181;font-weight: bold;} .day {font-family:Verdana; FONT-SIZE: 9px; color:#a4c1d8;} .home {font-size:11px;color:#a6a6a6;} .home_point {font-size:11px;color:#80a44f;font-weight: bold;} .white {font-size:12px;color:#ffffff;font-weight: bold;} .sky {font-size:11px;color:#97d5e6;} .red {color:#e8353b; font-weight: bold;font-size:14px;} .s_red {color:#e8353b; font-size:11px;} .oran {font-size:12px; color:#ff4b31; font-weight: bold;} .s_oran {font-size:11px; color:#ff4b31; } .gray {font-size:12px; color:#f5f5f5; font-weight: bold;} .blue {font-size:12px; color:#09369d;} .jin_blue {font-size:12px; color:#08097f;} .black {font-size:11px; color:#000000; } .justify { TEXT-ALIGN: justify;} /* 줄간격 */ .mbg_x { background-image: url(/images/include/bgbg.jpg); background-repeat: repeat-x;} /* 전체 백그라운드 */ .bg {background-image:url(/images/include/bar.gif);BACKGROUND-REPEAT: no-repeat; background-position: top center} .s_bg {background-image:url(/images/include/bar_s.gif);BACKGROUND-REPEAT: no-repeat; background-position: top center} /* 테이블 라인 */ .main_line {background-color:#dbdbdb;height:1px;} .table_top {background-color:#a7a7a7;height:2px;} .line_black {background-color:#000000;height:2px;} .copy_line {background-color:#efefef;height:23px;} .line_height { border-bottom: 1px solid #E5E5E5; padding:7px 3px 8px 3px;} .line_bottom { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding:8px 3px 8px 3px; background-color:#f5f5f5; color:#000000;} /* 패딩관리 */ .pad_top {padding:15px 0px 0px 0px;} .pad_right {padding:0px 10px 0px 0px;} .pad_bottom {padding:0px 0px 10px 0px;} .pad_left {padding:0px 0px 0px 10px;} /* header */ .header{display:flex; flex-wrap:wrap; padding:0; width:1000px; align-items:flex-end; justify-content:space-between;} .header::after{content:''; display:block; width:1000px; height:30px; background:url('/images/main08_gbb_Bg_03.png') no-repeat 0 0; position:relative; left:50%; transform:translateX(-50%); margin:20px 0 0;} .header *{font-family:'Nanum Gothic' !important;} .header__logo{margin:0 0 0 50px;} .header__menu{display:flex; width:100%; flex:1; padding:0; margin:0 50px 0 50px; list-style:none;} .header__menu > li{position:relative;} .header__menu > li:not(:last-child){margin-right:55px;} .header__menu > li > a{font-size:15px; color:#484848; font-weight:600; line-height:1; transition:all .5s; text-decoration:none; letter-spacing:-0.05em;} .header__menu > li > a:hover{font-size:17px; color:#334e0d; text-decoration:none; font-family:inherit !important;} .header__menu > li > a:hover + ul, .header__menu > li > ul:hover{opacity:1; visibility:visible;} .header__menu > li > ul{padding:0; margin:0; position:absolute; top:43px; left:0; list-style:none; display:flex; list-style:none; z-index:9999; opacity:0; visibility:hidden; transition:all .5s;} .header__menu > li:nth-child(4) > ul{left:-350px;} .header__menu > li:nth-child(5) > ul{left:-50px;} .header__menu > li > ul > li{white-space:nowrap; margin:0 20px 0 0;} .header__menu > li > ul > li > a{font-size:12px; color:#fff; font-weight:600; text-decoration:none;} .header__menu > li > ul > li > a:hover{text-decoration:none; font-size:12px; font-family:inherit !important;} .header__menu > li > ul > li > a::before{content:''; display:inline-block; width:3px; height:3px; background:url('/images/main08_gbb_03.gif') no-repeat 0 0; margin:0 5px 0 0;} /* lnb */ .lnb{margin-top:95px;} .lnb *{font-family:'Nanum Gothic'; box-sizing:border-box;} .lnb__title{font-size:17px; color:#5b5b5b; font-weight:600; background:url('/images/sub01_bg_03.jpg') no-repeat 0 0; padding:70px 0 10px 30px; height:97px} .lnb__menu{margin:0; padding:0; list-style:none; display:block;} .lnb__menu li{} .lnb__menu li a{text-decoration:none; font-size:13px; color:#686868; font-weight:600; display:block; padding:3px 0 0 30px; background:url('/images/sub01_bg_07.jpg') no-repeat 0 0; transition:all .5s; height:29px;} .lnb__menu li a:hover{background-image:url('/images/sub01_bg_05.jpg'); color:#fff;} /* main-visual */ .main-visual{position:relative; height:340px;} .main-visual *{font-family:'Nanum Gothic';} .main-visual__tree{position:absolute; bottom:0; left:140px;} .main-visual__over1{position:absolute; bottom:0; left:67px; opacity:0; animation:mainover1 1s .5s forwards;} @keyframes mainover1{ 0%{ opacity:0; } 100%{ opacity:1; } } .main-visual__over2{position:absolute; bottom:0; left:82px; opacity:0; animation:mainover1 1s 1s forwards;} .main-visual__txt{position:absolute; font-size:13px; color:#0087d1; font-weight:600; opacity:0;} .main-visual__txt.txt-1{top:30px; left:105px; animation:mainover1 1s 1.5s forwards;} .main-visual__txt.txt-2{top:30px; left:350px; animation:mainover1 1s 2s forwards;} .main-visual__txt.txt-3{top:130px; left:400px; animation:mainover1 1s 2.5s forwards;} .main-visual__txt.txt-4{top:170px; left:415px; animation:mainover1 1s 3s forwards;} .main-visual__txt.txt-5{top:270px; left:405px; animation:mainover1 1s 3.5s forwards;} .main-visual__txt.txt-6{top:275px; left:80px; animation:mainover1 1s 4s forwards;} .main-visual__txt.txt-7{top:170px; left:15px; animation:mainover1 1s 4.5s forwards;} .main-visual__txt.txt-8{top:80px; left:40px; animation:mainover1 1s 5s forwards;} .main-visual__title{position:absolute; top:80px; right:30px;} .main-visual__title span{display:block; font-size:42px; font-weight:600; line-height:1; margin-bottom:10px; opacity:0;} .main-visual__title span:nth-child(1){color:#7ea420; animation:mainover1 1s 1.5s forwards;} .main-visual__title span:nth-child(2){color:#787878; animation:mainover1 1s 2.5s forwards;} .main-visual__banner{position:absolute; bottom:20px; right:18px;} .main-visual__banner .banner1, .main-visual__banner .banner2{opacity:0;} .main-visual__banner .banner1{margin:0 0 5px 53px; animation:mainover1 1s 2.5s forwards;} .main-visual__banner .banner2{ animation:mainover1 1s 3.5s forwards;}