.inner{width:1200px; margin:0 auto; position:relative;} #header {width:100%; position:fixed; float:left; height: 74px; z-index:1; background-color:rgba(255, 255, 255, 1); border-bottom:1px solid #e2e2e2; top:0;} #header .header_top{position:relative; width:100%; height:30px; float:left; z-index:2; line-height:30px; border-bottom:1px solid #f4f4f4;} #header .float_right{float:right;} #header .float_right a{color:#b4b4b4; font-size:14px; font-family:'arial';} #header .float_right a:nth-child(1){margin-right:20px;} #header > .inner {height:100%; z-index:1; width:100%;} /*로고*/ #top_logo {padding:12px 0 0 71px; float:left; } #main_gnb {position:relative; float:right; z-index:1;} /*서브카테고리 배경색*/ #gnb_bg {position:absolute; top:0px; left:0; width:100%; z-index:1; height:73px; border-bottom:1px solid #dedede; background:#fff; /*-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:relative; float:right; top:11px; right:280px;} /*메인카테고리*/ #gnb { float: left; margin-left: 70px; } #gnb ul.main_list > li { float: left; height: 77px; margin: 0 10px; position: relative;} #gnb ul.main_list > li > a { line-height: 75px; display: block; text-align: center; padding: 0 40px; font-size: 17px; color: #231815; font-weight: 400; letter-spacing: -1px;} #gnb ul.main_list > li:after { content: ''; display: block; width: 0; height: 2px; margin: auto; background: transparent; position: absolute; bottom: 0; transform: scaleX(0); transition: transform 200ms ease-in-out;} #gnb ul.main_list > li:hover { background: #f4f4f4; } #gnb ul.main_list > li:hover > ul.sub_gnb { display: block; } #gnb ul.main_list > li:hover:after {width: 100%; background: #232323; transform: scaleX(1); } #gnb ul.sub_gnb { background: #f4f4f4; display: none; } #gnb ul.sub_gnb > li { border-top: 1px solid #ffffff; } #gnb ul.sub_gnb > li:first-child { border-top: none; } #gnb ul.sub_gnb > li > a { display: block; padding: 16px 0; text-align: center; font-size: 15px; letter-spacing: -1px; color: #575757; } #gnb ul.sub_gnb > li:hover > a { background: #eb6303; color: #ffffff; } #header .inner #main_gnb{position:relative; float:right; z-index:1; width:100%;} #header .inner #main_gnb > ul > li{float:left; position:relative; font-family: "Noto Sans KR", sans-serif; font-size:19px;font-weight:400; height:75px; line-height:75px;} #header .inner #main_gnb > ul > li a{text-align:center; padding: 0 45px;} #header .inner #main_gnb > ul > li ul{display:none;} #header .right_menu{position:absolute; right:0;} #header .right_menu > ul > li{float:left; text-align:center; width:90px;} #header .right_menu > ul > li .btn_site{font-size:17px; font-family: "NanumSquare"; font-weight:400; color:#463a3a; height:75px; line-height:75px;} #header .right_menu > ul > li .btn_site h1{font-size:13px; font-family: "NanumSquare"; font-weight:400; color:#ffffff; height:27px; line-height:27px;} #header .right_menu > ul > li .btn_site img{margin-top:15px;} #header .right_menu > ul > li > a{font-size:17px; font-family: "NanumSquare"; font-weight:400; color:#463a3a; height:75px; line-height:75px;} #header .right_menu > ul > li > a h1{font-size:13px; font-family: "NanumSquare"; font-weight:400; color:#ffffff; height:27px; line-height:27px;} #header .right_menu > ul > li > a img{margin-top:15px;} #header .right_menu > ul > li:nth-child(1){border-left:1px solid #e5e5e5;} #header .right_menu > ul > li:nth-child(1):hover{background:#f4f4f4;} #header .right_menu > ul > li:nth-child(1) a{padding:25px 17px;} #header .right_menu > ul > li:nth-child(2){border-left:1px solid #e5e5e5;} #header .right_menu > ul > li:nth-child(2):hover{background:#f4f4f4;} #header .right_menu > ul > li:nth-child(2) a{padding:25px 14px;} #header .right_menu > ul .sitemap{background:#282828;} #header .right_menu > ul .shop{background:#eb6303;} /* 검색 */ .bbs-serach-contain { text-align:center; ; background: #ffffff; } .bbs-serach-contain .cont { display: inline-block; vertical-align: middle; } .bbs-serach-contain .cont select { height: 25px; width: 100px; } .bbs-serach-contain .cont .in-txt-s2 { height: 25px; width: 280px; padding-left: 15px; } .bbs-serach-contain .cont .btn-bbs-srh { height: 25px; padding: 0 15px;} /*모달창*/ #allmenuoveray{ position: fixed; width: 100%; height: 100%; z-index: 0; background: rgba(44,44,44,0.8); opacity: 0; display:none;} #allmenu { position: fixed; z-index: 0; background: #ffffff; left: 0; top: -30px; width: 100%; height:1500px; opacity: 0; display:none;} #allmenu .dept_group{overflow:hidden; width:100%; padding-left:10%; box-sizing:border-box;} #allmenu .dept_group > div {float: left; width: 11.5%; height: 400px; padding: 140px 0 0 19px; top:100px;} #allmenu > div .sitemap_customer{margin-top:70px;} #allmenu > div p { font-family: 'NanumSquare', sans-serif; width:70%; font-size: 22px; font-weight: bold; color: #000; letter-spacing: -1px; margin-bottom: 33px; border-bottom:1px dashed #000; padding-bottom:20px; text-align:left; padding-left:10px;} #allmenu > div ul li { margin-bottom: 15px; text-align:left;} #allmenu > div ul li a {font-size: 18px; letter-spacing: -1px; color: #5f5f5f;} #allmenu > div .btm01 {margin-top: 124px;} #allmenu > div .btm02 {margin-top: 92px;} #allmenu .close_btn{position:fixed; absolute; top: 0px; right: 98px; cursor: pointer;} /*메인 CSS*/ .main_ban{margin-bottom:-115px;} #main_sec01{position:relative; overflow:hidden;} #main_sec01 .main_ban ul li .inner > img{margin-top:75px;} #main_sec01 #bx-pager{position: relative; bottom: 200px; text-align:center;} #main_sec01 #bx-pager a{text-align:center; padding:20px;} #main_sec01 #bx-pager a:nth-child(1){margin-left:0;} #main_sec01 #bx-pager a.active{ background: #4b4746; line-height: 100px; border-radius: 75px; display: inline-block; padding:20px;} #main_sec02{position:relative; overflow:hidden; background:url('../images/sec02_bg.jpg')no-repeat center center; background-size:cover;} #main_sec02 ul li{width:33.33333%; float:left; border-left:1px solid #eaeaea; text-align:center; box-sizing:border-box; transition: background-color 1s, transform 1s, margin-top 1s;} #main_sec02 ul li:hover{background-color:rgba(0, 0, 0, .72)} #main_sec02 ul li:hover > img{margin-top:207px;} #main_sec02 ul li:hover a{display:inline-block;} #main_sec02 ul li:hover p{margin-bottom:78px;} #main_sec02 ul li:nth-child(1){border-left:0;} #main_sec02 ul li > img{margin-top:260px; margin-bottom:100px;} #main_sec02 ul li h1{font-family:'arial'; font-weight:400; font-size:46px; color:#ffffff; margin-bottom:33px;} #main_sec02 ul li .ver_line{width:2px; height:37px; background:#fff; margin-bottom:30px; display:inline-block;} #main_sec02 ul li p{font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:22px; color:#fff; margin-bottom:230px;} #main_sec02 ul li a{display:none; margin-bottom:153px;} #main_sec03{position:relative; overflow:hidden; background:#f0f0f0; padding-bottom:114px;} #main_sec03 .inner{text-align:center;} #main_sec03 .inner > h1{font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:48px; color:#363636; margin-top:100px; margin-bottom:19px;} #main_sec03 .inner > p{font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:18px; color:#838282; margin-bottom:90px;} #main_sec03 .inner li{width:24%; float:left; margin-left:1.333333333333333%; overflow:hidden;} #main_sec03 .inner li:nth-child(1){margin-left:0;} #main_sec03 .inner li a{overflow:hidden; width:100%; height:329px; display:inline-block;} #main_sec03 .inner li a img{height:329px; transform:scale(1); transition:.8s;} #main_sec03 .inner li a img:hover{transform:scale(1.2);} #main_sec03 .inner li h1{font-size:24px; color:#363636; font-family: "Noto Sans KR", sans-serif; font-weight:300; padding:40px 0; background:#ffffff;} #main_sec04{position:relative; overflow:hidden; padding:80px 0;} #main_sec04 ul li.notice_title{width:14.08%; border-left:0;} #main_sec04 ul li{width:28.64%; float:left; border-left:1px solid #e2e2e2; box-sizing:border-box; height:160px; padding-left:23px; padding-right:24px;} #main_sec04 ul li h1{ font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:22px; color:#454444; margin-bottom:11px; letter-spacing:-0.5px;} #main_sec04 ul li h2{ font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:19px; color:#b8b8b8; margin-bottom:51px;} #main_sec04 ul li p{font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:17px; color:#727272; letter-spacing:-0.5px;} #main_sec04 ul li.notice_title{padding-left:0;} #main_sec04 ul li.notice_title h1{ font-family: "Noto Sans KR", sans-serif; font-size:46px; font-weight:400; color:#363636;} #main_sec04 ul li.notice_title a{margin-top:20px;} #main_sec04 ul li.notice_title .notice_line{width:27px; height:4px; display:inline-block; background:#eb6303; position:relative; bottom:5px;} #main_sec04 ul li.notice_title p{font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:17px; color:#818181; display:inline-block; line-height:2.5; margin-left:5px;} #copyright{position:relative; overflow:hidden; padding:53px 0; background:#333333; margin-top:61px; width:100%;} #copyright .copy_left{float:left;} #copyright .copy_left .copy_btn_group{} #copyright .copy_left .copy_btn_group a{color:#ffffff; padding-left:10px; padding-right:7px; border-left:2px solid #fff; font-size:15px; font-weight:bold;} #copyright .copy_left .copy_btn_group a:nth-child(1){padding-left:0; border-left:0;} #copyright .copy_left .copy_txt{font-size:15px; color:#8d8d8d; margin-top:30px;} #copyright .copy_left .copy_txt p{line-height:1.3; } #copyright .copy_right{float:right;} #copyright .copy_right img{margin-top:10px; margin-bottom:30px;} #copyright .copy_right p{font-size:15px; color:#8d8d8d; padding-left:8px; line-height:1.5;} /*모바일 아코디언메뉴 css*/ /*###### mbl_header #########*/ #mbl_header {width:100%; position:absolute; top:0!important; background-color:#fcfcfc; z-index:10; display:none;} #mbl_header #mbl_login_area{height:30px; border-bottom:1px solid #dedede;} #mbl_header #mbl_login_area .login_btns{float:right; margin-right:33px;} #mbl_header #mbl_login_area .login_btns h1{float:left; font-size:16px; margin-right:10px; height:30px; line-height:30px;} #mbl_header > .inner {height:100%; z-index:1;} /*로고*/ #mbl_logo {width:100%; position:relative; float:left; text-align:center; padding:10px 0; z-index:1; border-bottom:1px solid #dedede;} /*###메인메뉴###*/ #menu_btn {position:absolute; top:50px; right:5%; cursor:pointer; z-index:2;} /*메인카테고리*/ #mbl_gnb {position:relative;float:left; width:100%; z-index:1; display:none;} #mbl_gnb > ul {position:relative; width:100%;} #mbl_gnb > ul > li {float:left; position:relative; width:100%;} #mbl_gnb > ul > li > a { border-bottom:1px solid #dedede; background-color:#fcfcfc; width:100%; text-indent:10%; font-size:16px; height:35px; line-height:35px; float:left; background-color:#fcfcfc; font-weight:bold;} #mbl_gnb > ul > li > a:hover {font-weight:bold;} /*서브카테고리*/ ul.mbl_sub_gnb {position:relative; display:block; padding:10px 0 10px 32px; clear:both; display:none; border-bottom:1px solid #dedede; background-color:white; padding-left:12%;} ul.mbl_sub_gnb > li > a {font-size:14px; height:30px; line-height:30px; white-space:nowrap; width:100%; z-index:1; letter-spacing: -1px; } /*리뷰*/ #formGoodsComment .CommentList{border:1px solid #dedede;} #formGoodsComment .CommentList ul{padding:5px; border-bottom:1px solid #dedede;} #formGoodsComment .CommentList ul:last-child{border-bottom:0;} #formGoodsComment .CommentList ul li.wri{font-size:14px;} #formGoodsComment .CommentList ul li.wri span{font-size:14px; font-weight:bold;} #formGoodsComment .CommentList ul li.txt{font-size:14px;} #formGoodsComment .btn-default{padding:19px 10px;} /*sub01*/ .sub_cont .banner01{background:url('../images/sub_banner_bg01.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .sub_banner .sub_tabs{background:rgba(0, 0, 0, .65); height:70px; width:100%; position:relative; bottom:0px;} /*.sub_cont .banner01 .sub_tabs ul li{width:14.285714%; float:left; text-align:center; height:70px; line-height:70px;}*/ .sub_cont .banner01 .sub_tabs ul li{width:12.5%; float:left; text-align:center; height:70px; line-height:70px;} .sub_cont .sub_banner .sub_tabs ul li.active{background:#fff;} .sub_cont .sub_banner .sub_tabs ul li.active a h1{color:#1f1f1f;} .sub_cont .sub_banner .sub_tabs ul li:hover{background:#fff;} .sub_cont .sub_banner .sub_tabs ul li:hover a h1{color:#1f1f1f;} .sub_cont .sub_banner .sub_tabs ul li a h1{color:#fff; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:16px;} .sub_cont .sub_content .com_history{} .sub_cont .sub_content .com_history h1{font-size:32px;} .sub_cont .sub_content .com_history .history_box{margin-top:50px;} .sub_cont .sub_content .com_history .history_box h2{color:#2982bb; font-size:40px;} .sub_cont .sub_content .com_history table{width:100%;} .sub_cont .sub_content .com_history table tr{border-bottom:1px solid #ddd;} .sub_cont .sub_content .com_history table th{border-bottom:1px solid #000; font-family: "Noto Sans KR", sans-serif; font-size:18px; font-weight:normal; padding:20px 0;} .sub_cont .sub_content .com_history table th th_1{width:20%;} .sub_cont .sub_content .com_history table th th_2{width:30%;} .sub_cont .sub_content .com_history table th th_3{width:30%;} .sub_cont .sub_content .com_history table th th_4{width:20%;} .sub_cont .sub_content .com_history table td{text-align:center; font-family: "Noto Sans KR", sans-serif; font-size:18px; font-weight:lighter; padding:20px 0; color:#000;} /*sub02*/ .sub_cont .banner02{background:url('../images/sub_banner_bg02.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .banner02 .sub_tabs ul li{width:20%; float:left; text-align:center; height:70px; line-height:70px;} /*sub03*/ .sub_cont .banner03{background:url('../images/sub_banner_bg03.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .banner03 .sub_tabs ul li{width:20%; float:left; text-align:center; height:70px; line-height:70px;} /*sub04*/ .sub_cont .banner04{background:url('../images/sub_banner_bg04.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .banner04 .sub_tabs ul li{width:100%; float:left; text-align:center; height:70px; line-height:70px;} .sub_cont .banner04 .sub_tabs ul li:hover{background:none;} .sub_cont .banner04 .sub_tabs ul li:hover a h1{color:#fff;} /*sub05*/ .sub_cont .banner05{background:url('../images/sub_banner_bg05.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .banner05 .sub_tabs ul li{width:14.285%; float:left; text-align:center; height:70px; line-height:70px;} /*sub06*/ .sub_cont .banner06{background:url('../images/sub_banner_bg06.jpg')no-repeat center center; background-size:cover; position:relative; padding-top:75px;} .sub_cont .banner06 .sub_tabs ul li{width:20%; float:left; text-align:center; height:70px; line-height:70px;} #tabs06_01 ul li.active{background:#4b4b4b;} #tabs06_02 ul li.active{background:#4b4b4b;} #tabs06_03 ul li.active{background:#4b4b4b;} #tabs06_04 ul li.active{background:#4b4b4b;} #tabs06_05 ul li.active{background:#4b4b4b;} .sub_cont ul li.active a{color:#fff;} .sub_cont .infomessage{font-size:13px;margin-top:20px; text-align:center;color:#ff6600;line-height:25px;} /*게시판 공통CSS*/ .pagination{margin-top:30px; text-align:center;} .pagination b{font-size:17px; padding-left:10px;} .pagination a{font-size:16px;padding-left:10px;} .bbs_btn{text-align:center; margin-top:40px;} .bbs_btn a{font-size:20px; border:1px solid #eee; padding:10px 25px;} .bbs_btn .btn-default{font-size:16px; border:1px solid #eee; padding:10px 25px; background:#fff;} .sub_cont .sc_btn{text-align:center; margin-top:30px;} .sub_cont .sc_btn .btn-default{background:#fff; padding:5px 10px; border:1px solid #dedede; color:#000; } .sub_cont .sub_content .inputcont{border-top:2px solid #000000;} #join_form .addr_form{height:90px; position:relative;} #join_form .addr_form #zipcode{width:110px;} #join_form .addr_form #address{position:absolute; bottom:20px; left:170px; width:500px;} /*회원가입*/ .join_content .top_banner{background:url('../images/join_banner_bg.jpg')no-repeat center center; background-size:cover; position:relative;} .join_content .top_banner img{margin-top:75px;} .join_content .join_area{margin-top:50px;} .join_content .join_area h1{font-size:28px; font-family: "Noto Sans KR", sans-serif; padding: 20px 0;} .join_content .join_area #join_form{padding-left:200px; margin-top:50px;} .join_content .join_area #join_form h2{font-size:22px; font-family: "Noto Sans KR", sans-serif; padding:20px 0;} .join_content .join_area #join_form form{border-top:2px solid #000;} .join_content .join_area #join_form form div{width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2;} .join_content .join_area #join_form form div p{display:inline-block; width:150px; font-family: "Noto Sans KR", sans-serif; font-size:18px; padding-left:20px;} .join_content .join_area #join_form form div input{border:1px solid #dedede; vertical-align:middle; padding:10px; width:250px;} .join_content .join_area #join_form form div .btn-warning{width:130px;} .join_content .join_area #join_form form div .common_btn{width:130px;} .join_content .join_area #join_form form .phone_form input{width:150px;} .join_content .join_area #join_form form .submit_form{border-bottom:0; text-align:center; margin-top:40px;} .join_content .join_area #join_form form .submit_form input{background:#fff; border:1px solid #000; width:130px; cursor:pointer; font-family: "Noto Sans KR", sans-serif; font-size:16px;} /*로그인*/ .login_content{} .login_content .top_banner{background:url('../images/login_banner_bg.jpg')no-repeat center center; background-size:cover; position:relative;} .login_content .top_banner img{margin-top:150px;} .login_content .login_area{margin:100px 0;} .login_content .login_area .login_title{text-align:center; margin:50px 0;} .login_content .login_area h1{font-size:28px; font-family:"Noto Sans KR", sans-serif; padding-top:20px; display:inline; line-height:1.3;} .login_content .login_area h1 span{color:#eb6303;} .login_content .login_area #login_form{padding:0 300px; } .login_content .login_area #login_form form{position:relative; border:1px solid #dedede; padding:20px; width:100%;} .login_content .login_area #login_form form table{width:100%;} .login_content .login_area #login_form #formIdSearch1{margin-bottom:30px;} .login_content .login_area #login_form #formIdSearch1 .joinListTable .found_id{} .login_content .login_area #login_form form h3{font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:18px; margin-bottom:30px;} .login_content .login_area #login_form form .id_form{margin-bottom:10px;} .login_content .login_area #login_form form div p{display:inline-block; width:100px; font-family:"Noto Sans KR", sans-serif; font-size:18px;} .login_content .login_area #login_form form div input{padding:10px; width:340px;} .login_content .login_area #login_form form .submit_form{position:absolute; top:20px; right:35px;} .login_content .login_area #login_form form .submit_form input{width:75px; height:88px; border:0; background:#eb6303; color:#fff; font-size:16px;} .login_content .login_area #login_form form table tr{line-height:2;} .login_content .login_area #login_form form table tr td input{border:1px solid #dedede; background:#fff; padding:3px 10px;} .login_content .login_area #login_form form table th{font-family: "Noto Sans KR", sans-serif; font-size:16px; font-weight:300;} .login_content .login_area #login_form .find_id{width:200px; margin:20px auto;} .login_content .login_area #login_form .find_id li{float:left; margin-left:5px; font-size:14px;} /*게시판 List 공통 CSS*/ .sub_cont .sub_content{margin-top:50px; margin-bottom:100px;} .sub_cont .sub_content .cont_title{font-family: "Noto Sans KR", sans-serif; font-weight:600; font-size:28px; margin:50px 0; text-align:center; display:none;} .sub_cont .sub_content .board_list table{width:100%; border-top:2px solid #000;} .sub_cont .sub_content .board_list th{height:30px; background:#f0f0f0; font-size:16px; text-align:center; border-left:1px solid #cecece; padding:10px 0;} .sub_cont .sub_content .board_list th:nth-child(1){border-left:0;} .sub_cont .sub_content .board_03_01 td.c_title p img{width:100%;} .sub_cont .sub_content .board_list td{height:30px; font-size:16px; border-left:1px solid #cecece;} .sub_cont .sub_content .board_list td:nth-child(1){border-left:0;} .sub_cont .sub_content .board_list td:nth-child(2){text-align:left; padding-left:20px;} .sub_cont .sub_content .board_list .view_table li{list-style:none;} .sub_cont .sub_content .board_list .view_title ul li{float:left;} .sub_cont .sub_content .board_list .view_title ul li.board_th{width:15%; padding:10px 0 10px 10px; box-sizing:border-box;} .sub_cont .sub_content .board_list .view_title ul li.board_td{width:85%; padding:10px 0 10px 10px; box-sizing:border-box;} .sub_cont .sub_content .subtitle h1{font-family: "Noto Sans KR", sans-serif; font-size:20px;margin-bottom:20px;} .sub_cont .sub_content .writeDiv .writeHead .subject{font-family: "Noto Sans KR", sans-serif; font-weight:bold; font-size:30px; margin-top:20px; margin-bottom:20px;} /*각 게시판 List CSS*/ .sub_cont .sub_content .inner .sc_btn{text-align:center; margin-top:20px;} .sub_cont .sub_content .inner .sc_btn button{background:#fff; border:1px solid #dedede; color:#000; padding:10px 25px;} .sub_cont .sub_content .board_02_01 .t_no{width:10%;} .sub_cont .sub_content .board_02_01 .t_title{width:55%;} .sub_cont .sub_content .board_02_01 .t_writer{width:20%;} .sub_cont .sub_content .board_02_01 .t_date{width:15%;} .sub_cont .sub_content .board_02_02 .t_name{width:15%;} .sub_cont .sub_content .board_02_02 .t_addr{width:35%;} .sub_cont .sub_content .board_02_02 .t_tel{width:15%;} .sub_cont .sub_content .board_02_02 .t_email{width:25%;} .sub_cont .sub_content .board_02_02 .t_more{width:10%;} .sub_cont .sub_content .board_02_02 .c_more a{background:#dedede; padding:3px 5px; border-radius:15px;} .sub_cont .sub_content .board_02_02{} .sub_cont .sub_content .board_02_02 .board_name h1{margin-bottom:30px; font-size:24px;} .sub_cont .sub_content .board_02_02 .board_top_content{overflow:hidden;} .sub_cont .sub_content .board_02_02 .board_top_content ul:nth-child(1) li{border-bottom:0;} .sub_cont .sub_content .board_02_02 .board_top_content ul li{float:left; border:2px solid #ebebeb; box-sizing:border-box; padding:10px 20px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 li{border-bottom:0; border-left:0; font-size:16px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 li:nth-child(1){border-left:2px solid #ebebeb;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 .th_cont{width:15%; text-align:center; background:#9e9e9e;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 .th_cont h1{color:#fff;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 .td_cont{width:27.5%;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 li{border-left:0; font-size:16px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 li:nth-child(1){border-left:2px solid #ebebeb;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 .th_cont{width:16%; text-align:center; background:#9e9e9e;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 .th_cont h1{color:#fff;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 .td_cont{width:31.5%; height:38px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 li:nth-child(2){width:36.5%;} .sub_cont .sub_content .board_02_02 .board_bottom_content{overflow:hidden; margin-top:26px;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li{float:left; border:2px solid #e6e6e6; box-sizing:border-box; padding:10px 20px; font-size:16px; border-bottom:0;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li:last-child{border-bottom:2px solid #e6e6e6; height:80px; display:table;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li:last-child h1{display:table-cell; vertical-align:middle;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li:nth-last-child(2){border-bottom:2px solid #e6e6e6; height:80px;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li:nth-last-child(2) h1{vertical-align:middle; display:table-cell;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li.th_cont{width:17%; color:#000; background:#dadada; text-align:center; display:table;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li.td_cont{width:83%;} .sub_cont .sub_content .board_02_03 .t_no{width:10%;} .sub_cont .sub_content .board_02_03 .t_title{width:55%;} .sub_cont .sub_content .board_02_03 .t_writer{width:20%;} .sub_cont .sub_content .board_02_03 .t_date{width:15%;} .sub_cont .sub_content .board_02_05 .t_no{width:10%;} .sub_cont .sub_content .board_02_05 .t_title{width:55%;} .sub_cont .sub_content .board_02_05 .t_writer{width:20%;} .sub_cont .sub_content .board_02_05 .t_date{width:15%;} .sub_cont .sub_content .board_03_01 .t_no{width:10%;} .sub_cont .sub_content .board_03_01 .t_title{width:55%;} .sub_cont .sub_content .board_03_01 .t_writer{width:20%;} .sub_cont .sub_content .board_03_01 .t_date{width:15%;} .sub_cont .sub_content .board_03_01 td{text-align:left; border-bottom:1px solid #ebebeb;} .sub_cont .sub_content .board_list td{height:40px; border-bottom:1px solid #ebebeb; padding-left:10px;} .sub_cont .sub_content .board_03_01 tr{width:100%;} .sub_cont .sub_content .board_03_01 td.board_th{width:15%;} .sub_cont .sub_content .board_03_01 td.board_td{width:85%;} .sub_cont .sub_content .board_03_01 td .view_title{overflow:hidden;} .sub_cont .sub_content .board_03_01 td .add_file_area{width:100%; padding:10px 0 0 20px;} .sub_cont .sub_content .board_03_01 td .add_file_area a{width:100%; display:block;} .sub_cont .sub_content .board_03_01 .c_no{text-align:center; padding:0;} .sub_cont .sub_content .board_03_01 .c_title{padding-left:20px; border-top:1px solid #ebebeb;} .sub_cont .sub_content .board_03_01 .c_writer{text-align:center; padding:0;} .sub_cont .sub_content .board_03_01 .c_date{text-align:center;} .sub_cont .sub_content .board_03_02 > ul{overflow:hidden;} .sub_cont .sub_content .board_03_02 > ul > li{width:31%; padding:1%; float:left;} .sub_cont .sub_content .board_03_02 > ul > li a img{width:100%; height:230px;} .sub_cont .sub_content .board_03_02 > ul > li > div{border:1px solid #e2e2e2; box-sizing:border-box;} .sub_cont .sub_content .board_03_02 > ul > li div div{padding:25px 10px; font-size:16px; height:20px;} .sub_cont .sub_content .board_03_02 > ul > li div div span{color:#999;} .sub_cont .sub_content .board_03_02 > ul > li div div a{color:#333;} .sub_cont .sub_content .board_03_03 > ul{overflow:hidden;} .sub_cont .sub_content .board_03_03 > ul > li{width:31%; padding:1%; float:left;} .sub_cont .sub_content .board_03_03 > ul > li a img{width:100%;} .sub_cont .sub_content .board_03_03 > ul > li > div{border:1px solid #e2e2e2; box-sizing:border-box;} .sub_cont .sub_content .board_03_03 > ul > li div div{padding:25px 10px; font-size:16px;} .sub_cont .sub_content .board_03_03 > ul > li div div span{color:#999;} .sub_cont .sub_content .board_03_03 > ul > li div div a{color:#333;} .sub_cont .sub_content .board_04_01 > ul{overflow:hidden;} .sub_cont .sub_content .board_04_01 > ul > li{width:31%; padding:1%; float:left;} .sub_cont .sub_content .board_04_01 > ul > li a img{width:100%;} .sub_cont .sub_content .board_04_01 > ul > li > div{border:1px solid #e2e2e2; box-sizing:border-box;} .sub_cont .sub_content .board_04_01 > ul > li div div{padding:25px 10px; font-size:16px; text-align:center;} .sub_cont .sub_content .board_04_01 > ul > li div div span{color:#999;} .sub_cont .sub_content .board_04_01 > ul > li div div a{color:#333;} .sub_cont .sub_content .board_03_04 .t_no{width:10%;} .sub_cont .sub_content .board_03_04 .t_title{width:55%;} .sub_cont .sub_content .board_03_04 .t_writer{width:20%;} .sub_cont .sub_content .board_03_04 .t_date{width:15%;} .sub_cont .sub_content .board_03_05 .t_no{width:10%;} .sub_cont .sub_content .board_03_05 .t_title{width:55%;} .sub_cont .sub_content .board_03_05 .t_writer{width:20%;} .sub_cont .sub_content .board_03_05 .t_date{width:15%;} .sub_cont .sub_content .writeDiv .inputcont .row{width:100%; overflow:hidden; height:50px; line-height:50px; border-bottom:1px solid #dedede;} .sub_cont .sub_content .writeDiv .inputcont .addfile_area .col-sm-9 .add_file{width:25%;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-2{width:15%; float:left; font-size:15px; padding:0 10px; box-sizing:border-box; border-right:1px solid #dedede; background:#ebebeb; font-weight:bold;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6{width:30%; float:left; padding-left:20px;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6 .form-control{width:100%; margin-top:7px; height:30px; line-height:30px; border:1px solid #dedede; padding:0 10px;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6 #checkstr1{width:100%;} .sub_cont .sub_content .writeDiv .inputcont .ck_code .col-sm-6{width:30%;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-8{float:left; padding-left:20px; margin-left:20px;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-9{width: 80%; float:left; padding-left:20px; padding-top:10px; box-sizing:border-box;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-9 #attach_1{} .sub_cont .sub_content .writeDiv .inputcont .row_height{height:90px;} .sub_cont .sub_content .writeDiv .inputcont .row_height200{height:200px;!important;} .sub_cont .sub_content .writeDiv .inputcont .row_height > div{height:90px; line-height:70px;} .sub_cont .sub_content .writeDiv .inputcont .row_height .add_file{width:20%; display:inline-block; float:left;} .sub_cont .sub_content .writeDiv .inputcont .row_height .no_file{margin-top:15px;} .sub_cont .sub_content .write_area .inputcont .row_height{height:50px;} .sub_cont .sub_content .write_area .inputcont .row_height > div{height:50px; line-height:50px;} .sub_cont .sub_content .board_view{} .sub_cont .sub_content .board_view td{padding:10px; border:1px solid #ebebeb;} .sub_cont .sub_content .board_view td.board_th{text-align:left; width:15%; background:#dadada;} .sub_cont .sub_content .board_view td.board_td{width:85%; border-right:0;} .sub_cont .sub_content .board_view td.board_cont{width:100%;} .sub_cont .sub_content .board_view td.board_cont p{width:100%;} .sub_cont .sub_content .board_view .board_cont img{max-width:1160px;} .sub_cont .sub_content .board_view td.board_td li{list-style:none;} .sub_cont .sub_content .board_view td:nth-child(2) h1{ font-family: "Noto Sans KR", sans-serif; font-weight:400;} .sub_cont .sub_content .board_view .board_title{border-bottom:1px solid #fff; background:#ebebeb;} .sub_cont .sub_content .board_view .board_title h1{font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:22px;} .sub_cont .sub_content .board_view .board_date{padding:0 10px;} .sub_cont .sub_content .board_view .board_date h1{font-family: "Noto Sans KR", sans-serif; font-weight:200; font-size:16px;} .sub_cont .sub_content .board_view .board_nodown{display:none;} .sub_cont .sub_content .board_view .board_down ul li{float:left; margin-left:20px;} .sub_cont .sub_content .board_view .board_down ul li:nth-child(1){margin-left:0;} .sub_cont .sub_content .board_view .board_down ul li a:hover{text-decoration:underline;} .board_img{text-align:center; overflow:hidden; margin-top:30px;} .board_img ul{} .board_img ul li{width:24.375%; float:left; text-align:center; border:1px solid #dedede; box-sizing:border-box; margin-right:0.8333333333%; margin-bottom:0.8333333333%; max-height:320px;} .board_img ul li img{max-width:100%; height:300px;} .board_img ul li:nth-child(4n){margin-right:0;} /*sub_06 tabs CSS*/ #tabs06_01{overflow:hidden; margin-bottom:40px;} #tabs06_01 ul li{float:left; width:33.333333%;text-align:center; border:1px solid #dedede; border-top:1px solid #000; box-sizing:border-box; background:#fff;border-right:0;} #tabs06_01 ul li:last-child{border-right:1px solid #dedede;} #tabs06_01 ul li a{width:100%; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:18px; height:48px; line-height:48px; padding:12px 50px;} #tabs06_02{overflow:hidden; margin-bottom:40px;} #tabs06_02 ul li{float:left; width:25%;text-align:center; border:1px solid #dedede; border-top:1px solid #000; box-sizing:border-box; background:#fff;border-right:0;} #tabs06_02 ul li:last-child{border-right:1px solid #dedede;} #tabs06_02 ul li a{width:100%; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:18px; height:48px; line-height:48px; padding:12px 50px;} #tabs06_03{overflow:hidden; margin-bottom:40px;} #tabs06_03 ul li{float:left; width:20%;text-align:center; border:1px solid #dedede; border-top:1px solid #000; box-sizing:border-box; background:#fff;border-right:0;} #tabs06_03 ul li:last-child{border-right:1px solid #dedede;} #tabs06_03 ul li a{width:100%; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:18px; height:48px; line-height:48px; padding:12px 30px;} #tabs06_04{overflow:hidden; margin-bottom:40px;} #tabs06_04 ul li{float:left; width:33.333333%;text-align:center; border:1px solid #dedede; border-top:1px solid #000; box-sizing:border-box; background:#fff;border-right:0;} #tabs06_04 ul li:last-child{border-right:1px solid #dedede;} #tabs06_04 ul li a{width:100%; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:18px; height:48px; line-height:48px; padding:12px 50px;} #smart_editor2{width:100%!important;} /*회무일정 달력 CSS*/ .calendar tr th{border:1px solid #dddddd; font-size:16px;} .calendar tr td{border:1px solid #dddddd; vertical-align:top; text-align:right; padding:10px;} .calendar tr td ul{padding-top:10px;} .calendar tr td ul li{text-align:left;} .calendar tr td font{font-size:15px;} .calendar_head{font-size:24px; text-align:center;} .prev_month_btn{text-align:right;} .next_month_btn{text-align:left;} .form_btns{text-align:right;} .form_btns a{width:45%;} .form_btns a:nth-child(1){margin-right:0.4%;} /*회무일정 리스트 CSS*/ .form_pr{width:30%; float:right; margin-bottom:20px;} /*미디어쿼리CSS*/ @media all and (max-width:1800px){ #gnb ul.main_list > li{margin:0;} } @media all and (max-width:1700px){ #top_logo{padding:10px 0; float:inherit; text-align:center;} #gnb{float:left; margin-left:0; width:73%; background:#fff; padding-left:30px; box-sizing:border-box;} #gnb ul.main_list > li{height:75px; margin:0; width:14%;} #gnb ul.main_list > li > a{padding:0;} #header .right_menu{width:27%;} #header .right_menu > ul > li{width:25%; box-sizing:border-box; background:#ffffff;} #header .right_menu > ul > li > a{width:100%; display:inline-block; height:auto;} #header .right_menu > ul > li:nth-child(1) a{padding:0;} #header .right_menu > ul > li:nth-child(2) a{padding:0;} #allmenu .dept_group > div{width:12.5%; padding-top:200px;} #allmenu > div p{font-size:18px;} #allmenu .close_btn{padding-top:75px;} .join_content{margin-top:150px;} .join_content .top_banner img{margin-top:0;} .content{padding-top:150px;} .sub_cont{padding-top:150px;} .sub_cont .sub_banner{padding-top:0;} } @media all and (max-width:1200px){ #header{height:auto; border-bottom:0;} #top_logo{padding:10px 0 10px 50px; float:left; border-bottom:1px solid #e2e2e2; width:100%;} #gnb{width:73%; border-bottom:0; box-sizing:border-bottom;} #gnb .main_list > li{width:14.286%;} #header .right_menu{width:27%; position:relative; float:left;} #header .right_menu > ul > li{width:25%; box-sizing:border-box;} .inner{max-width:1200px; min-width:340px; width:90%;} .inner > img{width:100%; display:block;} #main_sec01 #bx-pager{bottom:150px;} #allmenu .close_btn{padding-top:0;} #allmenu .dept_group > div{padding-top:130px; width:15%; padding-left:5px;} #allmenu > div p{font-size:16px;} #allmenu > div ul li a{font-size:14px;} #allmenu .dept_group > div:nth-child(1){width:20px;} #main_sec02 ul li h1{font-size:32px;} #main_sec02 ul li > img{margin-top:160px;} #main_sec02 ul li:hover > img{margin-top:107px;} #main_sec03 .inner > h1{font-size:38px; margin-top:50px;} #main_sec03 .inner > p{margin-bottom:50px;} #main_sec03 .inner li{width:49%;} #main_sec03 .inner li:nth-child(2n+1){margin-left:0;} #main_sec03 .inner li img{width:100%;} #main_sec03 .inner li h1{font-size:20px; padding:30px 0;} .login_content .login_area #login_form{padding:0 200px;} .join_content .join_area #join_form form .phone_form input{width:100px;} .sub_cont .sub_content .board_view .board_cont img{max-width:840px;} } @media all and (max-width:880px){ #mbl_header{display:block;} #header{display:none;} #main_sec02 ul li{width:100%;} #main_sec02 ul li h1{font-size:22px;} #main_sec02 ul li a{margin-bottom:142px;} #main_sec02 ul li > img{margin-top:60px; margin-bottom:40px; width:50%;} #main_sec02 ul li:hover > img{margin-top:37px; margin-bottom:50px; width:50%;} #main_sec01 .main_ban ul li .inner > img{margin-top:45px;} #main_sec01 #bx-pager{display:none;} #main_sec02 ul li p{margin-bottom:209px;} #main_sec02 ul li:hover p{margin-bottom:28px;} #main_sec04{padding-bottom:0;} #main_sec04 ul li.notice_title h1{font-size:24px;} #main_sec04 ul li{height:200px;} #main_sec04 ul li h1{font-size:17px;} #main_sec04 ul li h2{font-size:17px;} #main_sec04 ul li p{font-size:14px;} .sub_cont .sub_banner .sub_tabs ul li a h1{font-size:14px;} .sub_cont .sub_content{margin-top:50px;} .content{padding-top:75px;} .sub_cont{padding-top:75px;} .join_content{margin-top:75px;} #copyright .copy_left{text-align:center; margin-bottom:30px; float:inherit;} #copyright .copy_right{text-align:center; float:inherit;} .join_content .join_area #join_form{padding-left:0;} .join_content .join_area #join_form form div p{width:120px; font-size:16px;} .join_content .join_area #join_form form div input{width:180px;} .login_content .login_area h1{font-size:20px;} .login_content .login_area #login_form{padding:0 120px;} .login_content .login_area #login_form form div p{width:80px; font-size:15px;} .login_content .login_area #login_form form div input{padding:5px; width:250px;} .login_content .login_area #login_form form .submit_form{right:10px;} .login_content .login_area #login_form form .submit_form input{height:68px;} .sub_cont .sub_content .board_view .board_cont img{max-width:610px;} } @media all and (max-width:650px){ .main_ban{margin-bottom:0;} #gnb{display:none;} #header .right_menu{display:none;} #top_logo{padding:0; float:inherit; padding-top:10px;} .content{padding-top:75px;} #main_sec02 ul li{border-bottom:1px solid #eaeaea;} #main_sec02 ul li:nth-child(2) img{float:right;} #main_sec02 ul li img{float:left; margin-top:100px;} #main_sec02 ul li > img{display:none;} #main_sec02 ul li:hover > img{margin-top:80px;} #main_sec02 ul li h1{margin-top:30px;} #main_sec02 ul li:hover > h1{margin-top:30px;} #main_sec02 ul li .ver_line{display:none;} #main_sec02 ul li p{margin-bottom:120px;} #main_sec02 ul li:hover > p{margin-bottom:50px;} #main_sec02 ul li a{margin-bottom:40px; margin-top:-122px;} #main_sec03{padding-bottom:40px;} #main_sec03 .inner > h1{font-size:28px;} #main_sec03 .inner > p{font-size:14px; margin-bottom:30px;} #main_sec03 .inner li{margin-bottom:10px;} #main_sec03 .inner li a img{height:200px;} #main_sec03 .inner li a{height:200px;} #main_sec03 .inner li h1{font-size:16px; padding:15px 0;} .bbs_btn .btn-default{font-size:12px;} .sub_cont .sub_content .inner .sc_btn button{font-size:12px;} #main_sec04{padding:40px 0;} #main_sec04 ul li{width:100%; border-left:0; border-bottom:1px solid #e2e2e2; height:150px; margin-top:30px;} #main_sec04 ul li.notice_title{width:100%; height:60px; border-bottom:none; padding-right:0; margin-top:0;} #main_sec04 ul li.notice_title h1{font-size:24px; display:inline-block; padding-left:20px;} #main_sec04 ul li.notice_title a{margin-top:0px; float:right;} #main_sec04 ul li h2{margin-bottom:20px;} #main_sec04 ul li p{line-height:1.3;} .sub_cont .sub_banner{padding-top:30px;} .sub_cont .sub_banner .sub_tabs{height:40px;} .sub_cont .sub_banner .sub_tabs ul li{height:41px; line-height:41px;} .sub_cont .sub_banner .sub_tabs ul li a h1{font-size:12px;} .sub_cont .sub_content .board_list td{font-size:14px; padding-left:10px;} .sub_cont .sub_content .board_03_02 > ul > li a img{height:100px;} .sub_cont .sub_content .board_03_02 > ul > li div div{font-size:14px; height:30px;} #copyright .copy_left .copy_btn_group a{font-size:12px;} #copyright .copy_left .copy_txt p{font-size:12px;} #copyright .copy_right img{width:70%; margin-bottom:10px;} #copyright .copy_right p{font-size:12px;} .sub_cont .sub_content .com_history h1{font-size:22px;} .sub_cont .sub_content .com_history .history_box{margin-top:40px;} .sub_cont .sub_content .com_history .history_box h2{font-size:30px;} .sub_cont .sub_content .com_history table{margin-top:10px;} .sub_cont .sub_content .com_history table th{font-size:12px;} .sub_cont .sub_content .com_history table td{font-size:12px;} .sub_cont .sub_content .board_list td:nth-child(2) img{max-width:100%;} .sub_cont .sub_content .board_view td{padding:5px 0 5px 4px;} .sub_cont .sub_content .board_view td h1{font-size:12px;} .sub_cont .sub_content .board_view td:nth-child(2){padding-left:5px;} .sub_cont .sub_content .board_view .board_title h1{font-size:16px;} .sub_cont .sub_content .board_view .board_date h1{font-size:12px;} .sub_cont .sub_content .board_view .board_down ul li{width:100%; margin:3px 0; box-sizing:border-box;} .sub_cont .sub_content .board_view .board_cont img{max-width:100%;} .sub_cont .sub_content .com_history .th_3{display:none;} .sub_cont .sub_content .com_history .th_4{display:none;} .sub_cont .sub_content .com_history .td_3{display:none;} .sub_cont .sub_content .com_history .td_4{display:none;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 .td_cont{height:50px;} #join_form .addr_form #address{bottom:20px; left:104px; width:200px;} .join_content{margin-top:105px;} .join_content .join_area{margin-top:20px;} .join_content .join_area h1{font-size:24px;} .join_content .join_area #join_form h2{font-size:18px;} .join_content .join_area #join_form{margin-top:0;} .join_content .join_area #join_form form div{padding:12px 0;} .join_content .join_area #join_form form div p{width:90px; font-size:13px; padding-left:10px;} .join_content .join_area #join_form form div input{width:90px;} .join_content .join_area #join_form form div .common_btn{width:80px; font-size:10px; padding:8px;} .join_content .join_area #join_form form .phone_form input{width:40px;} .join_content .join_area #join_form form .submit_form input{font-size:15px;} .join_content .join_area #join_form form div .btn-warning{width:110px; margin-left:100px; margin-top:10px; font-size:10px; padding:8px;} .login_content .top_banner img{margin-top:107px;} .login_content .login_area #login_form{padding:0;} .login_content .login_area #login_form form{width:88%;} .login_content .login_area #login_form form table th{text-align:left;} .login_content .login_area #login_form form div p{width:20%;} .login_content .login_area #login_form form div input{width:70%;} .login_content .login_area #login_form form .submit_form{position: inherit; top: inherit; right: inherit; margin-top:20px; text-align:center;} .login_content .login_area #login_form form .submit_form input{ height:50px; width:100%} .sub_cont .sub_content .board_list .t_writer{display:none;} .sub_cont .sub_content .board_list .c_writer{display:none;} .sub_cont .sub_content{margin-top:30px;} #tabs06_01{margin-bottom:30px;} #tabs06_02{margin-bottom:30px;} #tabs06_03{margin-bottom:30px;} #tabs06_04{margin-bottom:30px;} .sub_cont .sub_content .board_02_02 .t_email{display:none;} .sub_cont .sub_content .board_02_02 .c_email{display:none;} .sub_cont .sub_content .board_02_02 .t_addr{display:none;} .sub_cont .sub_content .board_02_02 .c_addr{display:none;} .sub_cont .sub_content .board_02_02 .board_top_content ul li{padding:5px 0; height:50px; display:table;} .sub_cont .sub_content .board_02_02 .board_top_content ul li h1{display:table-cell; vertical-align:middle;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 li{ font-size:12px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 li{font-size:12px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_2 .td_cont{padding:5px;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 li:nth-child(5){width:100%;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 .th_cont{width:30%;} .sub_cont .sub_content .board_02_02 .board_top_content ul.cont_3 .td_cont{width:70%;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li{padding:10px 5px; font-size:12px; height:50px; display:table;} .sub_cont .sub_content .board_02_02 .board_bottom_content ul li h1{display:table-cell; vertical-align:middle;} .board_img{padding:0;} .board_img ul li{width:49.5%; margin-right:1%;} .board_img ul li:nth-child(2n){margin-right:0;} .board_img ul li img{width:100%;} .sub_cont .sub_content .board_list th{font-size:14px; padding:5px 0;} .sub_cont .sub_content .board_list .t_date{display:none;} .sub_cont .sub_content .board_list .c_date{display:none;} .email_form textarea{margin-left:100px; width:200px;} .sub_content06 .sub_06_01 ul li a, .sub_content06 .sub_06_02 ul li a, .sub_content06 .sub_06_03 ul li a, .sub_content06 .sub_06_04 ul li a{height:38px; line-height:38px; font-size:14px; padding:12px 0;} #tabs06_01 ul li a{font-size:13px; height:30px; line-height:30px; padding:7px 20px;} #tabs06_02 ul li a{font-size:13px; height:30px; line-height:30px; padding:7px 20px;} #tabs06_03 ul li a{font-size:13px; height:30px; line-height:30px; padding:7px 0px;} #tabs06_04 ul li a{font-size:13px; height:30px; line-height:30px; padding:7px 20px;} /*write*/ .sub_cont .sub_content .writeDiv .inputcont .row{height:auto} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6{width:50%;} .sub_cont .sub_content .writeDiv .inputcont .ck_code .col-sm-6{width:46%;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-8{width:15%; margin:0; padding:0; position:relative; right:-7px;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6{padding-left:10px;} .sub_cont .sub_content .writeDiv .inputcont .row .ck_auto{width:47%;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-6 #checkstr1{padding:0;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-2{width:30%; font-size:13px;} .sub_cont .sub_content .writeDiv .inputcont .addfile_area .col-sm-2{height:100px;} .sub_cont .sub_content .writeDiv .inputcont .addfile_area .col-sm-9 .add_file{width:100%;} .sub_cont .sub_content .writeDiv .inputcont .row .col-sm-9{width:70%; box-sizing:border-box; padding-top:0;} .sub_cont .sub_content .writeDiv .inputcont .row_height .col-sm-9{width:100%; height:auto; padding:0;} .sub_cont .sub_content .writeDiv .inputcont .row_height .write_subject {width: 100%; height: 30px; line-height: 30px; background: #fff; border-right: 0; border-bottom: 1px solid #dedede;} .sub_cont .sub_content .writeDiv .inputcont .row_height .write_subjectsign {width: 100%; height: 210px; line-height: 30px; background: #fff; border-right: 0; border-bottom: 1px solid #dedede;} .sub_cont .sub_content .writeDiv .inputcont .row_height .add_file{width:100%;} .sub_cont .sub_content .writeDiv .inputcont .row_height .add_file p{display: inline-block; height: 30px; line-height: 30px; float: left; width: 100%;} .sub_cont .sub_content .writeDiv .inputcont .row_height{} .sub_cont .sub_content .bbs_write{margin-bottom:100px;} .add_file_4ea .sub_content .bbs_write{margin-bottom:160px;} .add_file_4ea .sub_content .modift_write{margin-bottom:300px;} .sub_cont .sub_content .board_view .board_cont img{max-width:360px;} /*회무일정*/ .calendar_head{font-size:16px;} } @media all and (max-width:400px){ #main_sec01{height:276px;} .sub_cont .sub_banner .sub_tabs ul li a h1{font-size:10px;} .sub_cont .sub_content .board_view .board_cont img{max-width:300px;} } .comment {padding-top:20px;} .cpn_info p {font-size: 16px; padding-left: 15px;line-height:25px;} .cpn_info p span {margin-right: 8px;} .cpn_info p span.sml {margin-left: 15px;} #map {margin-top: 30px;} .hand {cursor: pointer;} /* 팝업창 */ .pop_up { position: absolute; z-index: 300; background: #ffffff; } .pop_up .cont { padding: 10px; border: 1px solid #dddddd; } .pop_up .bottom { background: #414141; } .pop_up .bottom button { color: #ffffff; background: transparent; } .pop_up .bottom button.btn-tday i { border: 1px solid #ffffff; padding: 0 2px; margin: -1px 0 0 0; line-height : 1.2; } .pop_up .bottom > div { padding: 5px 0; } .pop_up .bottom .fl { padding-left:10px; } .pop_up .bottom .fr { padding-right:10px; padding-left: 10px; background: #000000; }