/*³×À̹ö ½ºÄù¾î font-family: 'NanumSquare', sans-serif; */ @import url("http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css"); /*Ä¿½ºÅÒ Ãß°¡ css*/ /*###### ±âŸ °øÅë######*/ html,body {margin:0;padding:0; } #wrap {float:left; width:100%; position:relative; min-width:1200px;} .main_wrap { background-color:#ffffff;} .inner {max-width:1200px; margin:0 auto; position:relative;} /* °¶·¯¸® °Ô½ÃÆÇ */ .gal_txt_box{padding:25px 20px;} /* °Ô½ÃÆÇ ÆäÀÌ¡*/ 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; z-index:999;} #popup > div {float:left; max-width:100%; margin:10px;} #popup > div > img {max-width:100%;} /*ÃÖ»ó´Ü û»çÁ¡¿ÀÇ */ #new_open{position:relative; float:left; width:100%; background:url("../images/new_open_bg.jpg")no-repeat center center; background-size:cover;} #new_open .inner{text-align:center;} #new_open .point_group{position:relative; bottom:60px; margin-bottom:-20px;} #new_open .point_group > div{display:inline;} #new_open .point_group > div a{font-size: 20px; font-family: 'NanumSquare'; color: #fff; border: 2px solid #fff; border-radius: 20px; padding: 5px 50px;} #new_open .point_group .point_wp{margin-right:10px;} #new_open .point_group .point_wp a:hover{background:#fff; color:#000;} #new_open .point_group .point_cs{margin-left:10px;} #new_open .point_group .point_cs a{background:#fff; color:#000; font-weight:bold;} /*#### ÃÖ»ó´Ü ¸Þ´º ####*/ #menu_top {position:relative; float:left; width:100%; height: 35px; line-height:35px; background:#202123; z-index:1; display:none;} #menu_top .float_left {float:left; margin-left:10px; color:#898989;} #menu_top .float_right {float:right; margin-right:10px;} /*###### header #########*/ #header {width:100%; position:relative; float:left; background-color:#ffffff; height:90px; z-index:1;} #header > .inner {height:100%; z-index:1;} /*·Î°í*/ #logo {padding:24px 0 0 8px; float:left; position:relative; z-index:1;} #logo_fix{padding:24px 0 0 8px; float:left; position:absolute; z-index:1; } #main_gnb {position:relative; float:right; z-index:1;} #main_gnb img{margin-top:32px;} /*¼­ºêÄ«Å×°í¸® ¹è°æ»ö*/ #gnb_bg {position:absolute; top:0px; left:0; width:100%; background-color:#414141; z-index:1; height:90px;} #gnb_bg > div {position:absolute; width:100%; top:90px; left:0;} /* ¼­ºêÆäÀÌÁö ¹ÝÀÀÇü À̹ÌÁö */ .pc_cont{display:block;} .mo_cont{display:none;} /*¸ÞÀÎÄ«Å×°í¸®*/ #main_gnb > ul {float:left; position:relative;} #main_gnb > ul > li {float:left; position:relative;} #main_gnb > ul > li > a {font-size:18px; float:left; padding:0 50px; background-color:transparent; color: #fff; height:90px; line-height:90px;} #main_gnb > ul > li:hover > a {font-weight:bold; background-color: #61a644; color:#fff; text-decoration:none;} #main_gnb > ul > li:hover > ul.sub_gnb {display: block;} /*¼­ºêÄ«Å×°í¸®*/ ul.sub_gnb {position:relative; display:block;clear:both; display:none; background: #ffffff;} ul.sub_gnb > li {text-align:center; background:#61a644; color:#fff;} ul.sub_gnb > li:hover {background: #61a644;} ul.sub_gnb > li:hover > a{color:#565252;} ul.sub_gnb > li:last-child {border: none;} ul.sub_gnb > li > a {font-size:15px; height:50px; line-height: 50px; white-space:nowrap; width:100%; z-index:1; letter-spacing: -1px; color:#fff; display:block;} ul.sub_gnb > li > a:hover {color: #26630c;} /* #main_gnb > ul {float:left; position:relative;} #main_gnb > ul > li {float:left; position:relative;} #main_gnb > ul > li > a {font-size:18px; height:90px; line-height:90px; float:left; padding:0 62px 0 32px; background-color:#414141; color:#bdbdbd; font-family: 'NanumSquare', sans-serif;} #main_gnb > ul > li > a:hover {font-weight:bold;} #main_gnb > ul > li > ul > li a {color:#979797;} ul.sub_gnb {position:relative; display:block; padding:10px 0 10px 34px; 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:#ffffff; margin:0; z-index:0; overflow-x:hidden; overflow-y:hidden;} /*¸ÞÀιè³Ê section1*/ #main_sec1 {float:left; position:relative; width:100%;} #main_sec7 .alliance_title img{position:relative; margin-left:50%; left:-89px; margin-top:80px; margin-bottom:20px;} #main_sec7 .alliance_title h1{text-align:center; font-family: 'NanumSquare', sans-serif; font-size:40px;margin-bottom:80px;} #main_sec7 .alliance ul li{float:left; margin-left:1%;} #main_sec7 .alliance ul li:nth-child(4n+1){margin-left:0;} #main_sec7 .alliance ul li:nth-child(8n-4){margin-bottom:12px;} #main_sec7 .alliance ul li img{width:100%;} #main_sec1 .inner{position:relative; bottom:260px; z-index:1;} #main_sec1 .inner ul li{list-style:none; float:left;width:16.666666666%;z-index:2; background-color:rgba(33, 29, 30, 0.7);} #main_sec1 .inner ul li img{width:100%;} #main_sec1 .inner ul li:hover{background-color:rgba(27, 79, 199, 0.7);} /*¸ÞÀÎ Áß°£ ¹è³Ê section2*/ #main_sec2 {width:100%; float:left; position:relative; background:#ebebeb; padding:66px 0; margin-top:100px;} #main_sec2 .sec2_cont{display:inline; width:33.33%;float:left;} #main_sec2 .sec2_cont .link{margin:0px; padding:0px; width:100%;} #main_sec2 .sec2_cont .link img{width:100%;} /*¸ÞÀÎ Ãâ·Â ±Û section3*/ #main_sec3 {float:left; width:100%; position:relative;top:-351px; background-color:#fff; margin-bottom:-352px;} #main_sec3 .bbs1 .border_line{margin-left:18px;} #main_sec3 .bbs1, #main_sec3 .bbs2 {width:33%; box-sizing:border-box; float:left; -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;border-left:1px solid #ececec; border-right:1px solid #ececec;} #main_sec3 .bbs1 h2 a, #main_sec3 .bbs2 h2 a{color:#050404; font-size:28px; font-family: 'NanumSquare', sans-serif;} #main_sec3 .bbs2 {border-left:0;} #main_sec3 .sec3_cont .border_line{width:111%; border-bottom:1px solid #dedede; margin-left:-20px; padding:0;} #main_sec3 .title a{font-size:14px; color:#050404;} #main_sec3 ul li{list-style:none;} #main_sec3 ul .bbs_line{border-bottom:1px solid #dedede; height:1px;} .sec3_title {height:59px;} .sec3_title h2 { height:48px; line-height:59px; float:left; margin-left:18px; font-size:28px; font-family: 'Nanum Square', sans-serif; margin-top:8} .sec3_title p a { float:right; margin:28px 33px 0 0;} .sec3_cont {padding:9px 20px 4px; height:250px;} .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:89%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; height:50px; line-height:50px;} .sec3_cont > li.date {width:11%; text-align:right; float:right; height:50px; line-height:50px;} .sec3_cont > li.border_line{margin-left:20px; height:50px; line-height:50px;} #cs_center {float:left; width:32%; border-left:0; box-sizing:border-box; background-color:#245c9c; -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;} .sec3_cs_cont {padding:33px 20px 7px 15px; position:relative; height:252px;} .sec3_cs_cont h2.cs_pn {color:#ffffff; font-size:40px; float:left; letter-spacing: 0px; font-weight: bold; .float:none;} .sec3_cs_cont h2.cs_pn img{margin-bottom:-6px; margin-right:10px;} .sec3_cs_cont p {color:#969696; line-height:14px; float:left; margin-top:16px; clear:both; .float:none;} .sec3_cs_cont a {position:absolute; top:33px; right:20px;} #cs_center .sec3_title h2{width:100%; margin-bottom:15px; color:#ffffff;} #cs_center .sec3_title .border_line{margin-left:18px;} #cs_center .sec3_cs_cont p{font-size:16px; color:#88a3e1;} #cs_center .sec3_cs_cont .custom_num{line-height:20px;} #cs_center .sec3_cs_cont .custom_add{line-height:20px;} #cs_center .sec3_cs_cont .dash_line1{width:100%; border-bottom:1px dashed #5e85b3; position:relative; top:45px;} #cs_center .sec3_cs_cont .dash_line{ width:100%; border-bottom: 1px dashed #5e85b3; position:relative; top:94px;} #cs_center .sec3_cs_cont .btn_map .green_map{position:relative; top:130px; right:157px;} #cs_center .sec3_cs_cont .btn_map .blue_map{position:relative; top:130px; right:0px;} /*¸ÞÀÎ Ãâ·Â ±Û section4*/ #main_sec4 img{width:100%;} /*###### footer #########*/ #footer{position:relative; float:left; width:100%; background-color:#4f4f4f;} #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;} /*last section*/ #last_sec{width:100%;height:100px;} #last_sec .white_cont{width:50%; height:351px; display:inline; float:left; position:relative;} #last_sec .blue_cont{width:50%; height:351px; display:inline; float:left; background-color:#245c9c; position:relative;} #main_sec6 {background:#2f3134; padding:38px 0; clear:both;} #main_sec6 .sec6_cont img{width:100%;} /*######ÄÁÅØÆ® Æû#########*/ #contact_btn {position:fixed; top:43%; width:50px; height:80px; z-index:90; background-color:#3799ca; cursor:pointer; background-repeat:no-repeat; } #contact_btn > a {display:block; width:29px; height:58px;} .contact_btn_in { right:5px; background-image:url('/_yesweb/_skin_h/images/contact_btn_in.png'); background-position:center center;} .contact_btn_out { right:260px; background-image:url('/_yesweb/_skin_h/images/contact_btn_out.png'); background-position:center center;} #contact { position:fixed; top:43%; width:270px; z-index:80;} .contact_in {right:-265px;} .contact_out {right:0;} .ct_cont {height:400px; background-color:#3799ca; position:relative; margin-top:-150px;} .ct_form {padding:30px;} .ct_form h1 {font-size:20px; text-align:center; margin-bottom:30px;} .ct_form p.ct_input { font-weight:800;} .ct_form p.ct_input > input {height:1.5em; margin-bottom:10px; padding-left:5px;} .ct_form textarea {resize:none; overflow:hidden; width:100%;} .ct_form p.ct_agree {line-height:2em; margin-top:5px;} .ct_form p.ct_agree > input {float:left;} .ct_form p.ct_agree > label {float:left; cursor:pointer;} .ct_form p.agree_a { text-align:right; clear:both;} .ct_form p.agree_a > a {font-size:13px; font-weight:bold;} .ct_form p.agree_a > a:hover {color:black; } .ct_form p.ct_submit {margin-top:20px; width:90%; margin-left:5%;} .ct_form #ct_submit {background-color:#4b4844; color:#f5f5f5; width:100%; padding:10px 0; font-size:14px; border:0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .ct_form #ct_submit:hover, .ct_form #ct_submit:active { background-color:#5e5c59; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} #main_sec7{position:relative; width:100%; float:left;} #main_sec8{position:relative; top:100px;} #main_sec8 div{width:50%; float:left; } #main_sec8 div img{width:100%;} #main_sec09{position:relative; width:100%; float:left; margin-top:60px;} #main_sec09 .inner div{ float:left; margin-top:60px; margin-bottom:60px;} #main_sec09 .inner .first_img{margin-right:4px; margin-bottom:4px;} #main_sec10{position:relative; width:100%; float:left; margin-top:0px;} #main_sec10 .inner img{width:100%;} #section01 {overflow: hidden; width:35%; float:left;} #section01 .contant .border_line{} #section01 .w3 {overflow: hidden; } #section01 .w3 .contant {padding: 16px 10px 7px 20px; border-right:1px solid #dedede;} #section01 .w3 .contant h1 {font-size: 28px; color: #212124; margin-bottom: 14px;} #section01 .w3 .contant p {color: #969696; font-size: 13px; line-height: 16px; margin-bottom: 20px;} #section01 .w3 .contant p span {color: #5b554b; font-weight: 600;} #section01 .w3 .contant input {border:1px solid #dedede; height: 26px; vertical-align: middle; box-sizing:border-box;} #section01 .w3 .contant input.txt {width: 100%;} #section01 .w3 .contant input.num {width: 31%;} #section01 .w3 .contant select {height: 28px; vertical-align: middle; width: 30%; border:1px solid #dedede;} #section01 .w3 .contant select.select_txt {width: 100%;} #section01 .w3 .contant input[type=checkbox] {float: left;} #section01 .w3 .contant ul li label {font-size: 15px; font-family: 'Nanum Barun Gothic', sans-serif; width: 18%; font-weight: normal; display: inline-block; *display: inline; *zoom: 1; float: left; line-height: 28px; color:#676767;} #section01 .w3 .contant ul li {overflow: hidden; margin-bottom: 14px;} #section01 .w3 .contant ul li > div {width: 82%; float: left;} #section01 .w3 .contant ul li .chklabel {width: auto; color: #9e9e9e;} #section01 .w3 .contant ul li.sBtn {text-align: center;} #section01 .w7 {width: 67%; overflow: hidden;} #section01 .lined {overflow: hidden;} #section01 .lined .img {width: 50%; float: left;} #section01 .lined.l02 {margin-top: 5px;} #section01 .lined.l02 .img {text-align: right;} /*##############Àλ縻##################*/ #greetings{margin-bottom:60px;} #greetings .greetings_br{display:none;} #greetings .header_greetings p{font-size:29px; font-family: 'NanumSquare', sans-serif; text-align:center;} #greetings .header_greetings p .green{color:#64be43;} #greetings .header_greetings p .blue{color:#4060ad;} #greetings .bottom_greetings{text-align:center;} #greetings .bottom_greetings .line{width:2.5%; border-top:2px solid #000; margin:0 auto;} #greetings .bottom_greetings .underline{font-size:24px; font-family: 'NanumSquare', sans-serif; border-bottom: 1px solid #000; display:inline; line-height:90px;} #greetings .bottom_greetings p{font-size:18px; line-height:24px; font-family: 'NanumSquare', sans-serif;} #greetings img{margin:40px 0;} /* ·Î±×ÀÎ Á¤Áø¾Æ */ #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;} /* ¸®´º¾ó CSS */ #header{height:0;} #gnb_bg{height:0;} #logo{ float:left; position:relative; z-index:1; opacity:1; transition:all 0.5s;}/* 202 */ .top_logo_fix{opacity:0; } #main_gnb img{margin-top:51px;}/* 205 */ #main_gnb > ul > li > a{height:100px; line-height:130px; transition:all 0.5s;}/* 215 */ #header > .inner{height:auto; /* width:1500px; */} #header > .inner::after{content:""; display:block; clear:both;} .t_menu{max-width:1500px; margin:0 auto;} .t_menu::after{content:""; display:block; background:#fff; position:absolute; width:100%; height:90px; left:0; top:0; opacity:0; transition:all 0.5s;} .jbFixed{position:fixed; top:0px; left:50%; transform:translateX(-50%); width:100%; height:100px;} .jbFixed .top_logo{opacity:0;} .jbFixed .top_logo_fix{opacity:1; transition:all 0.5s;} .jbFixed #main_gnb img{margin-top:32px;} .jbFixed #main_gnb > ul > li > a{color:#3e3e3e; height:90px; line-height:90px;} .jbFixed #main_gnb > ul > li:hover > a{color:#fff;} .jbFixed .t_menu::after{opacity:1; border-bottom:1px solid #e7e7e7; box-sizing:border-box;} .jbMenu #logo{padding-top:38px; padding-left:0;} .jbFixed #logo{padding-top:25px; padding-left:20px; opacity:0; } .jbMenu #logo_fix{padding-top:35px; padding-left:0;} .jbFixed #logo_fix{padding-top:25px; padding-left:20px;} #main_sec1{float:none;} #main_sec1 .inner{max-width:1514px;} #main_sec1 .bx-wrapper .bx-pager{bottom:240px; margin-left:10.2%; text-align:left;} #main_sec2{float:none; background:none; margin-top:0; padding:125px 0 95px;} #main_sec2 .inner{max-width:1200px; text-align:center;} #main_sec2 .inner ul::after{content:""; display:block; clear:both;} #main_sec2 .inner ul li{list-style:none; float:left; width:16.666666666%; margin-top:55px;} #main_sec3{float:none; position:static; margin-bottom:0; top:0;} #main_sec3 .inner{max-width:1862px; width:auto;} #main_sec3 ul li{width:100% !important;} #main_sec3 .bx-wrapper img{top:0; width:50%; float:left;} #main_sec3 .bx-wrapper .bx-prev{background:url("/_yesweb/_skin_h/images/renewal/s2_prev.png"); left:177px;} #main_sec3 .bx-wrapper .bx-next{background:url("/_yesweb/_skin_h/images/renewal/s2_next.png"); left:231px;} #main_sec3 .bx-wrapper .bx-controls-direction a{width:42px; height:42px; top:80%;} #main_sec4{margin-top:85px;} #main_sec4 .inner{max-width:1862px;} #main_sec4 img{width:auto; transition:all 0.7s;} #main_sec4 ul::after{content:""; display:block; clear:both;} #main_sec4 li{float:left; cursor:pointer; width:25%; text-align:center; position:relative; } #main_sec4 li:last-child{margin-right:0;} #main_sec4 li img.h_img{position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.5s;} #main_sec4 li:hover img.h_img{opacity:1; box-shadow:1px 1px 10px rgba(220,220,220);} #main_sec5{margin-top:80px;} #main_sec5 .inner{max-width:1862px;} #main_sec5 ul::after{content:""; display:block; clear:both;} #main_sec5 li{float:left; width:50%; cursor:pointer; overflow:hidden; line-height:0;} #main_sec5 li:first-child{text-align:right;} #main_sec5 li img{transition:all 0.7s;} #main_sec5 li:hover img{transform:scale(1.08);} #footer{padding:50px 0; background-color:#fff;} .sub_footer{ border-top:1px solid #eaeaea; box-sizing:border-box;} #copyright{float:none; padding:0; text-align:center;} #copyright p{color:#707070; font-size:16px; line-height:25px; font-weight:300;} #copyright p.copy{margin-top:10px;}