/*Ä¿½ºÅÒ Ãß°¡ css*/ /*³×À̹ö ½ºÄù¾î font-family: 'NanumSquare', sans-serif; */ @import url("http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css"); /*º»°íµñ font-family: 'Noto Sans', sans-serif; */ @import url("http://fonts.googleapis.com/css?family=Noto+Sans"); /*###### ±âŸ °øÅë######*/ html,body {margin:0;padding:0; } #wrap {float:left; width:100%; position:relative; min-width:1200px;} .main_wrap { background-color:#ffffff;} .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:690px; top:80px; } .admin-home ul {margin:0; float:left;} .admin-home ul li {float: left;margin-right:20px;} /*Æ˾÷*/ #popup {position:absolute; top:129px; left:0; width:100%; z-index:999;} #popup > div {float:left; max-width:100%; margin:10px;} #popup > div > img {max-width:100%;} /*#### ÃÖ»ó´Ü ¸Þ´º ####*/ #menu_top {position:relative; float:left; width:100%; height: 35px; line-height:35px; background:#efefef; z-index:1; } #menu_top .float_left {float:left; margin-left:10px;} #menu_top .float_right {float:right; margin-right:10px;} /*###### header #########*/ #header {width:100%; position:relative; float:left; background-color:#ffffff; height: 130px; z-index:1;} #header > .inner {height:100%; z-index:1;} /*·Î°í*/ #top_logo {padding: 38px 0 0 0; text-align: center; } #main_gnb {position:relative; z-index:1;} #main_gnb:before {content: ''; height: 42px; width: 100%; position: absolute; top: 0; background: #ffd307;} /*¼­ºêÄ«Å×°í¸® ¹è°æ»ö*/ #gnb_bg {position:absolute; top: 130px; left:0; width:100%; background-color:#ffffff; z-index:1; height: 40px; /*-webkit-box-shadow: 10px 7px 0px 10px rgba(0,0,0,0.55); -moz-box-shadow: 10px 7px 10px 0px rgba(0,0,0,0.55); box-shadow: 10px 7px 10px 0px rgba(0,0,0,0.55);*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */ opacity: .90;} #gnb_bg > div {position:absolute; width:100%; top: 130px; left:0;} /*¸ÞÀÎÄ«Å×°í¸®*/ #main_gnb > div > ul {position:relative;} #main_gnb > div > ul > li {position:relative; float:left; } #main_gnb > div > ul > li > a {font-size:17px; height: 42px; line-height: 42px;padding: 0 80px; color:#3f3f3f;font-weight:bold;} #main_gnb > div > ul > li > a:hover {color: #ffffff;} /*¼­ºêÄ«Å×°í¸®*/ ul.sub_gnb {position:relative; display:block; padding:10px 0 10px 84px; clear:both; display:none;} ul.sub_gnb > li > a {font-size:14px; height:30px; line-height:30px; white-space:nowrap; width:100%; z-index:1; letter-spacing: -1px; } /*###### content #########*/ #content {position:relative; float:left; width:100%; background-color:#f8f7f3; margin: 42px 0 0 0; z-index:0; padding-bottom: 59px;} /*¸ÞÀιè³Ê section1*/ #main_sec1 {float:left; position:relative; width:100%; padding-top: 25px;} /*¸ÞÀÎ Áß°£ ¹è³Ê section2*/ #main_sec2 {width:100%; float:left; position:relative; } #main_sec2 > .link {float:left; width:25%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #main_sec2 > .link > a { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #main_sec2 > .link > a:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */ opacity: .7;} #main_sec2 > .link img {width:100%;} /*½½¶óÀ̵å css*/ #main_sec2 > .bbs_gallery {position:relative; float:left; width:50%; padding:33px 0; background-color:#f1f1f1; border:1px solid #ebebeb; overflow:hidden; box-sizing:border-box; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #main_sec2 > .bbs_gallery {.width:49.5%;} #main_sec2 > .bbs_gallery .bx-wrapper .bx-prev {left:-40px;} #main_sec2 > .bbs_gallery .bx-wrapper .bx-next {right:-40px;} #main_sec2 > .bbs_gallery .bx-wrapper .bx-pager {bottom:-20px;} .bxslider2 > li {height:120px;} .bxslider2 img {height:100%;} /*¸ÞÀÎ Ãâ·Â ±Û section3*/ #main_sec3 {float:left; width:100%; position:relative; margin-top:20px;} #main_sec3 .bbs1 {width: 28.75%; float:left; .width:34.8%; background: #ffffff; height: 160px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #main_sec3 .bbs2 {border-left:0;} .sec3_title {border-bottom:1px solid #e6e6e6; padding: 13px 0; margin: 0 2%;} .sec3_title h2 {margin-left:0; font-size:18px; font-family: 'NanumSquare', sans-serif;} .sec3_title p a { float:right; margin: -15px 0 0 0;} .sec3_cont {padding:15px 15px 25px 7px;} .sec3_cont > li { line-height: 20px; height:20px; } .sec3_cont > li.title {width:70%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px;} .sec3_cont > li.title a { font-family: 'Noto Sans', sans-serif;} .sec3_cont > li.date {width:20%; text-align:right; float:right; font-size: 14px; font-family: 'Noto Sans', sans-serif;} #main_sec3 .box_img {width: 13.16666667%; height: 160px; float: left; text-align: center; left: 58%; position: relative;} #main_sec3 .box_img p {color: #ffffff; background: #aea68f; height: 40px; line-height: 40px; font-family: 'NanumSquare', sans-serif; font-size: 15px; font-weight: bold;} #main_sec3 .box_img img {max-width: 100%;} #main_sec3 .btn {width: 28%; float: left; height: 160px; position: relative;} #main_sec3 .box01 {background: #abbad8; left: -12.4%;} #main_sec3 .box01 ul {background: url('../images/box_line.png') no-repeat center;} #main_sec3 .box01 ul li {float: left; width: 50%; text-align: center; padding: 18px 0 10px 0; font-size: 0;} #main_sec3 .box01 p {color: #ffffff; background: #8295bb; height: 40px; line-height: 40px; font-family: 'NanumSquare', sans-serif; font-size: 15px; font-weight: bold; text-align: center;} #main_sec3 .box02 {background: #f3e5c0; left: -11.7%;} #main_sec3 .box02 ul {background: url('../images/box_line_2.png') no-repeat center;} #main_sec3 .box02 ul li {float: left; width: 50%; text-align: center; padding: 18px 0 10px 0; font-size: 0;} #main_sec3 .box02 p {color: #ffffff; background: #e2c884; height: 40px; line-height: 40px; font-family: 'NanumSquare', sans-serif; font-size: 15px; font-weight: bold; text-align: center;} /*###### footer #########*/ #footer{position:relative; float:left; width:100%; background-color:#35332d;} #copyright {float:left; padding:47px 0; color:#d0cfcf; line-height:16px; font-size: 12px;} #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 p.yesweb {color:#c6c6c6; display:none;} #footer a.yesweb {float:right; margin-top:60px;} /* ·Î±×ÀÎ Á¤Áø¾Æ */ #login{width:100%; margin: 60px 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: #ef0c65;} .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:110px; top: 64px;} .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;} /* Çкθð ÀÌ»çȸ */ #tabs .tablist {margin-bottom: 20px; clear: both; overflow: hidden; border: 1px solid #e8e8e8; box-sizing: border-box; border-right: 0; width: 99.9%;} #tabs .tablist li {width: 20%; float: left; padding: 10px 0; text-align: center; border-left: 1px solid #e8e8e8; box-sizing: border-box;} #tabs .tablist li:first-child {border-left: 0;} #tabs .tablist li:last-child {border-right:1px solid #e8e8e8;} #tabs .tablist li a {font-size: 14px; display: block;} #tabs .tablist li:hover {background: #ff7200;} #tabs .tablist li:hover a {color: #ffffff;} #tabs .tablist li.ui-tabs-active {background: #ff7200;} #tabs .tablist li.ui-tabs-active a {color: #ffffff;}