@charset"utf-8";

header{width:100%;}
#header_wrap .gnb{position:absolute;top:-20px;left:50%;margin-left:320px;}
#header_wrap{width:1000px;margin:0 auto;padding:20px 0;overflow:hidden}
#header_wrap h1{float:left;}
nav{float:left;margin-left:63px; width: 750px;}
nav li{font-size:17px;font-weight:bold; display: inline-block; width: 16.0%; text-align: center}
nav li a{display:inline-block; padding:16px 0;letter-spacing:-1px;color:#333; display: block; text-align: center}
#header_wrap .gnb{float:right;background:#edecec;margin-top:15px;padding:0 5px }
#header_wrap .gnb li{float:left;font-size:12px; padding:3px 5px;}
#header_wrap .gnb li a{display:inline-block;background:url(../images/common/gnb_dot.png) no-repeat 0px 50%;padding-left:10px;}
#main_container{position:relative;background:#eee8e3 ;height:661px}
#main_con{position:absolute;left:50%;margin-left:-200px;top:80px;width:715px;}
#main_con2{position:absolute;top:500px;left:50%;margin-left:-495px;background:url(../images/main/banner_bg.png) no-repeat;width:1000px;height:90px;}
#main_con2 li{float:left;}
#main_con2 li:first-child{width:330px;}
.board_pre{padding:30px 20px;}
.board_pre .board_tit{display:inline-block;padding-right:10px;}
.board_pre .tit{display:inline-block;width:180px;font-size:12px}
.no_con{padding:30px 20px;}

/* footer */
footer {clear:both; width:100%; padding-bottom:40px; border-top:1px #dbdbdb solid;}
footer .inner {position:relative; overflow:hidden; width:1000px; margin:0 auto;}

.footer_menu {height:30px; margin-bottom:21px; padding:11px 0 13px; overflow:hidden; border-bottom:1px #dbdbdb solid;}
ul.footerUL {float:left; margin-top:6px;}
ul.footerUL li {float:left; padding:0 9px 0 9px;}
ul.footerUL li:first-child {padding-left:0;}
ul.footerUL li:last-child {padding-right:0; background:none;}
ul.footerUL li a {color:#555; letter-spacing:-1px;}
ul.footerUL li a:hover {color:#444; text-decoration:underline;}

.family_box {float:right; margin-left:10px; font-size:0;}
select.slct {width:148px; padding:3px 3px 3px 0; height:29px; border:1px #a9a9a9 solid; font-family:"Nanum Barun Gothic",Nanum Gothic, dotum, sans-serif;}
button.btn_go {width:47px; height:29px; margin-left:3px; line-height:12px; color:#fff; background:#7d7d7d; border:0; font-family:"Malgun Gothic","맑은고딕"; vertical-align:middle; cursor:pointer;}

footer .inner p.logo {float:left; display:block; margin-right:35px;}
footer .inner address {float:left; color:#888984; line-height:22px; font-style:normal;}
footer .inner address span {color:#b6b5b5; margin:0 10px; font-size:10px;}
footer .sns-links {position:absolute; top:80px; right:0; font-size:0; line-height:0;}
footer .sns-links a {margin-left:7px;}

.quick{position:absolute;top:172px;right:50%;margin-right:-610px;}

#sub_container{width:1000px; margin:35px auto;overflow:hidden}
#sub_visual{background:url(../images/sub/sub_visual.jpg) no-repeat 50% 50%;height:180px;}
#snb{float:left;width:190px;}
#snb h2{color:#a70f2b; font-size:25px;text-align:left;border-bottom:3px solid #a70f2b;padding:0 0 25px 20px;}
#snb ul{margin-top:15px;}
#snb li{border-bottom:1px dotted #ddd;}
#snb li a{display:inline-block; padding:12px 0;width:100%;text-indent:15px;font-weight:bold;}
#snb li a:hover,#snb li.on a{background:#a70f2b url(../images/sub/bg_snb.png) no-repeat 90% 50%;color:#fff; }
#contents_wrap{float:right;width:750px;}


.place_wrap{position:relative;width:100%;background:url(../images/sub/h3_bg.gif) no-repeat 0 100%;padding-bottom:26px;}
.place_wrap h3{font-size:25px;color:#333;}
.place_wrap .place{position:absolute;top:0;right:0}
.place_wrap .place li{float:left;background:url(../images/sub/place_bg.gif) no-repeat 0 55%;padding:0 10px; line-height:100%}
.place_wrap .place li:last-child{font-weight:bold}
.place_wrap .place li:first-child{background:none}

h4{background:url(../images/sub/ico_h4.png) no-repeat 0 50%; margin-top:30px;font-size:18px;color:#a70f2b;padding-left:20px;margin-bottom:10px; }
h5{background:url(../images/common/ico_h5.png) no-repeat 0 50%; margin-top:20px;font-size:15px;color:#111;padding-left:15px;margin-bottom:5px; }
h6{background:url(../images/common/icon_dot2.gif) no-repeat 0 50%; margin-top:20px;font-size:13px;color:#a70f2b;padding-left:10px;margin-bottom:10px; }

.history,.history2{width:100%;overflow:hidden;margin-top:20px;}
.history .year,.history2 .year{background:url(../images/sub/history_top.gif) no-repeat 0 0; text-align:center;font-size:17px;font-weight:bold;color:#f0ab05;padding:7px 0 13px 0}
.t_bubble { color:#0070C0 !important;}
.history ul,.history2 ul{background:url(../images/sub/history_bottom.gif) no-repeat 0% 100%;padding:10px 0}
/*
.history li,.history2 li{float:left;width:340px;font-size:12px;background:url(../images/sub/ico_dot.gif) no-repeat 0 9px;padding:3px 0 3px 10px;margin:0 10px 0 15px;letter-spacing:-1px;line-height:120%;}
*/
.history2 li{clear:both;width:710px}
.pdt5 { padding-top:5px;}
.t_red, .t_red a { color:#a70f2b !important;}
.mt_10 { margin-top:10px !important;}
.practical{margin-top:30px}
.practical li{float:left;width:33.3%;text-align:center;height:210px}

.teach_list{border-top:1px dashed #ddd;overflow:hidden;}
.teach_list li{padding:15px;border-bottom:1px dashed #ddd;}
.teach_list li:nth-child(even){background:#f8f8f8}
.teach_list .img{float:left;width:94px;padding:5px ;border:1px solid #ddd;background:#fff}
.teach_list dl{float:left;width:580px;margin-left:30px;font-size:12px;}
.teach_list dt{width:100%;font-size:16px;font-weight:bold;padding:10px 0;}
.teach_list dd{background:url(../images/sub/ico_dot.gif) no-repeat 0 50%;padding-left:8px;color:#666;letter-spacing:0}
.teach_list dd span{display:inline-block;background:url(../images/sub/teach_line.gif) no-repeat 65px 50%;padding-right:5px;width:70px;font-weight:bold;color:#333 }

.tab{border-bottom:1px solid #ddd;margin:30px 0;}
.tab li{float:left;}
.tab li a{display:inline-block; width:130px; padding:10px 0;border:1px solid #ddd;border-bottom:0;text-align:center; font-family:dotum;background:#f9f9f9}
.tab li a:hover,.tab li a.tab_on{border-top:2px solid #a70f2b; color:#a70f2b; font-weight:bold; font-size:12px;background:#fff}
.tab li:first-child a{border-right:0}

.box_con{border:1px solid #ddd; background:#f9f9f9;padding:10px;}

/* 리스트 */
.basic_list{width:100%; overflow:hidden;}
.basic_list li{background:url(../images/sub/ico_line.gif) no-repeat 0 8px;padding-left:10px;}
.box_list,.box_list2{width:100%;overflow:hidden;border-top:2px solid #a70f2b;border-left:1px solid #ddd}
.box_list li,.box_list2 li{float:left;width:33.1%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:12px 0;background:#f9f9f9}
.box_list2 li{width:24.8%}
.box_list li.line2{padding:5px 0;line-height:130%}
.box_list2 a:hover{text-decoration:underline; color:#a70f2b}


/* 풀다운메뉴 */
.header{width:1000px; margin:0 auto;overflow:visible}
.subgnb_bg{position:absolute;z-index:99999;width:100%;background:#f6f6f6;border-bottom:2px solid #a70f2b;padding:20px 0;top:90px;left:0}
.subgnb_wrap{width:1000px; margin:0 auto}
.subgnb{width:750px;margin-left:240px; }
.subgnb_cnt{float:left;width:16.6%;}
.subgnb_cnt li a{font-size:13px;line-height:180%; text-align: center; width: 100%; display: block;}
.subgnb_cnt li a:hover{font-weight:bold}

/* 메인롤링 */
.visual_img{position:relative;height:661px;width:100%;}
.visual_img li{position:absolute;top:0;height:661px;width:100%;}
/*.visual_img li.img01 {position:absolute;background:url(../images/main/bg_01.jpg) no-repeat top center;height:661px;width:100%;}
.visual_img li.img02 {position:absolute;background:url(../images/main/bg_02.jpg) no-repeat top center;height:661px;width:100%;}*/
#wcontents{float:right;width:750px;color:#666;letter-spacing:-1px;padding-bottom:40px}
#wcontents h3{padding:0 0 29px 0; font-size:24px;etter-spacing:-1px; background:url(../images/sub/h3_bg.gif) no-repeat 0 100%; background-size: 100% 1px; color:#000}
.tab2{width:100%; border-bottom:1px solid #a70f2b;}
.mt_30 { margin-top:30px !important;}
.tab2 li { float:left;}
.tab2 li a { font-size:12px; min-width:120px;}
.tab li.on a, .tab li a:hover, .tab2 li.on a, .tab2 li a:hover { background:#a70f2b; border:1px solid #a70f2b; color:#fff; font-weight:bold;}
.tab li a, .tab2 li a {display:inline-block;border:1px solid #ddd; background:#efefef; padding:7px 10px;min-width:100px; text-align:center; font-size:14px;;letter-spacing:0; border-radius:5px 5px 0 0;}

.tbl_friends{border:1px solid #ddd;width:100%;margin-bottom:30px;}
.tbl_friends tbody td{padding:10px;border-bottom:1px solid #ddd;color:#666;letter-spacing:-0.5px}
.tbl_friends tbody td.img{width:230px;padding-top:25px; text-align:center;vertical-align:top;}
.tbl_friends tbody th{background:#f6f6f6;border:1px solid #ddd;width:80px;}
.china_photo{border:1px solid #ddd;padding:15px;overflow:hidden}
.china_photo li{width:25%; float:left;text-align:center}
.china_photo li img{width:95%;}
.btn_red a{display:inline-block; background:#a70f2b; color:#fff; padding:10px 20px;font-size:14px;font-weight:bold;border:1px solid #9a0c26}
.btn_basic a{display:inline-block; background:#e7e7e7; color:#666; padding:10px 20px;font-size:14px;font-weight:bold;border:1px solid #ddd}
.btn_link a{display:inline-block; background:#a70f2b; color:#fff; padding:4px 7px;font-size:11px;font-weight:bold;border:1px solid #9a0c26;line-height:100%}
.btn_link_gray a{display:inline-block; background:#888; color:#fff; padding:4px 7px;font-size:11px;font-weight:bold;border:1px solid #777;line-height:100%}

/* 오류신고 */
.cs{border:1px solid #ddd;padding:15px;margin-top:30px;background:#f6f6f6;}
.cs li{float:left;letter-spacing:0;text-align:right;width:15%;line-height:200%}
.cs li strong{display:inline-block;padding-right:5px}
.cs li span{display:inline-block;color:#aaa;padding:0 3px;text-indent:0px;}
.cs li:first-child{background:url(../images/sub/ico_dot.gif) no-repeat 0 50%;text-indent:5px;text-align:left;width:85%}
.cs li button{line-height:100%;background:#666; color:#fff;border:0;padding:10px 15px;border-radius:3px;font-size:11px;letter-spacing:-1px}
.china_photo li { padding:0; margin:0;}

#snb li dl { background:#f5f5f5 !important; padding:7px 0;}
#snb li dd a { display:inline-block; padding:3px 20px;}
#snb li dd a:hover { color:#a70f2b;}
.t_black { color:#000;}
.tbl_basic { border-top:1px solid #a70f2b; border-left:1px solid #ddd; width:100%; font-family:dotum;}
.tbl_basic th.backslash { text-align:left; font-size:11px;}
.tbl_basic thead th, .tbl_basic thead td { background:#faf7f8; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px;}
.tbl_basic tbody th, .tbl_basic tbody td { text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px; letter-spacing:0; line-height:120%;}

.btn_ju { margin-top:10px; margin-left:30px; background:#ff7823;border-radius:3px;}
.btn_ju a { color:#fff; display:block; padding:5px 10px;}
.culture_box { width:100%; overflow:hidden; margin-top:20px;}

/* 통합문화관 */
.culture_box{width:100%; overflow:hidden;margin-top:20px}
.culture_box li{width:33.3%;float:left;}
.culture_box li dt{background:url(../images/sub/ico_arrow.png) no-repeat 5px  15px;padding:7px 0 0 17px;font-size:14px;font-weight:bold;color:#333}

.culture_box li dd{padding:5px 0 5px 15px;font-size:12px;width:210px;height:130px;;word-break:keep-all;letter-spacing:0;font-size:12px;}
.inner_h { padding:20px 40px 0;}

/* 찾아오시는길 연락처 */
.location_info {background:url(../images/sub/location_01.gif) no-repeat 0 50%; overflow:hidden}
.location_info li{padding-left:25px;letter-spacing:0; line-height:200%}
.traffic{overflow:hidden;padding-bottom:25px;}
.traffic .img{float:left;width:150px;}
.traffic .subway{float:left;width:600px;}
.subway .point{float:left; width:74px;}
.subway li{padding:5px 0}
.subway dl{float:left;width:500px;}
.subway dt{color:#000; background:url(../images/sub/ico_dot.gif) no-repeat 0 50%;padding-left:10px}
.subway dd{color:#666;padding-left:10px}
.tel_info{width:706px;border:1px solid #ddd;padding:15px 20px;margin-top:20px;background:#fbfbfb}
.tel_info li{float:left;background:url(../images/sub/ico_tel.png) no-repeat;padding-left:50px;margin-right:30px;line-height:130%}
.tel_info li+li{background-position:0 -34px}
.tel_info li+li+li{background-position:0 -68px}
.tel_info li:last-child{margin-right:15px}

.text_box{border:1px solid #ddd; background:#fbfbfb;padding:15px;margin-top:30px; color:#666;}

/* 리스트 */
.dot_list{overflow:hidden;margin-top:10px}
.dot_list>li{background:url(../images/common/icon_dot2.gif) no-repeat 3px 10px;padding-left:13px;padding-bottom:5px}
.dot_list2{overflow:hidden;margin-top:10px;border:1px solid #ddd;padding:10px; background:#f6f6f6;}
.dot_list2>li{background:url(../images/common/icon_dot2.gif) no-repeat 3px 10px;padding-left:13px;padding-bottom:3px;font-size:12px;}
.text_list{background:#f1f1f1; padding:10px;margin:10px 0;font-size:12px}
.num_list{width:100%;}
.num_list li{float:left;width:365px;border-bottom:1px dashed #ddd;padding:7px 0}
.num_list li:nth-child(even){margin-left:20px;}
.num_list li span{color:#a70f2b; font-weight:bold;}
.img_list,.img_list2{width:100%;overflow:hidden;}
.img_list li{padding:15px 0 ; border-bottom:1px dashed #ddd}
.img_list li .img,.img_list2 .img{float:left;width:125px; margin-right:25px;}
.img_list li dl{float:left; width:600px;margin-top:30px;}
.img_list2{margin-top:20px;}
.img_list2 dl{float:left;}
.img_list li dl.line3{margin-top:20px;}
.img_list li dt,.img_list2 dt{color: #a70f2b; font-size:15px;font-weight:bold}
.img_list2 dt{background:url(../images/common/ico_h5.png) no-repeat 0 50%;padding-left:10px;color:#333}
.img_list2 dd{color:#666;margin-top:5px;}
.img_list2 dd.ex{color:#a70f2b;font-size:12px; line-height:130%}

.list_basic{margin-top:20px;width:100%;overflow:hidden}
.list_basic li{background:url(../images/common/ico_h5.png) no-repeat 0 50%;padding-left:10px;}