#intro_page{width:100%; background:url("../images/intro_bg.jpg")no-repeat center center; background-size:cover;} #intro_page img{width:100%;} #intro_page .inner{width:1200px; margin:0 auto; text-align:center; position:relative;} #intro_page .inner a{position:absolute; left:50%; transform:translateX(-50%);bottom:270px; font-size:20px; font-family:arial; color:#fff; padding:10px 66px;} #intro_page > div a{ position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font : normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; padding-top:60px;} #intro_page > div a:hover{opacity:.5;} #intro_page > div a span{ position: absolute; top: 0; left: 50%; width: 46px; height: 46px; margin-left: -23px; box-sizing: border-box;} #intro_page > div a span::after{ position: absolute; top: 50%; left: 50%; content: ''; width: 16px; height: 16px; margin: -12px 0 0 -8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box;} #intro_page > div a span::before{position: absolute; top: -8px; left: -4px; z-index: -1; content: ''; width: 57px; height: 37px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); opacity: 0; -webkit-animation: sdb03 3s infinite; animation: sdb03 3s infinite; box-sizing: border-box;} @-webkit-keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } @keyframes sdb03 { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } } .header_line01{background:#ffffff;} #main_sec2 ul li{width:50%; float:left; position:relative; text-align:center;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li{background:#f0f0f0;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:hover{background:#91d8fa;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:hover h1{color:#fff;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:nth-child(1){border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:nth-child(2){border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:nth-child(3){border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;} #main_sec2 > .container-fluid > ul > li:last-child > ul > li:nth-child(4){border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;} #main_sec2 > .container-fluid > ul > li > a{position:absolute; bottom:6px; color:#000; padding:2px 10px; font-size:11px; font-weight:bold; z-index:1; left:50%; transform:translateX(-50%); background:#fff;} #main_sec2 > .container-fluid .information a{position:relative;} #main_sec2 > .container-fluid .information a h1{font-family: 'Nanum Gothic', Serif; position: absolute; font-size: 18px; left: 50%; transform: translateX(-50%); font-weight: bold; bottom: -40px; color:#4b4b4b; width:100%;} /*¸ÞÀÎ Áß°£ ¹è³Ê section4*/ #main_sec4{width:100%; float:left; position:relative; background:url('../images/main_sec4_bg.jpg')no-repeat center center; background-attachment:fixed; backgroun-size:cover; margin-top:20px;} /*¸ÞÀÎ Ãâ·Â ±Û section3*/ #main_sec3 {float:left; width:100%; position:relative; margin-top:22px; margin-bottom:45px;} #cs_center {float:left; width:32.833333333%; box-sizing:border-box; margin-right:0.75%; background:#e6e6e6;} #cs_center .sec3_title{border-bottom:0;} .sec3_cs_cont {padding:3px 20px 7px 15px; position:relative; height:158px; display:flex; flex-direction: column;} .sec3_cs_cont h2.cs_pn {color:#4e4e4e; font-size:32px; float:left; letter-spacing: -2px; font-weight:bold; font-family: 'NanumSquare';} .sec3_cs_cont p {color:#656565; line-height:18px; float:left; margin-top:10px; clear:both; font-family: 'Nanum Gothic', Serif; font-size:14px; font-weight:400;} .sec3_cs_cont span{color:#607c7d;} .sec3_cs_cont a {position:absolute; top:65px; right:20px;} #main_sec3 .bbs1{margin-right:0.75%;} #main_sec3 .bbs1, #main_sec3 .bbs2 {width:32.83333333333%; border:1px solid #e3e3e3; box-sizing:border-box; float:left;} .sec3_title {border-bottom:1px solid #e3e3e3; display: flex; justify-content: space-between; align-items: center; padding:15px 30px 15px 18px;;} .sec3_title h2 {font-size:21px; font-family: 'Nanum Gothic', Serif; font-weight:700; color:#4e4e4e;} .sec3_title h2 a{ font-family: 'Nanum Gothic', Serif; font-weight:700;} .sec3_title p a { float:right; margin-right:30px; font-size:16px;} .sec3_cont {padding:15px 33px 25px 15px; height:158px;} .sec3_cont > li { line-height: 20px; height:20px; } .sec3_cont > li.title { padding-left: 12px; background: url('../images/dot.jpg') no-repeat center left; width:85%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px;} .sec3_cont > li.title a{color:#a7a3a3;} .sec3_cont > li.date {width:15%; text-align:right; float:right; color:#a7a3a3; font-size:14px;} /*###### ±âŸ °øÅë######*/ html,body {margin:0;padding:0; height: 100%;-ms-overflow-style: scrollbar;} /* ¹Ú½º À̹ÌÁö ¹ÝÀÀ */ .thImg img, .bimg img {max-width: 100%;} .inner{width:1200px; margin:0 auto; position:relative;} /* °Ô½ÃÆÇ ÆäÀÌ¡*/ div.page_list {font-weight:bold; padding:20px;text-align:center; display:table; margin:25px auto;} div.page_list > span {display:inline-block; width:32px; height:32px; border:1px solid #706565; float:left; line-height:32px; background-color:#706565; color:white; margin-left:7px; } div.page_list > a {display:inline-block; width:32px; height:32px; border:1px solid #d0d0d0; float:left; line-height:32px; margin-left:7px; color:black;} div.page_list > a:hover {background-color:#706565; color:white; border:1px solid #706565;} /*admin ÆäÀÌÁö css*/ .admin-home {position: absolute; left:815px; top:80px; } .admin-home ul {margin:0 -125px; float:left;} .admin-home ul li {float: left;margin-right:20px;} /*Æ˾÷*/ #popup {position:absolute; top:129px; left:0; z-index:999;} #popup > div {float:left; max-width:100%; margin:10px;} #popup > div > img {max-width:100%;} .main_wrap {background: #f7f6f4; position: relative;} /* Ä¿½ºÅÒ ÄÚµù */ /* »ó´Ü À̺¥Æ® ±¤°í */ #inbanner {display: none;} /* header */ #menu_top { position: relative; float: left; width: 100%; height: 35px; line-height: 35px; background: #eeeeee; z-index: 1;} #menu_top .bookmark {line-height: 35px; display: inline;} #menu_top .bookmark img {padding-top: 5px;} #menu_top .float_left{float:left; margin-left:10px; color:#868686;} #menu_top .float_right{float:right; margin-right:10px;} #menu_top .float_right a{color:#868686;} #menu_top .memlink {position: absolute; right: 6px; top: 9px;} #menu_top .memlink .adc {float: left; margin-top: 1px;} #menu_top .memlink ul {float: left;} #menu_top .memlink ul li {float: left; padding: 0 7px 0 10px; background: url('../images/tline01.png') no-repeat left center;} #menu_top .memlink ul li:first-child {background: none;} #menu_top .memlink ul li a {font-family: 'Noto Sans', sans-serif; font-size: 13px; color: #8e5575; font-weight: bold;} /* ·Î°í ¸Þ´º ºÎºÐ */ #header .htop {position: relative; max-width: 1595px; margin: 0 auto;} /* ÇØ´õ°¡ fix À϶§ */ #header {width: 100%;} #header.fix {width:100%; } #header.fix #menu_top {height: 77px;} #header.fix #menu_top .bookmark img {padding-top: 24px;} #header.fix #menu_top .memlink {display: none;} #header.fix .htop {padding-top: 0;} #header.fix .header_line01 .sp_gnb {top: -32px; right: -100px;} #header.fix .header_line01 .sp_gnb li a {padding: 0 5px 0 10px;} #header.fix #main_gnb .mwg {max-width: 100%; background: #ffffff; } /*------------------------------ ³¡ ------------------------------------*/ #header .header_line01 .sp_gnb {position: absolute; top: 69px; right: 0;} #header .header_line01 .sp_gnb li {float: left;} #header .header_line01 .sp_gnb li a {font-size: 14px; color: #333333; padding: 0 22px; background: url("../images/header_line01.png") no-repeat left center; letter-spacing: -1px;} #header .header_line01 .sp_gnb li a:hover {color: #6e4e78;} #header .header_line01 .sp_gnb li:last-child a {padding-right: 0;} #header .header_line01 .sp_gnb li:first-child a {padding-left: 0; background: none;} .gnb {display:none;} .gnb > li {float: left; width: 16.6%; background: #ffffff; height: 42px; line-height: 42px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, .4); position: relative;} .gnb > li:first-child {border-left: 1px solid rgba(255, 255, 255, .4);} .gnb > li:last-child {border-right: 1px solid #d5cab4;} .gnb > li a {display: block; text-align: center; font-size: 16px; color: #717171;} .gnb > li:hover {background: #7ec9e1;} .gnb > li:hover > a {color: #ffffff;} .gnb > li ul {display: none; background: #ffffff; position: relative; z-index: 1000; padding: 16px 0;} .gnb > li ul li {height: 30px; line-height: 30px;} .gnb > li ul li a {font-size: 15px;} .gnb > li ul li a:hover {color: #6e4e78} /* ¸Þ´º ¿Ã¶ó°¬À»¶§ À̺¥Æ® */ .gnb > li:nth-child(2):hover ul {display: block;} .gnb > li:nth-child(3):hover ul {display: block;} #main_gnb .mwg {max-width: 1595px; margin: 0 auto;} /* ¼­ºêÆäÀÌÁö ¸Þ´º ¶óÀÎ */ .sub_wrap #header {z-index: 100; transform: translateZ(0); backface-visibility: hidden;} #header.fix #main_gnb {border-top: none;} #sub_page .sub_lnb {background: #f4f4f4;display: none;} #sub_page .sub_lnb .cate_menulist {margin: 0 auto;} #sub_page .sub_lnb .cate_menulist li {float: left; margin: 0 1px;} #sub_page .sub_lnb .cate_menulist li:first-child {background-image: none;} #sub_page .sub_lnb .cate_menulist li a {font-size: 12px;} /* ¼­ºêÆäÀÌÁö ¹è°æ */ .sub_banner {height: 125px; background-size: cover; display: table;} .sub_banner .container {display: table-cell; vertical-align: middle;} .sub_banner .container h2 {font-family: 'NanumSquare', sans-serif; font-size: 25px; font-weight: bold; letter-spacing: 0; color: #ffffff; text-align: center; -moz-text-shadow: 1px 1px rgba(0,0,0,0.25); -webkit-text-shadow: 1px 1px rgba(0,0,0,0.25); text-shadow: 1px 1px rgba(0,0,0,0.25); } /* ÆäÀÌÁö ºÎŸÀÌƲµé */ .secTitle {padding-top: 60px !important; margin-bottom: 60px !important;} h3.secTitle {font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight: bold; color: #232323; text-align: center; margin-bottom: 26px; line-height:30px;} h3.secTitle .btxt {font-size: 18px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-top: 10px; text-align: center; display: block; font-weight: normal;} p.secbm {font-size: 16px; color: #696868; font-family: 'Noto Sans', sans-serif; text-align: center; margin-top: 25px;} h3.secTitle.w {color: #ffffff;} p.secbm.w {color: #ffffff;} /* ¿Â°¡Á·ÁÖÄ¡ÀÇ À̲ø¸²Ä¡°ú */ .sub_banner.s01 {background: url('../images/s01_bg.jpg') no-repeat center;} /* ÀÇ·áÁø¼Ò°³ */ .sub_banner.s02 {background: url('../images/s02_bg.jpg') no-repeat center;} /* À̲ø¸² µÑ·¯º¸±â */ .sub_banner.s03 {background: url('../images/s03_bg.jpg') no-repeat center;} /* »ó´ã/¹®ÀÇ */ .sub_banner.s04 {background: url('../images/s04_bg.jpg') no-repeat center;} /* À̲ø¸² ½ºÅ丮 */ .sub_banner.s05 {background: url('../images/s05_bg.jpg') no-repeat center;} /* À̲ø¸² Ưº°ÇÔ */ .sub_banner.s06 {background: url('../images/s06_bg.jpg') no-repeat center;} /* µðÁöÅÐ Ä¡¾Æ±³Á¤ */ .sub_banner.s07 {background: url('../images/s07_bg.jpg') no-repeat center;} /* µðÁöÅÐ µðÁöÅÐ ÀÓÇöõÆ® */ .sub_banner.s08 {background: url('../images/s08_bg.jpg') no-repeat center;} /* ¾î¸°ÀÌ Ä¡°ú */ .sub_banner.s09 {background: url('../images/s09_bg.jpg') no-repeat center;} /* µðÁöÅÐ 1day ¶ó¹Ì³×ÀÌÆ® */ .sub_banner.s10 {background: url('../images/s10_bg.jpg') no-repeat center;} /* µðÁöÅÐ ÃæÄ¡Ä¡·á */ .sub_banner.s11 {background: url('../images/s11_bg.jpg') no-repeat center;} /* ǪÅÍ Ä«ÇǶóÀÌÆ® */ #footer{position:relative; float:left; width:100%; background-color:#323433;} #copyright {padding:47px 0; color:#919191; line-height:16px; font-size: 13px; font-family:'Nanum Gothic', Serif; float:left;} #copyright > a{color:#919191; font-weight:bold;} #bot_nav {display:block; height:25px; line-height:15px; } #bot_nav > li {float:left; padding-left:10px; padding-right:10px; border-left:2px solid white;} #bot_nav > li:first-child { border-left:0; padding-left:0;} #bot_nav > li > a {color:white; font-weight:bold;} #bot_nav > li > a:hover {color:#c6c6c6;} #copyright span.yesweb {color:#707070;} #copy_logo{float:left; position:relative; top:40px; margin-right:117px;} #footer a.yesweb {float:right; margin-top:60px;} #bot_nav {overflow: hidden; display: table; margin: 0 auto 21px auto;} #bot_nav li {float: left; padding: 0 10px; position: relative;} #bot_nav li:before {content: ''; position: absolute; width: 1px; height: 12px; background: rgba(255,255,255,0.8); left: 0; top: 5px;} #bot_nav li:first-child:before {display: none;} #bot_nav li a {color: rgba(255,255,255,0.8); font-size: 14px;} /* ·Î±×ÀÎ Á¤Áø¾Æ */ #login{width:100%; margin: 80px 0 60px 0;} #login .inner{margin:0 auto;} .inner .top_box{width:99%;margin: 0 auto 60px auto;} .inner .top_box img{padding:60px 0px 80px 0px;margin-left:35%;} .inner .top_box p {text-align: center; font-weight: bold; font-size: 20px;} .inner .top_box p span {color: #75268e;} .inner .top_box p:first-child {margin-bottom: 5px;} .inner .bottom_box{width:99%; height:200px;margin:0 auto; border-top:2px solid #363636; border-bottom:1px solid #cdcdcd; background-image:url('../images/line.jpg'); background-repeat:no-repeat;background-position:606px center; } .bottom_box .left{width:50%; float:left;padding-top:64px; position:relative; font-size:14px; color:#272727; font-weight:bold;} .bottom_box .left p:first-child {margin-bottom: 10px;} .bottom_box .left .left_01 span{padding:0px 70px 0px 10px} .bottom_box .left .left_02 span{padding:0px 59px 0px 10px} .bottom_box .left .input{width:220px;} .bottom_box .right a{margin-left:20px; float: right;} .bottom_box .right a#gray{margin-left:23px;} /* input style */ .bottom_box .left input[type=text], .bottom_box .left input[type=password] {border: 1px solid #dddddd; padding: 5px 0;} .bottom_box .left input[type=image] {float:right;position:absolute; right:50px; top: 62px;} .bottom_box .right{float:right;font-size:12px; color:#616161; padding-top:64px; margin-right: 70px;} .bottom_box .right img{vertical-align:middle;} .bottom_box .right p {overflow: hidden; line-height: 28px;} .bottom_box .right p:first-child {margin-bottom: 10px;} .sns_login {margin-top: 35px;} .sns_login ul {overflow: hidden; width: 50%; margin: 0 auto;} .sns_login ul li {float: left; margin-left: 10px;} .sns_login ul li:first-child {margin-left: 0;} /* fancybox Ä¿½ºÅÒ */ #fclose {position: absolute; top: 0; right: 0; cursor: pointer;} .fancybox-inner {overflow: visible !important; height: auto !important;} #scrollUp { bottom: 10px; right: 20px; padding: 10px 20px; background-color: #555; color: #fff; } /* quick */ #quick { display: none;} /* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */ .dgcont {white-space: pre-line;} /* ¹Ìµð¾î Äõ¸® */ /* Å« ±â±âµé (Å« µ¥½ºÅ©Å¾, 1024px ÀÌ»ó) */ @media (min-width: 1024px) { #sub_page .sub_lnb {display: block; position:relative; top:56px;} /* Ä¿½ºÅÒ ÄÚµù */ /* »ó´Ü À̺¥Æ® ±¤°í */ #inbanner {height: 180px; width: 100%; background: #f2e8ee; text-align: center;} /* header */ #menu_top {height: 35px; width: 100%; background: #eeeeee;} #menu_top .bookmark {line-height: 35px; display: inline;} #menu_top .bookmark img {padding-top: 5px;} #menu_top .memlink {position: absolute; right: 6px; top: 9px;} #menu_top .memlink .adc {float: left; margin-top: 1px;} #menu_top .memlink ul {float: left;} #menu_top .memlink ul li {float: left; padding: 0 7px 0 10px; background: url('../images/tline01.png') no-repeat left center;} #menu_top .memlink ul li:first-child {background: none;} #menu_top .memlink ul li a {font-family: 'Noto Sans', sans-serif; font-size: 13px; color: #8e5575; font-weight: bold;} /* ·Î°í ¸Þ´º ºÎºÐ */ #header .htop {position: relative; max-width: 1200px; margin: 0 auto;} #header .header_line01 #top_logo {margin: 0 auto; text-align:center; padding:72px 0 37px;} /* ÇØ´õ°¡ fix À϶§ */ #header {width: 100%;} #header.fix {width:100%; } #header.fix #menu_top {height: 77px;} #header.fix #menu_top .bookmark img {padding-top: 24px;} #header.fix #menu_top .memlink {display: none;} #header.fix .header_line01 #top_logo_w {padding:26px 0; text-align:center; position:relative;} #header.fix .htop {padding-top: 0;} #header.fix .header_line01 .sp_gnb {top: -32px; right: -100px;} #header.fix .header_line01 .sp_gnb li a {padding: 0 5px 0 10px;} #header.fix #main_gnb .mwg {max-width: 1200px; background: #ffffff; } /*------------------------------ ³¡ ------------------------------------*/ #header .header_line01 .sp_gnb {position: absolute; top: 69px; right: 0;} #header .header_line01 .sp_gnb li {float: left;} #header .header_line01 .sp_gnb li a {font-size: 14px; color: #333333; padding: 0 22px; background: url("../images/header_line01.png") no-repeat left center; letter-spacing: -1px;} #header .header_line01 .sp_gnb li a:hover {color: #6e4e78;} #header .header_line01 .sp_gnb li:last-child a {padding-right: 0;} #header .header_line01 .sp_gnb li:first-child a {padding-left: 0; background: none;} .gnb {display:block;} .gnb > li {float: left; width:16.666666666666666666666666%; height: 46px; line-height: 46px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, .4); position: relative; border:1px solid #e9e9e9;border-left:0;} .gnb > li:nth-child(6){border-right:1px solid #ffffff40;} .gnb > li:first-child {border-left: 1px solid #e9e9e9; } .gnb > li:last-child {border-right: 1px solid #e9e9e9;} .gnb > li a {display: block; text-align: center; font-size: 20px; color: #5f5f5f; padding-left:20px;} .gnb > li:nth-child(1){background:url('../images/menu_icon01.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(1):hover{background:url('../images/menu_icon01_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:nth-child(2){background:url('../images/menu_icon02.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(2):hover{background:url('../images/menu_icon02_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:nth-child(3){background:url('../images/menu_icon03.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(3):hover{background:url('../images/menu_icon03_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:nth-child(4){background:url('../images/menu_icon04.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(4):hover{background:url('../images/menu_icon04_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:nth-child(5){background:url('../images/menu_icon05.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(5):hover{background:url('../images/menu_icon05_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:nth-child(6){background:url('../images/menu_icon06.png')no-repeat 30px; background-size:contain;} .gnb > li:nth-child(6):hover{background:url('../images/menu_icon06_hover.png')no-repeat 30px #6db5ec; background-size:contain;} .gnb > li:hover {background: #3787c4; border:0;} .gnb > li:hover > a {color: #ffffff;} .gnb > li ul {display: none; background: #fcfcfc; position: relative; z-index: 1000; padding: 16px 0;} .gnb > li ul li {height: 30px; line-height: 30px;} .gnb > li ul li a {font-size: 15px; color:#717171; position:relative; right:10px;} .gnb > li ul li a:hover {color: #6e4e78} /* ¸Þ´º ¿Ã¶ó°¬À»¶§ À̺¥Æ® */ .gnb > li:nth-child(1):hover ul {display: block;} .gnb > li:nth-child(2):hover ul {display: none; z-index:2;} .gnb > li:nth-child(3):hover ul {display: none;} .gnb > li:nth-child(4):hover ul {display: none;} .gnb > li:nth-child(5):hover ul {display: none;} .gnb > li:nth-child(6):hover ul {display: block;} #main_gnb{position:absolute; top:185px; width:100%;} #main_gnb .mwg {max-width: 1200px; margin: 0 auto;} /* ¼­ºêÆäÀÌÁö ¸Þ´º ¶óÀÎ */ .sub_wrap #header {z-index: 100; transform: translateZ(0); backface-visibility: hidden; position: absolute; top: 0;} .sub_wrap #header .header_line01{background:#fff;} #header.fix #main_gnb {border-top: none; top:108px;} #sub_page {margin-top: 0 !important;} #sub_page .sub_lnb {background: #f4f4f4;} #sub_page .sub_lnb .cate_menulist {margin: 0 auto; box-sizing: border-box;} #sub_page .sub_lnb .cate_menulist li {float: left; margin: 0; width: auto; text-align: center; border: 1px solid rgba(255, 255, 255, .4); border-top:0;} #sub_page .sub_lnb .cate_menulist li:first-child {background-image: none; border-left: none;} #sub_page .sub_lnb .cate_menulist li a {font-size: 16px; padding: 14px 33px; display: block; text-transform: uppercase; position: relative; } #sub_page .sub_lnb .cate_menulist li a.active { background-color: #3787c4;} /* ¼­ºê¸Þ´º È£¹öÀ϶§ ¾Ö´Ï³×ÀÌ¼Ç #sub_page .sub_lnb .cate_menulist li a:after {display: block; content: ''; border-bottom: 1px solid #6e4e78; transform: scalex(0); -webkit-transform: scalex(0); -moz-transform: scalex(0); -ms- -o-transform: scalex(0); transition: transform 250ms ease-in-out; -webkit-transition: transform 250ms ease-in-out; -moz-transition: transform 250ms ease-in-out; -ms-transition: transform 250ms ease-in-out; -o-transition: transform 250ms ease-in-out; } #sub_page .sub_lnb .cate_menulist li a:hover:after { transform: scalex(1); -webkit-transform: scalex(1); -moz-transform: scalex(1); -ms-transform: scalex(1); -o-transform: scalex(1); } */ /* ¹®¼­°¡ ·ÎµåµÉ¶§ ¾Ö´Ï¸ÞÀÌ¼Ç #sub_page .sub_lnb .cate_menulist li a.active:after { content: ''; position: absolute; bottom: -2px; width: 0; height: 1px; background: #6e4e78; left: 50%; animation: line .7s ease-in-out forwards; -webkit-animation: line .7s ease-in-out forwards; -moz-animation: line .7s ease-in-out forwards; -ms-animation: line .7s ease-in-out forwards; transform: scalex(1); -webkit-transform: scalex(1); -moz-transform: scalex(1); -ms-transform: scalex(1); -o-transform: scalex(1); } @keyframes line { form { left: 50%; width: 0%; } to { left: 0%; width: 100%; } } */ .new_secTitle{ padding:0px !important;} .secTitle {padding-top: 60px; margin-bottom:60px; clear:both;} h3.secTitle {font-size: 30px;} h3.secTitle .little_sectitle{color:#747373; font-size:26px; font-weight:normal; line-height:1;} .thImg img, .bimg img {max-width: none;} /* ¼­ºêÆäÀÌÁö ¹è°æ */ .sub_banner {height: 201px;} .sub_banner .container h2 {font-size: 46px; letter-spacing: -3px;} #footer {margin: 0;} /* quick */ #quick {position: fixed; right: -79px; z-index: 100; display: block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #quick ul {background: #5f4c64;} #quick ul li {padding: 12px 6px 12px 40px; border-top: 1px solid #76657a;} #quick ul li.btn01 {border-top: 0; background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px 14px;} #quick ul li.btn02 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -28px;} #quick ul li.btn03 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -72px;} #quick ul li.btn04 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -113px;} #quick ul li.btn05 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -154px;} #quick ul li.btn06 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -198px;} #quick ul li.btn07 {background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -239px; background-color:#322535;} #quick ul li a {font-size: 13px; letter-spacing: -1px; color: #dfd2e2; font-weight: bold;} #quick dl {background: #322535; padding: 6px 0 10px 0; display: none;} #quick dl dt {color: #dfd2e2; font-size: 14px; letter-spacing: -1px; padding: 5px 0 5px 40px; background-image: url('../images/quick_icon.png'); background-repeat: no-repeat; background-position: 5px -288px;} #quick dl dd {font-size: 17px; color: #ffffff; letter-spacing: -1px; margin-top: 5px; text-align: center; font-family: 'Nanum Gothic', serif; font-weight: bold;} #quick:hover {right: 0;} #quick:hover > dl {display: block;} }