/* Webfont Google */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /* font-family: 'Nanum Gothic Coding', monospace; */ html{ overflow-x:hidden; height:100%; width:100%; } a:link {color:#555; text-decoration:none;} a:visited {color:#555;} a:active {color:#555;} a:hover {color:#3e3e3e;} img {vertical-align:middle; border:0; margin:0; padding:0;} h1, h2 {padding:0; margin:0; font-size:100%;} img {vertical-align:middle; border:0; margin:0; padding:0;} ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;} table {border-collapse:collapse;border-spacing:0;} body{ font-family:"Nanum Barun Gothic",Dotum, Gulim, sans-serif; font-size:12px; height:100%; letter-spacing:0ox; margin:0; padding:0; min-width:1100px; color:#777; width:100%; background-color:#eaeaea; } ul{ list-style:none; } #header{ width:100%; height:100px; margin:0 auto; background-color:#fff; } #header .unb{ height:5px; background-color:#107932; } #header .unb .wrap{ width:1000px; margin:0 auto; text-align:right; padding:15px 0; font-size:12px; font-weight:bold; } #header .unb .wrap a{ color:#666;px; padding:0 3px; } #header .gnb {width:1000px; margin:0 auto; overflow:hidden; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; } #header .gnb>li {height:50px; float:left; width:100px; padding:20px 0 ;} #header .gnb>li>a {font-size:18px; line-height:82px; color:#333; text-align:center; display:block; height:79px; font-weight:bold; letter-spacing:-1px;} #header .gnb>li:hover>a {color:#107932;} #header .gnb .ci {width:400px; padding:25px 0; text-align:left; float:left;} #header .gnb>li:hover ul {display:block;} #header .gnb>li ul {position:absolute; background:#fff; width:180px; margin-top:-4px; display:none; z-index:3;} #header .gnb>li ul li a {text-indent:25px; display:block; padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; font-size:14px;} #header .gnb>li ul li a:hover {background:#107932; color:#fff; font-weight:600;} #header .gnb>li ul li.top {height:0px; display:none;} #mcon {padding:30px 0;} #mcon .wrap {width:1000px; margin:0 auto; overflow:hidden;} #mcon .wrap .mimg {float:left; position:relative; width:660px; height:425px;} #mcon .wrap .frame ul li img {height: 100%;} #mcon .wrap .banner { width:320px; float:right; position:relative;;} #mcon .wrap .banner>ul li{padding:0 0 20px 0; } #mcon .wrap .borad { width:680px; } #mcon .wrap .borad .notice{float:left;position:relative;width:320px;height:200px;background:url('../images/borad_bg.jpg') no-repeat; margin:-5px 0 20px 0; background-color:#fff;} #mcon .wrap .borad .notice .table{padding:25px 0 0 30px;} #mcon .wrap .borad .notice>ul li{ padding:5px 0;} #mcon .wrap .borad .photo{float:left;position:relative;width:320px;height:200px;background:url('../images/borad_bg.jpg'); margin:-5px 0 20px 20px; background-color:#fff} #mcon .wrap .borad .photo .table{padding:25px 0 0 30px;} #mcon .wrap .borad .photo>ul li{ padding:5px 0;} #footer {background:#545454; color:#c3c3c3;} #footer .wrap {width:1000px; margin:0 auto; overflow:hidden; position:relative; padding:30px 0 30px 0;} #footer .wrap .foot_bt{ width:350px; position:relative; font-weight:bold; float:right;} #footer .wrap .add {width:650px; float:left; position:relative;} #footer .wrap .add p {margin:0; font-family:'Nanum Barun Gothic Bold'; font-size:10px; color:#999;} /*서브*/ #sub{width:100%; background:#eaeaea url(images/sub_bg.jpg) no-repeat center top} #sub .wrap{width:1000px; margin:0 auto; overflow:hidden;text-align:center;padding:120px 0;} #sub .wrap .board_comment{background-color:#fff;} #sub .wrap .board_comment .ul{background-color:#fff;} #sub .wrap .board_comment .ul .li{background-color:#fff;} #sub .wrap .content{background-color:#fff;} #sub .wrap .content .title{ text-align:left; padding:43px 0 0 50px; font-size:43px; color:#107932; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; letter-spacing:-1;} #sub .wrap .content .title2{ text-align:left; padding:50px 0 50px 50px; font-size:33px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; color:#333; font-weight:600; letter-spacing:-1;} #sub .wrap .content .s_title{ text-align:left; padding:0 0 20px 50px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; line-height:20px; /*letter-spacing:0;*/ color:#333;} #sub .wrap .content .s_title b{color:#bb1010;} #sub .wrap .content .s_title2{ background-color:#f8f8f8; padding:30px; font-size:13px; margin-right:50px; height:100px; } #sub .wrap .content .s_title2> li{ float:left; padding-right:20px;} #sub .wrap .content .text01{ text-align:left; padding:0 50px; font-size:13px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; color:#656565; font-weight:0; letter-spacing:-1; line-height:21px;} #sub .wrap .content .text01 strong{font-size:15px;} #sub .wrap .content .tap_bg{padding:20px 50px 0 50px; background-color:#fff; height:2px;} #sub .wrap .content .tap_line{ width:900px;height:2px; background-color:#000; margin:23px 50px 0 50px;} /*탭 sub01*/ #sub .wrap .content .tap01{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap01>ul li{float:left; padding-right:1px; width:19.5%; background:#f7f7f7; border-right:1px solid #fff;} #sub .wrap .content .tap01>ul li:hover {background:#107932; color:#fff; } #sub .wrap .content .tap01>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } /*#sub .wrap .content .tap01>ul li a:hover {background:#107932; color:#fff; }*/ #sub .wrap .content .tap01 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap01 .on a{color:#fff !important} /*탭 sub01*/ /*탭 sub02*/ #sub .wrap .content .tap02{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap02>ul li{float:left; padding-right:1px; width:24.8%; } #sub .wrap .content .tap02>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#f7f7f7; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } #sub .wrap .content .tap02>ul li a:hover {background:#107932; color:#fff; } #sub .wrap .content .tap02 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap02 .on a{background:#107932; color:#fff !important} /*탭 sub02*/ /*탭 sub03*/ #sub .wrap .content .tap03{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap03>ul li{float:left; padding-right:1px; width:12.3%; } #sub .wrap .content .tap03>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#f7f7f7; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } #sub .wrap .content .tap03>ul li a:hover {background:#107932; color:#fff; } #sub .wrap .content .tap03 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap03 .on a{background:#107932; color:#fff !important} /*탭 sub03*/ /*탭 sub04*/ #sub .wrap .content .tap04{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap04>ul li{float:left; padding-right:1px; width:16.5%; } #sub .wrap .content .tap04>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#f7f7f7; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } #sub .wrap .content .tap04>ul li a:hover {background:#107932; color:#fff; } #sub .wrap .content .tap04 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap04 .on a{background:#107932; color:#fff !important} /*탭 sub04*/ /*탭 sub06*/ #sub .wrap .content .tap06{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap06>ul li{float:left; padding-right:1px; width:50%; } #sub .wrap .content .tap06>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#f7f7f7; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } #sub .wrap .content .tap06>ul li a:hover {background:#107932; color:#fff; } #sub .wrap .content .tap06 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap06 .on a{background:#107932; color:#fff !important} /*탭 sub06*/ /*탭 sub07*/ #sub .wrap .content .tap07{padding:20px 0 0 50px; width:900px;} #sub .wrap .content .tap07>ul li{float:left; padding-right:1px; width:33%; } #sub .wrap .content .tap07>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#f7f7f7; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:3em; } #sub .wrap .content .tap07>ul li a:hover {background:#107932; color:#fff; } #sub .wrap .content .tap07 .on{background:#107932; display:block; color:#fff; height:45px; font-size:16px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:3em; } #sub .wrap .content .tap07 .on a{background:#107932; color:#fff !important} /*탭 sub07*/ #sub .wrap .content .navi{ float:right; padding:17px 50px 0 0; font-size:11px;} #sub .wrap .content .navi b{ color:#333;} /*서브*/ /*아이디패드찾기*/ #id_search{ background-color:#fcfcfc; padding:50px; font-size:13px; border:#d8d8d8 1px solid; width:320px; float:left; margin:0 20px 0 50px;} #id_search td {text-align:left; font-size:12px; padding:5px;} #id_search td b{font-size:20px; color:#333; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif;} #id_search input {width:200px; height:50px; border:1px solid #9e9e9e; background:#ffffff; } #id_search .idpw_bt{background-color:#464646; width:100; height:110px;color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px;} #pw_search{ background-color:#fcfcfc; padding:50px; font-size:13px; border:#d8d8d8 1px solid; width:320px; float:left; margin-right:50px;} #pw_search td {text-align:left; font-size:12px; padding:5px;} #pw_search td b{font-size:20px; color:#333; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif;} #pw_search input {width:200px; height:50px; border:1px solid #9e9e9e; background:#ffffff; } #pw_search .idpw_bt{background-color:#464646; width:100; height:110px;color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px;} /*아이디패드찾기*/ /*로그인*/ #login{ background-color:#fcfcfc; padding:50px; font-size:13px; margin:0 50px 0 50px; border:#d8d8d8 1px solid;} .login_form td {text-align:left; font-size:12px; padding:5px;} .login_form td b{font-size:20px; color:#333; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif;} .login_form td:first-child {color:#333; font-weight:bold; text-align:left; padding-left:20px;} .login_form input {width:350px; height:50px; border:1px solid #9e9e9e; background:#ffffff; } .login_bt{background-color:#464646; width:135px; height:110px;color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px;} /*로그인*/ /*회원가입*/ .join {border-top:#656565 3px solid; width:900px; margin:0 auto;} .join tr { /*border-bottom:#eaeaea 1px solid;*/ height:30px; } .join td {text-align:left; background:#fff; font-size:12px; padding:10px;} .join .join_title{font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-size:16px; color:#333; font-weight:600;} .join td textarea {width:444px; height:150px; border:1px solid #9e9e9e; background:#ffffff; font-size:12px; font-family:돋움;} .join2 {border-top:#656565 3px solid; width:900px; margin:0 auto;} .join2 tr { border-bottom:#eaeaea 1px solid; height:50px; } .join2 td {text-align:left; background:#fff; font-size:12px; padding:10px;} .join2 td:first-child {color:#333; font-weight:bold; text-align:left; background:#f9f9f9; padding-left:20px;} .join2 input {width:242px; height:25px; border:1px solid #9e9e9e; background:#ffffff; } .join2 input[type=checkbox] {width:13px; border:0;vertical-align:middle;} .join2 input[type=text]{padding:0 4px;} .join2 input[type=password]{padding:0 4px;} .join2 .join_bt{background-color:#464646; width:90px; height:25px;color:#fff; margin:0 5px 0 5px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px;} /*회원가입*/ /*폼메일*/ .bbs_write {border-top:#656565 3px solid; width:900px; margin:0 auto;} .bbs_write tr { border-bottom:#eaeaea 1px solid; height:50px; } .bbs_write td {text-align:left; background:#fff; font-size:12px; padding:10px;} .bbs_write td:first-child {color:#333; font-weight:bold; text-align:left; background:#f9f9f9; padding-left:20px;} .bbs_write input {width:350px; height:25px; border:1px solid #9e9e9e; background:#ffffff; } .bbs_write textarea {border:1px solid #9e9e9e; background:#ffffff;} .bbs_write input[type=button] {width:100px;} .bbs_write input[type=checkbox] {width:20px; border:0;} .bbs_write input[title=addcheck] {margin:0 0 5px 5px;} .bbs_write input[type=radio] {width:15px; background:#fff; vertical-align:middle;} .bbs_write input[type=image] {width:76px; height:25px; border:0;} .bbs_btn_comment {margin-top:30px; overflow:hidden; text-align:center; width:200px;;} .bbs_btn_comment input {padding:5px 10px; background:#6b6b6b; color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:15px; cursor:pointer; -webkit-border-radius:3px; border-radius:3px; width:110px; height:40px;} .bbs_btn_comment .btn_color {background:#107932;} .bbs_btn {margin-top:30px; overflow:hidden; text-align:center; width:100%;} .bbs_btn input {padding:5px 10px; background:#6b6b6b; color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:15px; cursor:pointer; -webkit-border-radius:3px; border-radius:3px; width:110px; height:40px;} .bbs_btn .btn_color {background:#107932;} /*폼메일*/ /*게시판리스트*/ .bbs_list {border-top:#656565 3px solid; width:900px; margin:0 auto;} .bbs_list .bbs_tt{ text-align:center; font-weight:bold; color:#333;} .bbs_list tr { border-bottom:#eaeaea 1px solid; height:50px; } .bbs_list td {text-align:left; background:#fff; font-size:12px; padding:10px;} .bbs_list td:first-child { text-align:center; } /*게시판리스트*/ .bbs_tap{float:left; padding:0 50px;} .bbs_tap>ul li{float:left; padding-right:1px;} .bbs_tap>ul li a {/*text-indent:17px;*/ display:block; /*padding:15px 0; border-bottom:#eaeaea 0px solid; border-left:#eaeaea 0px solid; border-right:#eaeaea 0px solid; */ background:#efefef; width:85px; height:30px; font-size:11px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; color:#333;line-height:2.5em; } .bbs_tap>ul li a:hover {background:#107932; color:#fff; } .bbs_tap .on{background:#107932; display:block; color:#fff; height:30px; width:85px; font-size:11px; font-family: 'NanumGothicCoding','나눔고딕', NanumGothic, 'Nanum Gothic', serif; font-weight:600; line-height:2.5em; } /*포토게시판리스트*/ .bbs_photo {border-top:#656565 3px solid; width:910px; float:left; margin:0 50px 0 50px;} .bbs_photo .img{ float:left; padding:10px 5px 0 5px;} .bbs_photo .img>ul li{ clear:both; padding-top:10px; text-align:left;} /*포토게시판리스트*/ /*검색*/ .search{float: right; clear:both;} .bbs_search{ margin:0 45px 10px 0; float:right;} .bbs_search td{ padding-right:5px;} .bbs_search .bt{ background-color:#4b4b4b; width:70; height:25px; padding:5px 10px; color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px; /*border-radius:3px;*/} /*검색*/ /*페이지넘버*/ .page_num{margin:0 auto; padding:30px;} .page_num a{ float:left; width:27px; height:26px; border:#afafaf 1px solid; text-align:center; line-height:2.5em; margin-right:5px; font-size:11px;} .page_num a:hover {background:#525051; color:#fff; font-weight:bold; } .page_num .page_num_bt{ font-size:11px; font-weight:bold;letter-spacing:-2;} .page_num td{text-align:center; padding-top:30px;} /*페이지넘버*/ /*게시판뷰*/ .bbs_view {border-top:#656565 3px solid; width:900px; margin:0 auto;} .bbs_view .bbs_tt{ text-align:left; font-weight:bold; color:#333;} .bbs_view tr { border-bottom:#eaeaea 1px solid; height:50px; } .bbs_view td {text-align:left; background:#fff; font-size:12px; padding:10px; line-height:2.5em;} /*.bbs_view span{color:#bb2b5b; font-size:9px;}*/ /*게시판뷰*/ /*게시판 버튼모음*/ .bbs_bt{ margin:20px 45px 10px 0; float:right;} .bbs_bt td{ padding-right:5px;} .bbs_bt .bt{ background-color:#4b4b4b; width:70; height:25px; padding:5px 10px; color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px; /*border-radius:3px;*/} .bbs_bt .write{ background-color:#107932; width:70; height:25px; padding:5px 10px; color:#fff; margin-right:1px; border:0; font-weight:bold; font-size:13px; cursor:pointer; -webkit-border-radius:3px; /*border-radius:3px;*/} /*게시판 버튼모음*/ .close_home{width:200px; margin:200px auto; text-align:center;} .term_box{ vertical-align: top; width: 416px; height: 150px; border: 1px solid #ABABAB; overflow-y:scroll; padding:2px 10px; overflow-x:hidden;} .term_box p {padding:0;margin:0;} .pagination {display:inline-block; margin:30px auto;} .pagination a{ display:inline-block; padding: 6px 9px; border:1px solid #cecece;} .pagination strong{ display:inline-block; padding: 6px 9px; border:1px solid #cecece; background:#545454; color:#fff;} .text-center{text-align:center !important;} .brd_btn{position:relative;top:-10px; text-align:right;padding:0 50px;} .brd_btn a{ display: inline-block; background: #107932; color: #fff; padding:7px 18px;border-radius:5px; font-weight:bold;overflow:hidden;} .brd_btn ul { display: inline-block; overflow:hidden;} .brd_btn li{float:left; margin-left:6px;} .bbs_write input[type=text]{padding:0 4px;font-size:12px;} .img0{max-width:800px;margin:4px;} #bt_attch{cursor:pointer;} .attch_div{ display:none; width: 150px; height: auto; overflow: hidden; position: absolute; background: #F5F5F5; border: 1px solid #cecece; line-height: 17px; font-size: 12px; padding: 8px 5px; text-align: left; } .attch_div a { text-decoration: underline; }