@charset "utf-8";
@import url("layout.css");
@import url("design_e.css");

/* Recommended */


body{font-family:나눔고딕, NanumGothic, ng}
input, textarea {font-family:나눔고딕, NanumGothic, ng}

/* IMPORT : UTIL- HIDE & IR */
.hide{display:block;position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
.ir{width:0; height:0; line-height:0; font-size:0; visibility:hidden}
.hidden {position:absolute; top:-9999em; height:0; width:0}


#wrapper {width:100%; position:relative; background:url(../../../files/web2/images/common/top_bg.gif) no-repeat center top; z-index:3}
#header {width:980px; height:109px; position:relative; margin:0 auto; z-index:3}
#container {width:980px; position:relative; margin:0 auto; z-index:1; background:url(../../../files/web2/images/common/bg_con.gif) repeat-y}
#container:after {content:""; display:block; clear:both}
#leftSection {float:left; width:180px;}
#rightSection {float:left; width:800px; padding-bottom:100px}
#content {margin-left:50px; width:750px}
#footer {width:100%; height:117px; position:relative; background:#eeeeee; border-top:1px solid #cdced3;}

/*메인*/
#wrapper_main {width:100%; position:relative; background:url(../../../files/web2/images/common/top_bg.gif) no-repeat center top; z-index:3; }
#visual_main {width:100%; height:490px; position:relative;background:url(../../../files/web2/images/main/main_bg.jpg) repeat-x;  overflow-x:hidden;}
#container_main:after {content:""; display:block; clear:both}
#content_main {position:relative; width:980px; margin:0 auto;}

/*top*/
.header_wrap {width:100%; position:relative; z-index:3}
.h_top {width:980px; position:relative; z-index:3}
.h_top h1 {padding:41px 0 0 0;}
.h_top .util {position:absolute; right:0px; top:0px}
.h_top .util ul {width:100%;}
.h_top .util ul:after {content:""; display:block; clear:both}
.h_top .util ul li {float:left}
.h_top .util ul li:first-child {float:left}
.h_top .account {position:absolute; right:0px; top:5px}
.h_top .search {position:absolute; right:0px; top:0px; background:#242c45; width:231px; height:26px; padding-left:13px}
.h_top .search input[type="text"] {height:10px; border:1px solid #242c45; padding:5px 5px 5px 10px; width:171px; background:url(../../../files/web2/images/common/bg_search.gif) no-repeat left}
.h_top .search input[type="image"] {margin-left:-2px}

/*gnb*/
.gnb_area {height:69px; position:absolute; left:242px; top:26px; z-index:3; width:750px;}
#gnb {position:relative; z-index:3}
#gnb:after {content:""; display:block; clear:both}
#gnb > li {float:left; width:172px; position:relative; margin-right:20px;}
#gnb > li.gnb04 {margin-right:0px;}
#gnb > li > h2 > a {width:172px; display:block;}
#gnb > li > ul {position:absolute; left:0; top:0; z-index:3; height:65px;}
#gnb > li > ul:after {content:""; display:block; clear:both}
#gnb > li > ul > li {float:left; text-align:left; font-size:14px; margin-right:5px;}
#gnb > li > ul > li > a {display:block; color:#111111; height:40px; padding:25px 0px 0 15px; } /*1223*/
#gnb > li > ul > li > a img {vertical-align:-1px; margin-left:5px; display:none;}
#gnb > li > ul > li.on > a {color:#000; background:url(../../../files/web2/images/common/gnb/gnb_abg.png) repeat-x left top;font-weight:bold;margin-top:1px;padding-right:10px} /*1223*/
#gnb > li > ul > li.on > a img {display:inline-block;}

/*2014.1.13*/
#gnb .gnb01 ul {left:0px; top:83px; width:228px;}
#gnb .gnb02 ul {left:-100px; top:83px; width:800px;}
#gnb .gnb03 ul {left:59px; top:83px; width:228px;}
#gnb .gnb04 ul {left:-620px; top:83px; width:830px;}
/*2014.1.13*/

.all2depth {position:absolute; left:0; top:109px; width:100%; height:62px; background:#fdf6e6 repeat-x center top; z-index:2;border-bottom:4px solid #c48606;border-top:1px solid #d1d1d1;} /*1223*/
/*
#gnb li ul li.on a {color:#fff000; font-weight:bold; text-decoration:underline; background:url(../../../files/web2/images/common/gnb/gnbul_1.jpg) no-repeat; display:inline-block; height:56px;padding:0px 10px 20px 10px}
#gnb .gnb01, #gnb .gnb02, #gnb .gnb03, #gnb .gnb04, {width:980px; text-align:left;}
#gnb > li > ul:after {content:""; display:block; clear:both}

*/


/*lnb*/
.lnb_tit {width:180px; height:160px}
#snb {width:100%}
#snb li {width:100%}
#snb li p {width:158px; height:38px; padding:22px 5px 2px 15px; font-size:16px; color:#3352a4; font-weight:600; background:url(../../../files/web2/images/common/lnb/lnb_off.gif) no-repeat left top}
#snb li p:after {content:""; display:block; clear:both}
/*2014.1.13*/
#snb li p.two {width:158px; height:58px; padding:2px 5px 2px 15px; font-size:16px; color:#3352a4; font-weight:600; background:url(../../../files/web2/images/common/lnb/lnb_off.gif) no-repeat left top}
#snb li p a {float:left; display:block; color:#444; display:block; width:130px; line-height:18px; word-break:break-all;}
/*2014.1.13*/
#snb li.on p {width:158px; background:url(../../../files/web2/images/common/lnb/lnb_on.gif) no-repeat left top}
#snb li.on p a {color:#3352a4; font-weight:600; display:block;}
#snb li ul {width:160px; background:#f3f3f3; padding:15px 0 15px 20px; color:#444; text-align:left; background:url(../../../files/web2/images/common/lnb/lnb_bg.gif) repeat-y; border-bottom:1px solid #d4d5da;}
#snb li ul li {width:158px; border-bottom:0 none; line-height:22px}
#snb li ul li.on a {color:#444; font-weight:bold; font-size:13px}
#snb li ul li a:hover {color:#000; font-weight:bold; background:url(../../../files/web2/images/common/lnb/bu.gif) no-repeat left 3px; padding-left:17px}

.lb_box {padding:100px 0 15px 0; text-align:center; border-bottom:1px solid #d4d5da;}
.lb_box ul li {display:inline; padding-left:10px}
.lb_box ul li:first-child {padding-left:0px}
.lb1 {background:url(../../../files/web2/images/common/lnb/bg01.gif) no-repeat left; height:27px; font-size:13px; color:#6a77ad; padding:12px 0 0 35px; text-align:left; margin-bottom:13px}

/*foot*/
.foot {width:980px; position:relative; margin:0 auto}
.foot:after {content:""; display:block; clear:both}
.foot .f_copy {float:left; color:#555; padding-top:20px; display:inline-block; font-size:10px}
.foot .f_sns {display:inline-block; float:right; padding-top:20px;}
.foot .f_sns img {padding-left:5px; vertical-align:middle}

/*title*/
.title {width:750px; margin-left:50px; margin-top:70px}
.title:after {content:""; display:block; clear:both}
.title .tit{font-size:42px; line-height:42px; font-weight:600; display:block; clear:both; color:#333}
.title .txt{font-family:나눔명조, NanumMyeongjo, nm; font-size:16px; display:block; clear:both; padding-top:13px; letter-spacing:-1px}

/*location*/
.location {position:absolute; top:185px; right:0px}
.location ul:after {content:""; display:block; clear:both}
.location ul li {float:left; font-weight:600; background:url(../../../files/web2/images/common/loc_arr.gif) no-repeat right 8px; font-size:12px; padding:5px 14px 4px 7px}
.location ul li:first-child {float:left; background:none; padding:0 9px 4px 0}
.location ul li.last {float:left; background:none; padding:5px 0 4px 7px;}
.location ul li.last a {color:#805b1a;}
.location ul li img {vertical-align:middle; padding-top:2px}


/*글*/
.h4 {background:url(../../../files/web2/images/common/bu01.gif) no-repeat left; font-family:나눔명조, NanumMyeongjo, nm; font-size:30px; color:#444; padding-left:35px; line-height:30px; letter-spacing:-1px;font-weight:600}
.h4 span {font-family:나눔명조, NanumMyeongjo, nm; font-size:20px; color:#444; line-height:20px; letter-spacing:-1px}
.h4_1 {background:url(../../../files/web2/images/common/bu01.gif) no-repeat left; font-family:나눔명조, NanumMyeongjo, nm; font-size:20px; color:#444; padding-left:35px; line-height:20px; letter-spacing:-1px}
.h4_2 {background:url(../../../files/web2/images/common/bu01.gif) no-repeat left; font-family:나눔명조, NanumMyeongjo, nm; font-size:25px; color:#444; padding-left:35px; line-height:25px; letter-spacing:-1px}
.h5 {margin-top:25px; background:url(../../../files/web2/images/common/bu02.gif) no-repeat left 4px; font-size:18px; color:#3a5aac; padding-left:11px; line-height:25px; letter-spacing:-0.5px}
.ul_bl {margin-top:12px; line-height:20px}
.ul_bl li {background:url(../../../files/web2/images/common/bu03.gif) no-repeat left 9px; padding-left:13px; line-height:20px}
.t_btn{position:absolute; right:0px; } 

/*텍스트박스*/
.text_box {position:relative; width:706px; padding:20px; background:#fffcf5; border:1px solid #e4ddcd; line-height:20px;}
.text_box .tit {font-size:16px; font-weight:600;}
.text_box .btn {position:absolute; top:30px; right:170px;}
.text_box ul li {background:url(../../../files/web2/images/007/bu01.gif) no-repeat left 8px; padding-left:12px; line-height:22px; }
.text_box img {vertical-align:middle; padding-left:20px}
.text_box1 {position:relative; text-align:center; width:706px; padding:20px; background:#fffcf5; border:1px solid #e4ddcd;  font-family:나눔명조, NanumMyeongjo, nm; line-height:21px; font-size:21px}

/*탭*/
.tab_type1 {width:100%}
.tab_type1 ul {width:100%; border-bottom:1px solid #cecece}
.tab_type1 ul:after {content:""; display:block; clear:both}
.tab_type1 ul li {margin-bottom:-1px; float:left}
.tab_type1 ul li a {display:block; margin-right:-1px; padding-top:19px; width:186px; height:38px; background:#faf8f9; text-align:center; color:#888; font-size:16px; border:1px solid #cecece;}
.tab_type1 ul li.on a {margin-right:0px; padding-top:19px; width:186px; height:36px; background:#fff; text-align:center; color:#3655a7; font-weight:600; font-size:16px; border-top:3px solid #355bbd; border-left:1px solid #355bbd; border-right:1px solid #355bbd; border-bottom:1px solid #fff;}
.tab_type1 ul li.on a:first-child {margin-left:-1px;}
.tab_type1 ul li.sns1 a {padding-top:12px; width:163px; height:23px; background:#fff; text-align:center; color:#02a3cc; font-weight:600; font-size:16px; border-top:3px solid #355bbd; border-left:1px solid #355bbd; border-right:1px solid #355bbd; border-bottom:1px solid #fff;}
.tab_type1 ul li.sns2 a {padding-top:12px; width:163px; height:23px; background:#fff; text-align:center; color:#3655a7; font-weight:600; font-size:16px; border-top:3px solid #355bbd; border-left:1px solid #355bbd; border-right:1px solid #355bbd; border-bottom:1px solid #fff;}
.tab_type1 ul li.sns3 a {padding-top:12px; width:163px; height:23px; background:#fff; text-align:center; color:#6c1eb0; font-weight:600; font-size:16px; border-top:3px solid #355bbd; border-left:1px solid #355bbd; border-right:1px solid #355bbd; border-bottom:1px solid #fff;}

.tab_type2 {width:100%}
.tab_type2 ul {width:100%; border-bottom:1px solid #cecece}
.tab_type2 ul:after {content:""; display:block; clear:both}
.tab_type2 ul li {margin-bottom:-1px; float:left}
.tab_type2 ul li a {display:block; margin-right:-1px; padding-top:12px; width:106px; height:25px; background:#faf8f9; text-align:center; color:#888; font-size:16px; border:1px solid #cecece;}
.tab_type2 ul li.on a {margin-right:0px; padding-top:12px; width:106px; height:23px; background:#fff; text-align:center; color:#3655a7; font-weight:600; font-size:16px; border-top:3px solid #355bbd; border-left:1px solid #355bbd; border-right:1px solid #355bbd; border-bottom:1px solid #fff;}
.tab_type2 ul li.on a:first-child {margin-left:-1px;} 

/*표*/
.table_div {width:750px; border-top:3px solid #878787}
.table_div table {width:100%}
.table_div table thead th {font-size:15px; padding:14px 0 13px 0; background:#fafafa; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #b4b4b4; font-weight:600; color:#444}
.table_div table tbody th {font-size:14px; background:#fafafa; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:center; font-weight:600}
.table_div table tbody th.bc {font-size:14px; background:#fffcf5; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:center; font-weight:600}
.table_div table tbody th.bc1 {font-size:14px; background:#d8d8d8; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:center; font-weight:600}
.table_div table tbody th.bc .photo img {border:1px solid #cfcfcf;}
.table_div table tbody td {font-size:13px; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:center; line-height:20px}
.table_div table tbody td input[type="text"] {height:17px;border:1px solid #acacac; padding:5px 5px 5px 10px;}
.table_div table tbody td img {vertical-align:middle}
.table_div table tbody td select {height:29px; border:1px solid #acacac;}
.table_div table tbody td label {vertical-align:middle}
.table_div table tbody td p {margin-top:5px}
.table_div table tbody td.tl {font-size:13px; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:left; line-height:20px}
.table_div table tbody td.tlt {font-size:13px; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:left; vertical-align:top; line-height:20px}
.table_div table tbody td p.dot {background:url(../../../files/web2/images/007/bu01.gif) no-repeat left 8px; padding-left:12px; }
.table_div table tbody .tl td {font-size:13px; padding:12px 10px 11px 10px; border:1px solid #cecece; text-align:left; vertical-align:top; line-height:20px}

/*list_search*/
.list_ser {width:750px; position:relative}
.list_ser:after {content:""; display:block; clear:both}
.list_ser ul li {display:inline}
.list_ser ul li.txt {display:inline-block; margin-top:14px}
.list_ser ul li.ser {display:inline-block; float:right}
.list_ser ul li.ser input[type="image"] {margin-left:-3px}
.list_ser ul li.ser input[type="text"] {height:16px; border:1px solid #a8a8a8; padding:5px 5px 5px 10px;}
.list_ser ul li.ser select {border:1px solid red;height:28px; border:1px solid #a8a8a8;}

/*list*/
.list_type {width:750px; border-top:3px solid #304d9a}
.list_type table {width:100%}
.list_type table thead th {padding:13px 10px 12px 10px; border-bottom:1px solid #b4b4b4; font-weight:600; font-size:15px; background:#fafafa}
.list_type table tbody th {padding:12px 0; border-bottom:1px solid #d9d9d9}
.list_type table tbody td {padding:12px 0; border-bottom:1px solid #d9d9d9; text-align:center}
.list_type table tbody td.tl {font-size:14px; text-align:left; padding:11px 10px; line-height:18px}
.list_type table tbody td span.new {display:inline-block; margin-left:5px; vertical-align:middle}
.list_type table tbody td img {vertical-align:middle}
.list_type table tbody td a {color:#555}
.list_type table tbody td a:hover {color:#555}

/*list_pageall*/
.list_pageall {float:left; margin-top:10px; font-size:13px; color:#666}
.list_pageall span {color:#d6642c}

/*page_num*/
.page_num {width:100%; position:relative}
.page_num img {vertical-align:bottom}
.page_num span a {width:28px; height:23px; display:inline-block; background:url(../../../files/web2/images/common/board/num_off.gif) no-repeat; padding-top:5px }
.page_num span.on a {font-weight:600; background:url(../../../files/web2/images/common/board/num_on.gif) no-repeat; color:#fff }

/*list_btn*/
.list_btn {width:100%; position:relative; text-align:center}
.list_btn .btn_w {position:absolute; right:0; top:0px; z-index:1}

/*view*/
.view_div {width:750px; position:relative; border-top:3px solid #304d9a;}
.view_tit {background:#fafafa; padding:16px 20px; color:#333; font-size:17px; font-weight:600; border-bottom:1px solid #b4b4b4}
.view_tit1 {background:#fafafa; padding:10px 20px; color:#333; font-size:17px; font-weight:600; border-bottom:1px solid #b4b4b4}
.view_tit2 {background:#fafafa; padding:10px 20px; color:#333; font-size:17px; font-weight:600; border-bottom:1px solid #b4b4b4}
.view_tit1 img, .view_tit2 img {vertical-align:middle; padding-right:10px}
.view_ul {width:750px; border-bottom:1px solid #cecece}
.view_ul:after {content:""; display:block; clear:both}
.view_ul li {float:left;}
.view_ul li img{vertical-align:middle}
.view_ul li strong {padding:14px 15px; display:inline-block; background:url(../../../files/web2/images/common/board/view_line.gif) no-repeat right; font-size:13px;}
.view_ul li .s1 {display:inline-block; padding:14px 10px; margin-right:60px; color:#555; font-size:13px;}

.conbox {width:690px; padding:20px 30px; background:url(../../../files/web2/images/common/bg_book_con.gif) no-repeat top; border-bottom:1px solid #9f9f9f; }
.conbox:after {content:""; display:block; clear:both}
.conbox .tit {width:670px; padding-left:20px; border-bottom:1px solid #cecece; padding-bottom:20px; color:#333; font-size:28px; line-height:28px; font-weight:600; font-family:나눔명조, NanumMyeongjo, nm;}
.conbox .txt {width:690px; padding-top:20px; line-height:20px}

/*view_btn*/
.view_btn {width:100%}
.view_btn:after {content:""; display:block; clear:both}
.view_btn .btn2 {float:right}

/*이전글 다음글*/
.view_pn {position:relative; width:748px; height:67px; border:1px solid #d4d4d4;}
.view_pn:after {content:""; display:block; clear:both}
.view_pn .view_l {position:absolute; top:0px; left:0px; float:left; width:374px; height:67px; border-right:1px solid #d4d4d4;}
.view_pn .view_l.on {background:#fffcf5}
.view_pn .view_l img {float:left; vertical-align:middle; margin-right:25px}
.view_pn .view_l .ltxt a {width:250px; float:left; line-height:16px; margin-top:17px}
.view_pn .view_l .ltxt a:hover {width:250px; float:left; line-height:16px; margin-top:17px; text-decoration:underline; color:#444}

.view_pn .view_r {position:absolute; top:0px; left:374px; float:left; width:374px; height:67px; border-right:1px solid #d4d4d4;}
.view_pn .view_r.on {background:#fffcf5}
.view_pn .view_r img {float:right; vertical-align:middle; padding-left:25px}
.view_pn .view_r .rtxt a {width:250px; float:left; line-height:16px; margin:17px 0 0 25px}
.view_pn .view_r .rtxt a:hover {width:250px; float:left; line-height:16px; margin-top:17px; text-decoration:underline; color:#444}

/*write*/
.write_div {width:750px; border-top:3px solid #304d9a; border-bottom:1px solid #b4b4b4}
.write_div table {width:100%}
.write_div table tbody th {padding:14px 20px; text-align:left; border-bottom:1px solid #cecece; font-weight:600; background:#fafafa; font-size:14px}
.write_div table tbody td {padding:0px 10px; border-bottom:1px solid #cecece; font-size:14px}
.write_div table tbody th.last {border-bottom:none}
.write_div table tbody td.last {border-bottom:none}
.write_div table tbody td input[type="text"] {height:17px; border:1px solid #acacac; padding:5px 5px 5px 10px;}
.write_div table tbody td img {vertical-align:middle}
.write_div table tbody td select {height:30px; border:1px solid #acacac;}
.write_div table tbody td label {vertical-align:middle}
.write_div table tbody td textarea {margin:15px 0}

.write_div1 {width:750px; border-top:3px solid #878787; border-bottom:1px solid #b4b4b4}
.write_div1 table {width:100%}
.write_div1 table tbody th {padding:14px 20px; text-align:left; border-bottom:1px solid #cecece; font-weight:600; background:#fafafa; font-size:14px}
.write_div1 table tbody td {padding:5px 10px; border-bottom:1px solid #cecece; font-size:14px}
.write_div1 table tbody th.last {border-bottom:none}
.write_div1 table tbody td.last {border-bottom:none}
.write_div1 table tbody td input[type="text"] {height:17px; border:1px solid #acacac; padding:5px 5px 5px 10px;}
.write_div1 table tbody td img {vertical-align:middle}
.write_div1 table tbody td select {height:29px; border:1px solid #acacac;}
.write_div1 table tbody td label {vertical-align:middle}
.write_div1 table tbody td textarea {margin:15px 0}
.write_div1 table tbody td p {margin-top:5px}

/*faq_list*/
.faq_list {width:750px; border-top:3px solid #304d9a;}
.faq_list .tit {width:750px; font-size:15px; padding:12px 0 11px 0; border-bottom:1px solid #b4b4b4; background:#fafafa;}
.faq_list .tit:after {content:""; display:block; clear:both;} 
.faq_list .tit .left {float:left; width:75px; text-align:center;font-weight:600}
.faq_list .tit .right {float:left; width:675px; text-align:center;font-weight:600}
.faq_list ul {width:100%;}
.faq_list ul li {width:100%;}
.faq_list ul li .question{width:100%; border-bottom:1px solid #b4b4b4;}
.faq_list ul li .question:after {content:""; display:block; clear:both;}
.faq_list ul li .question .num {float:left; width:60px; text-align:center; padding:13px 0 12px 0;}
.faq_list ul li .question .ans_tit {float:left; padding:8px 0 0 15px;}
.faq_list ul li .question .ans_tit img {vertical-align:middle; margin-right:15px;}
.faq_list ul li .question .ans_tit a {font-size:14px;}
.faq_list ul li .answer {background:#fffcf5 url(../../../files/web2/images/common/img_a.gif) no-repeat 75px 15px; padding:20px 15px 20px 120px; line-height:20px; font-size:13px; border-bottom:1px solid #cecece;}

/*gallery_list*/
.gallery_list {width:730px; border-top:3px solid #304d9a; border-bottom:1px solid #b4b4b4; padding:20px 10px}
.gallery_list ul {width:100%;}
.gallery_list ul.last{width:100%; border-bottom:0 none;}
.gallery_list ul:after {content:""; display:block; clear:both;}
.gallery_list ul li {float:left; margin-left:24px; text-align:center; width:225px; border:1px solid #cecece;}
.gallery_list ul li:first-child {float:left; margin-left:0px; text-align:center; width:225px;}
.gallery_list ul li .img {width:225px; height:148px; border-bottom:1px solid #cecece;}
.gallery_list ul li .txt {height:59px; padding-top:10px; line-height:30px; }
.gallery_list ul li .txt .tit {font-size:15px; margin-bottom:7px;font-weight:600; line-height:15px; color:#333;display:block;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.gallery_list ul li .img1 {width:225px; height:183px; text-align:center; padding:15px 0}
.gallery_list ul li .tit2 {width:195px; height:47px; margin-top:10px; line-height:18px; font-size:15px; text-align:left; padding:0 15px; color:#333; font-weight:600;}
.gallery_list ul li .txt2 {width:195px; height:72px; line-height:20px; text-align:left; padding:0 15px;}
.gallery_list ul li .date2 {width:195px; height:27px; text-align:left; padding:0 15px;}


/*순방경호*/
.visit_box {position:relative; width:748px; border-top:4px solid #e3b63f; border-left:1px solid #cecece; border-right:1px solid #cecece; background:url(../../../files/web2/images/004/visit_box_b.gif) no-repeat left bottom}
.visit_box:after {content:""; display:block; clear:both}
.visit_box .tit {font-size:30px; font-weight:600; line-height:30px; color:#444; text-align:center; padding-top:25px; display:block; clear:both}
.visit_box .date {font-size:20px; line-height:20px; text-align:center; padding-top:10px}

.visit_box .flag_box {position:relative; width:748px; border-top:1px solid #cecece; padding:25px 0;}
.visit_box .flag_box:after {content:""; display:block; clear:both}
.visit_box .flag_box ul {text-align:center; }
.visit_box .flag_box ul li {float:left; text-align:center; padding-left:50px}


.visit_box .flag_box2 {position:relative; float:left; width:748px; height:56px; background:#fcf7eb; padding:25px 0; }
.visit_box .flag_box2 .btn_p {position:absolute; top:32px; left:0px; float:left; z-index:10}
.visit_box .flag_box2 .btn_n {position:absolute; top:32px; right:0px; float:left; z-index:10}
.visit_box .flag_box2:after {content:""; display:block; clear:both}
.visit_box .flag_box2 #slider {position:absolute; width:670px;height:62px;padding-left:75px;z-index:1}
.visit_box .flag_box2 #mask-gallery {position:absolute; width:590px;height:62px;overflow:hidden;}
.visit_box .flag_box2 ul {position:absolute;float:left; }
.visit_box .flag_box2 ul li {float:left; width:85px; margin-left:15px; letter-spacing:-1px; text-align:center; }
.visit_box .flag_box2 ul li img {float:left; width:85px; height:56px; border:1px solid #dfdfde; margin-bottom:5px}
.visit_box .flag_box2 ul li a:hover img {border:3px solid #000;}
.visit_box .flag_box2 ul li a:hover {color:#222; font-weight:600; text-align:center;}
.visit_box .flag_box2 ul li:first-child {margin-left:0px;}


.visit_photo {position:relative; width:748px; height:402px; border-top:3px solid #686868; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
.visit_photo .p_big {float:left; width:611px; height:402px;}
.visit_photo .p_thum {float:left; width:137px; }
.visit_photo .p_thum .p_thum2 {margin-left:10px;height:360px; overflow:hidden}
.visit_photo .p_thum .p_thum2 ul li {width:115px; height:77px; border:1px solid #cfcfcf; margin-top:10px;}
.visit_photo .p_thum .p_thum2 ul li.on {border:2px solid #cb6e07;}
.visit_photo .p_thum .page_num {width:137px;border:none; margin-top:10px; text-align:center; height:30px}
.visit_photo .p_thum .page_num img {vertical-align:middle}
.visit_photo .p_thum .page_num .num {margin:0 5px; color:#3655a7}
/* .visit_txt {width:718px; border:1px solid #cecece; line-height:20px; padding:15px} */
.mt1 .tit{color: #333333; display: inline-block;font-size: 19px;font-weight: 600;line-height: 20px; margin-bottom: 20px; width:645px;}
.mt1 .date{color: #555555;display: inline-block;font-size: 13px;line-height: 20px;margin-bottom: 20px;position: absolute;right: 15px;}
.textbox{width:708px; height:40px; border:1px solid #cecece; line-height:20px; padding:15px 20px; }

/*경호강연*/
.txtbox {padding:25px; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
.txtbox .tit {font-size:20px; line-height:20px; font-family:나눔명조, NanumMyeongjo, nm; letter-spacing:-1px; padding-bottom:15px}

/*경호현장*/
.calendal_box {position:relative; width:708px; padding:10px 20px; border:1px solid #d3d3d3;}
.calendal_box:after {content:""; display:block; clear:both}
.calendal_box .year {float:left; position:relative; left:0px; top:5px; display:inline-block; width:138px}
.calendal_box .year img {vertical-align:middle;}
.calendal_box .year span {vertical-align:middle; font-size:22px; font-weight:600; line-height:22px; padding:0 10px}
.calendal_box .month {float:left; position:relative; left:15px; width:570px; display:inline-block;}
.calendal_box .month ul li {float:left;}
.calendal_box .month ul li img {vertical-align:middle;}
.calendal_box .month ul li.all a {padding:10px 0 0 10px; margin-right:0.5px; display:inline-block; font-size:15px; color:#fff; font-weight:600; width:32px; height:32px; background:url(../../../files/web2/images/001/bg_all.gif) no-repeat left top;}
.calendal_box .month ul li.all a:hover {color:#fff}
.calendal_box .month ul li a {padding:10px 0 0 10px; margin-right:0.5px; display:inline-block; font-size:14px; color:#555; width:32px; height:32px; background:url(../../../files/web2/images/001/bg_mon.gif) no-repeat left top;}


/* main */
.con01 {position:relative; width:980px; height:153px; float:left; padding:40px 0 30px 0}
.con01:after {content:""; display:block; clear:both;}
.con02 {position:relative; width:980px; height:180px; float:left; padding:30px 0 40px 0}
.con02:after {content:""; display:block; clear:both;}

.m_gallerybox {position:relative; width:980px; height:490px; margin:0 auto; }
.m_gallery {width:1400px; position:absolute; left:-165px; top:0; height:490px; }
.m_gallery:after {content:""; display:block; clear:both;}
.m_gallery li {display:none; float:left; width:1400px; height:490px;}
.m_gallery li .img {position:absolute; left:0; top:0;}
.m_gallery li .img img {width:1400px; height:490px;}
.m_gallery li.on {display:block;}

.m_btn {position:absolute; right:40px; top:30px; z-index:1px}
.m_btn:after {content:""; display:block; clear:both;}
.m_btn li {float:left; margin-right:3px;}
.play_stop {position:absolute; right:0; top:30px; z-index:1px}
.play_stop a {float:left; margin-right:5px;}

.m_banner_w {position:relative;margin:0 auto;width:100%;background:url(../../../files/web2/images/main/main_0g_06.gif) repeat-x;}
.m_banner:after {content:""; display:block; clear:both;}
.m_banner {width:980px;position:relative;margin:0 auto}
.m_banner li {float:left; height:22px; padding:11px 0 25px 0;}
.m_banner .quick {position:relative;background:url(../../../files/web2/images/main/btn_quick.png) repeat-x;width:179px;font-size:18px;; color:#dbe2f5; font-weight:600; padding:22px 0 14px 20px; letter-spacing:-1px}
.m_banner .qmenu {position:relative;background:url(../../../files/web2/images/main/dotline.gif) no-repeat right;padding-right:50px;margin:0 30px 0 25px}


.m_notice {position:relative; float:left; width:412px; margin-right:25px}
.m_notice:after {content:""; display:block; clear:both;}
.m_notice .tit {font-size:17px; font-weight:600; color:#023577;}
.m_notice .tit .more {vertical-align:middle; position:absolute; right:0px}
.m_notice ul li {font-size:14px; line-height:28px; letter-spacing:-1px}
.m_notice ul li .txt {width:350px; display:inline-block}
.m_notice ul li .txt img {vertical-align:middle}
.m_notice ul li .date {font-size:12px; width:60px; display:inline-block; text-align:right; margin-left:20px:}

.m_sss {position:relative; float:left; width:478px;}
.m_sss:after {content:""; display:block; clear:both;}
.m_sss .tit {font-size:17px; font-weight:600; color:#023577;}
.m_sss .tit .more {vertical-align:middle; position:absolute; right:0px}
.m_sss ul:after {content:""; display:block; clear:both;}
.m_sss ul li {float:left;margin-right:10px;}
.m_sss ul li img {border:3px solid black}
.m_sss ul li .date {font-size:12px; width:60px; display:inline-block; text-align:right; margin-left:20px:}

.cb:after {content:""; display:block; clear:both;}


.m_icon {position:relative; float:left; width:450px;}
.m_icon:after {content:""; display:block; clear:both;}
.m_icon .tit {font-size:17px; font-weight:600; color:#023577;}
.m_icon .tit .more {vertical-align:middle; position:absolute; right:0px}
.m_icon ul li {float:left; margin-left:12px}
.m_icon ul li:first-child {margin-left:0px}

.m_guard_place {position:relative; width:330px; float:left }
.m_guard_place:after {content:""; display:block; clear:both;}
.m_guard_place .tit {font-size:17px; font-weight:600; color:#023577;}
.m_guard_place .btn {position:absolute; right:0px; top:0px;}
.m_guard_place .btn a {margin-left:-5px}
.m_guard_place .photo_box {position:relative; width:330px; height:150px; overflow:hidden;}
.m_guard_place .photo_box:after {content:""; display:block; clear:both;}
.m_guard_place .photo_box ul{width:330px;}
.m_guard_place .photo_box li {width:330px;}
.m_guard_place .photo_box li:after {content:""; display:block; clear:both;}
.m_guard_place .photo_box .photo_thum {float:left; width:94px;}
.m_guard_place .photo_box .photo_thum img {border:2px solid #444;}
.m_guard_place .photo_box .con_txt {float:left; width:223px; padding:5px 0 0 13px;}
.m_guard_place .photo_box .con_txt .tit {font-size:15px; font-weight:600; letter-spacing:-1px}
.m_guard_place .photo_box .con_txt .txt {font-size:12px; color:#616572; letter-spacing:-1px}

.m_graphic {position:relative; width:315px; float:left; margin-left:50px}
.m_graphic:after {content:""; display:block; clear:both;}
.m_graphic .tit {font-size:17px; font-weight:600; color:#023577;}
.m_graphic .btn {position:absolute; right:0px; top:0px;}
.m_graphic .btn a {margin-left:-5px}
.m_graphic .graphic_box {position:relative; float:left; width:313px; height:148px; border:1px solid #cfcfcf; overflow:hidden;}
.m_graphic .graphic_box ul:after {content:""; display:block; clear:both;}
.m_graphic .graphic_box ul li {float:left; border-left:1px solid #cfcfcf;}
.m_graphic .graphic_box ul li:first-child {border-left:none;}

.m_movie {position:relative; width:234px; float:left; margin-left:50px}
.m_movie:after {content:""; display:block; clear:both;}
.m_movie .tit {font-size:17px; font-weight:600; color:#023577;}
.m_movie .btn {position:absolute; right:0px; top:0px;}
.m_movie .btn a {margin-left:-5px}
.m_movie .movie_box {position:relative; width:224px; height:142px; background:url(../../../files/web2/images/main/bg_movie.gif) no-repeat left top; text-align:center; padding:10px 0 0 10px; }
.m_movie .movie_box ul {width:214px; height:132px; overflow:hidden;}

.m_popupzone {position:absolute; width:364px; height:325px; top:122px; left:-56px; z-index:1; background:url(../../../files/web2/images/main/bg_pop.png) no-repeat left top}
.m_popupzone .tit {position:absolute; top:70px; left:65px; display:inline-block}
.m_popupzone .btn {position:absolute; top:70px; right:65px; display:inline-block; z-index:1;}
.m_popupzone .img {position:absolute; top:100px; left:55px; width:257px; height:201px;}
.m_popupzone .img ul {width:257px; height:201px; overflow:hidden;}
.m_popupzone .img li {width:257px;}

/*qrcode*/
.qrcode {background:url(../../../files/web2/images/common/qrbg.gif) no-repeat; width:340px; height:440px; position:absolute; top:300px; left:300px; z-index:10;}
.qrcode .qr_t {height:48px; font-size:25px; font-weight:600; color:#fff; padding:30px 0 0 25px}
.qrcode .qr {width:196px; text-align:center; margin:0 auto}
.qrcode .qr .qr_t2 {margin-top:30px; font-size:13px; color:#555; background:url(../../../files/web2/images/common/bu03.gif) no-repeat left 5px; padding-left:5px; text-align:center; width:180px;}
.qrcode .qr .qr_i {margin-top:25px; border:3px solid #000; width:190px; height:190px; text-align:center; vertical-align:bottom;}
.qrcode .qr .qr_b {margin-top:20px; text-align:center;}
.qrcode .close {position:absolute;top:0px;right:0px;}

/*경호갤러리*/
#gallery_wrapper {position:relative; width:100%; background:url(../../../files/web2/images/010/bg_top.gif) repeat-x center top;}
#gallery_top {position:relative; width:100%;}
.gallery_top {position:relative; width:1100px; height:100px; margin:0 auto}
.gallery_top h1 {position:absolute; top:21px}
.gallery_top .tit {position:absolute; top:21px; left:480px;}
.gallery_man {position:relative; width:1100px; height:148px; margin:0 auto}
.gallery_man .btn_p {position:absolute; top:53px; left:0px; float:left; z-index:10}
.gallery_man .btn_n {position:absolute; top:53px; right:0px; float:left; z-index:10}
.gallery_man:after {content:""; display:block; clear:both}
.gallery_man #slider {position:absolute; width:1032px; height:148px; padding-left:68px; z-index:1}
.gallery_man #mask-gallery {position:absolute; height:148px; overflow:hidden;}
.gallery_man ul {position:absolute; float:left; padding-top:25px}
.gallery_man ul li {float:left; width:120px; height:100px; text-align:center}
.gallery_man ul li .tit {float:left; width:120px; text-align:center}
.gallery_man ul li img {width:73px; height:73px; border:1px solid #dfdfde; margin-bottom:5px; text-align:center}
.gallery_man ul li a:hover img {border:3px solid #000;}
.gallery_man ul li a:hover {color:#222; font-weight:600; text-align:center;}

#gallery_con {position:relative; width:100%; background:#f5f2ed; border-top:1px solid #e9e7e3; margin:0 auto; padding:25px 0 40px 0}
#gallery_con:after {content:""; display:block; clear:both}

.gallery_year {position:relative; width:1100px; height:30px; margin:0 auto; text-align:right; margin-bottom:10px}
.gallery_year span {font-weight:600}
.gallery_year input[type="text"] {height:17px; border:1px solid #acacac; padding:5px 5px 5px 10px;}
.gallery_year img {vertical-align:middle}
.gallery_year select {height:30px; border:1px solid #acacac;}
.gallery_year label {vertical-align:middle}

.gallery_con {position:relative; width:1100px; height:580px; margin:0 auto}
.l_box {position:absolute; left:0px; width:193px; height:437px; background:url(../../../files/web2/images/010/bg_txt.gif) no-repeat left top; padding:25px}
.l_box p {font-size:18px; font-weight:600; color:#be7308; font-family:나눔명조, NanumMyeongjo, nm; margin-left:41px; letter-spacing:-0.5px}
.l_box ul li {float:left; width:193px}
.l_box ul li.tit {font-size:28px; line-height:30px; font-weight:600; color:#444; letter-spacing:-2px; margin-top:45px}
.l_box ul li.date {font-size:20px; line-height:22px; font-weight:600; color:#666; margin-top:10px}
.l_box ul li.txt {font-size:13px; line-height:20px; color:#555; margin-top:30px}
.l_btn {position:absolute; left:0px; top:487px; width:243px; height:91;}
.l_btn .num{width:81px; height:54px; background:#fff; text-align:center; padding-top:35px; display:inline-block; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.r_box {position:absolute; left:243px; top:5px; width:858px; height:573px;}
.r_box ul li{width:857px; height:573px;}
.t_over {position:absolute; left:243px; top:513px; width:817px; height:35px; background:#000;opacity:0.7; padding:15px 20px; z-index:1; color:#fff; line-height:20px}

.gallery_con2 {position:relative; width:1100px; height:940px; margin:0 auto}
.l_box2 {position:absolute; left:0px; width:817px; border:1px solid #cecece;}
.l_box2 .tit2 {position:relative; left:0px; width:737px; padding:50px 40px 40px 40px; background:#fff}
.l_box2 .tit2 .t2 {font-size:38px; line-height:38px; color:#555; font-family:나눔명조, NanumMyeongjo, nm;}
.l_box2 .tit2 .t3 {font-size:44px; line-height:44px; color:#222; font-family:나눔명조, NanumMyeongjo, nm; font-weight:600}
.l_box2 .tit2 .t4 {font-size:13px; line-height:20px; color:#555; margin-top:45px }
.l_box2 .p_img {position:relative; width:817px; height:545px;}
.l_box2 .p_img .ov_btn_l{position:absolute; top:240px; left:0px; z-index:1}
.l_box2 .p_img .ov_btn_r{position:absolute; top:240px; right:0px; z-index:1}
.l_box2 .p_img .ov_txt{position:absolute; bottom:0px; right:0px; width:787px; z-index:1; padding:15px; line-height:20px; color:#fff; background:#000;opacity:0.7;}
.l_box2 .p_img ul li{width:817px; height:545px;}
.l_box2 .p_roll {position:relative; width:817px; height:136px; background:#fff}
.l_box2 .p_roll .btn_l{position:absolute; left:0px; top:0px}
.l_box2 .p_roll .btn_r{position:absolute; right:0px; top:0px}
.l_box2 .p_roll ul {width:680px; height:136px; padding-left:80px;}
.l_box2 .p_roll ul li {float:left; width:126px; height:81px; margin:20px 0 0 7px;}
.l_box2 .p_roll ul li:first-child {margin-left:0px}
.l_box2 .p_roll .p_roll_bu {position:absolute; left:370px; top:115px; text-align:center; display:inline-block; z-index:1; margin:0 auto}

.r_box2 {position:absolute; left:817px; width:281px;}
.r_box2 .mimg {position:relative; width:241px; height:239px; left:40px; background:url(../../../files/web2/images/010/bg_mimg.gif) no-repeat left top; text-align:center}
.r_box2 .mimg .tit{font-size:26px; line-height:26px; font-weight:600; color:#2f180b; padding-top:25px;}
.r_box2 .mimg .date{font-size:15px; line-height:15px; color:#2f180b; margin-top:8px;}
.r_box2 .mimg .img{padding:10px 0}
.r_box2 .mimg .name{font-size:13px; line-height:13px; color:#220e03}
.r_box2 .barimg {position:relative; width:258px; left:22px; margin-top:20px}
.r_box2 .barimg ul li {width:258px; height:82px; background:url(../../../files/web2/images/010/bg_bar_off.gif) no-repeat left top; margin-bottom:7px}
.r_box2 .barimg ul li.on{width:258px; height:82px; background:url(../../../files/web2/images/010/bg_bar_on.gif) no-repeat left top; margin-bottom:7px}
.r_box2 .barimg ul li img {position:relative; left:26px; top:7px; width:76px; height:65px;}
.r_box2 .barimg ul li .txt {position:relative; left:35px; width:130px; top:22px; color:#555; font-size:15px; vertical-align:middle; display:inline-block; text-align:left; }
.r_box2 .barimg ul li a:hover .txt{position:relative; left:35px; top:22px; color:#ac7100; font-size:15px; vertical-align:middle; display:inline-block; text-align:left; }

.gallery_list10 {width:1100px; border-top:3px solid #31302f; border-bottom:3px solid #aba9a5; padding:77px 0 30px 0; margin:0 auto}
.gallery_list10 ul {width:100%;}
.gallery_list10 ul.last{width:100%; border-bottom:0 none;}
.gallery_list10 ul:after {content:""; display:block; clear:both;}
.gallery_list10 ul li {float:left; margin-left:20px; text-align:center; width:202px; border:1px solid #b4b4b4;}
.gallery_list10 ul li:first-child {float:left; margin-left:0px; text-align:center; width:202px;}
.gallery_list10 ul li .img {width:202px; height:135px; border-bottom:1px solid #cecece;}
.gallery_list10 ul li .tit{width:202px; padding:15px 0; line-height:18px; font-size:15px; text-align:center; color:#555; font-weight:600; background:#fff}

.sear_tit {position:absolute; top:80px; font-size:30px; line-height:30px; color:#333; background:url(../../../files/web2/images/010/bu.gif) no-repeat left 9px; padding:10px 0 10px 50px}

.gallery_copy {text-align:center; color:#4f4940; font-size:10px; margin:40px auto; line-height:20px;}

#faq_list li .question a {display:block;}
#faq_list li.fold .answer {display:none}