@charset "utf-8";
@import url("../../fonts/font.css");

* {margin:0; padding:0; box-sizing:border-box;}
body, html {width:100%; overflow-x:hidden;}
body {font:14px/1.4 "Nanum Gothic", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif"; color:#333; letter-spacing:-0.08em}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; margin:0; padding:0;}
hr, table caption {display:none;}
legend {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input {border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a{text-decoration:none; color:#333;}
button {vertical-align:top; background:transparent;}
button::-moz-focus-inner {padding:0; border:0;}
img {max-width:100%;}

.hide {text-indent:-9999em;}

/* common header, footer */
.header {position:fixed; top:0; left:0; right:0; width:100%; height:45px; background:#f06f1c; text-align:center; z-index:10}
.header.seoul {background:#06060c;}
.header h1 {display:inline-block; color:#fff; font-size:18px; font-weight:700; line-height:45px;}
.header.seoul h1 {width:90px; height:15px; margin-top:14px; background:url(../images/common/logo_bi.png) 0 0 no-repeat; background-size:90px auto; text-indent:-9999em;}
.header .btn_back {position:absolute; top:50%; left:12px; display:block; width:20px; height:20px; margin-top:-11px; background:url(../images/common/btn_back.png) 0 0 no-repeat; background-size:100%; text-indent:-9999em;}

/* .footer {position:relative; width:100%}
.footer_link {border-top:1px solid #414146; background:#505055;}
.footer_link li {display:block; float:left; width:33.33%; border-left:1px solid #777;}
.footer_link li:first-child {border-left:0}
.footer_link li > * {display:block; width:100%; height:36px; font-size:12px; color:#fff; text-align:center; line-height:36px;}
.footer_link li .btn_top:after {display:inline-block; content:''; width:8px; height:5px; margin-left:5px; background:url(../images/common/btn_top.png) 0 0 no-repeat; background-size:8px 5px; vertical-align:middle;}
.footer_link:after {display:block; content:''; clear:both;}
.footer_info {padding:24px 0; background:#eee; text-align:center;}
.footer_info .footer_logo {width:90px; height:22px; margin:0 auto; background:url(../images/common/logo_bi.png) 0 -16px; background-size:90px auto; text-indent:-9999em;}
.footer_info * {font-size:11px; color:#999}
.footer_info .address {margin-top:12px;}
.footer_info .copyright {margin-top:6px; padding-top:6px; border-top:1px solid #ddd;} */

/* content wrap */
.visual { position:relative; width:100%;  padding:30px 12px 0 ; background:url(../images/img_visual_2020.jpg) 50% 50% no-repeat; text-align:center; background-size:cover; }
.visual:after { display:block; content:''; clear:both}
.visual h2 { height:0; margin-bottom:20px; padding-bottom:25%; background:url(../images/2022/title_visual2023.png) no-repeat center center; background-size:contain; text-indent:-9999em;}
.visual p {display: block; margin-bottom:20px; background:url(../images/2022/txt_mo2023.png) no-repeat 0 0; background-size:contain; text-indent:-9999em; color: transparent}
.visual .time { width:auto; height:0; padding-bottom:25%; margin-top:10px; background:url(../images/2022/suntime_2023.png) no-repeat right bottom; background-size:contain; text-indent:-9999em; }
.wrapper{padding-top:45px}
.wrapper.main{padding-top:0;}

/* menu */
.menu {position:relative;}
.menu:after {display:block; content:''; clear:both}
.menu li {float:left; width:25%; text-align:center;}
.menu li a {position:relative; display:inline-block; padding:10px 6px 7px; font-weight:700; text-align:center;}
.menu li.on a {color:#f06f1c;}
.menu li.on a:after {content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:2px; background:#f06f1c;}

/* content */
.container {position:relative; padding:17px 7px; background:url(../images/bg_content.png) 0 0 repeat; background-size:10px 10px;}

#content1 {padding:17px 25px; background:url(../images/bg_submenu.png) 0 0 no-repeat; text-align:center; background-size:cover;}
#content1 h3 {min-height:35px; padding:5px 0 5px 40px; background:url(../images/bg_tit_menu1.png ) 0 50% no-repeat; background-size:35px 33px; font-size:18px; color:#fff; text-align:left; text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
#content1 h3 span {color:#27f2ff;}
#content1 .sub_menu {padding:5px 0 0 40px;}
#content1 .sub_menu li {text-align:left;}
#content1 .sub_menu li a {display:block; padding:5px 0; color:#fff;}

.stxt {font-size:12px; color:#777}
.stxt a {color:#777}
.mark {position:relative; padding-left:14px;}
.mark:before {position:absolute; top:0; left:0; content:'※';}
.stxt + .stxt {margin-top:0;}
.fc_blue {color:#036bb4;}
.fc_red {color:#f06f1c}

.list_type li {position:relative; padding:0 0 5px 8px;}
.list_type li:before {position:absolute; top:9px; left:0; content:''; width:3px; height:1px; background:#333;}
.list_type.stxt li {padding-bottom:0}
.list_type.stxt li:before {background:#777;}
.list_type.dot li:before {height:3px; background:#333; border-radius:50%;}

.sub_top h3 {padding-top:50px; background:url(../images/bg_tit_menu2.png) 50% 0 no-repeat; background-size:40px; font-size:18px; font-weight:700; color:#6a8b3b; text-align:center;}
#content3 .sub_top h3 {background-image:url(../images/bg_tit_menu3.png);}
#content4 .sub_top h3 {background-image:url(../images/bg_tit_menu4.png);}
.sub_top p {position:relative; width:80%; margin:13px auto 0; padding:13px 0; color:#777; line-height:1.5; text-align:center;}
.sub_top p strong {color:#333;}
.sub_top p:before {content:'';position:absolute; top:0; left:50%; width:80%; transform:translateX(-50%); height:1px; border-top:1px dashed #bebab2}

.sub_list {padding:5px 1px; }
.sub_list ul {}
.sub_list ul:after {display:block; content:''; clear:both}
.sub_list ul li {margin:0 4px 8px;}
.sub_list ul li .pic img {width:100%;}
/*.sub_list ul li .con {position:relative; padding:9px 9px 36px; background:#fff;}*/
.sub_list ul li .con {position:relative; padding:9px 9px 9px; background:#fff;}
.sub_list ul li .con h4 {display:block; margin-right:30px; font-size:16px; font-weight:bold; color:#8d5018;}
/*.sub_list ul li .con .btn_map {position:absolute; top:8px; right:0; width:28px; height:28px; background:url(../images/btn_map.png) 50% 50% no-repeat; background-size:18px; border:1px solid red;}*/
.sub_list ul li .con .btn_map { position:absolute; right:0; top:8px; padding-right:24px; font-size:14px; font-weight:bold; color:#8d5018; }
.sub_list ul li .con .btn_map:after { position:absolute; right:0; top:50%; width:24px; height:24px; vertical-align:middle; background:url("../images/btn_map.png") no-repeat center center; background-size:70%; transform:translateY(-50%); content:""; }

.sub_list ul li .con .point {padding:10px 0;color:#8e703a;}
.sub_list ul li .con .txt {color:#777}

/*.sub_list ul li .con .office { position:absolute; bottom:0; left:0; right:0; width:100%; padding:9px; }*/
.sub_list ul li .con .office { margin-top:15px; }
.sub_list ul li .con .office a {color:#333; font-size:14px;}
.sub_list ul li .con .office span {position:relative; margin-left:2px; padding-left:5px; color:#777; font-size:14px;}
.sub_list ul li .con .office span:before {content:''; position:absolute; top:8px; left:0; width:1px; height:10px; margin-top:-5px; background:#e5e5e5;}

.info {position:relative; width:100%; padding:17px 7px; background:#f4f4f4;}
.info .tit {display:inline-block; padding:0 15px; height:26px; background:#f06f1c; border-radius:13px; font-size:16px; color:#fff; line-height:26px;}
.info .list_type {margin-top:5px;}
.info .list_type li {margin-left:3px;}

.photo {position:relative; margin:0 auto 17px; width:80%; max-width:400px; border:3px solid #fff; border-radius:10px; box-shadow:2px 2px 8px #666; overflow:hidden;}
.photo img {width: 100%;}

.tbl_wrap {margin-top:17px; padding:17px 0; border-top:2px solid rgba(255,255,255,0.3)}
.tbl_wrap table {border-top:1px solid #555;}
.tbl_wrap table th {background:#8e703a; color:#fff; border-top:1px solid #e8e4da; border-right:1px solid #e8e4da;}
.tbl_wrap table td {padding:13px 10px; background:rgba(255,255,255,0.6); border-top:1px solid #e8e4da; vertical-align:top;}
.tbl_wrap table tr:first-child th, .tbl_wrap table tr:first-child td {border-top:0}
.tbl_w1 {width:65px}


#footer { position: relative;;width:100%; text-align:center; background:#fff; border-top:1px solid #777; overflow:hidden; letter-spacing:-1px;}
#footer > ul { list-style:none; margin:0; padding:10px 16px; overflow:hidden; }
#footer > ul:after { display:block; content:""; clear:both; }
#footer > ul > li { float:left; height:100%; overflow:hidden; }
#footer > ul > li:nth-last-child(1) { float:right; }

#footer .f_link { display:inline-block; vertical-align:top;}
#footer .f_link > li { }
#footer .f_link > li:nth-last-child(1) { margin-left:32px; }

#footer .f_left_link { height:25; overflow:hidden; }
#footer .f_left_link > li { position:relative; float:left; height:100%; }
#footer .f_left_link > li:after { position:absolute; right:0; top:50%; width:1px; height:50%; background:#878787; content:""; transform:translateY(-50%); }
#footer .f_left_link > li:nth-last-child(1):after { display:none; }
#footer .f_left_link > li > a { position:relative; display:block; padding:6px 14px; font-size:12px; color:#222; font-weight:400; }
#footer .f_left_link > li:nth-child(1) > a { padding-left:0; }

#footer .f_right_link { float:right; }
#footer .f_right_link > li { float:left; margin-left:14px; }
#footer .f_right_link > li > a { display:block; width:26px; height:26px; border:1px solid #555; border-radius:50%; }
#footer .f_right_link > li > a > em { position:absolute; left:-9999px; top:-9999px; }
#footer .f_right_link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f_right_link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png") no-repeat center center; background-size:70% auto; }
#footer .f_right_link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:60% auto; }

#footer > .txt_group { padding:14px 0; border-top:1px solid #777; }
#footer > .txt_group > p { line-height:21px; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
#footer .txt1 { font-size:13px; color:#222; font-weight:700; }
#footer .txt2 { font-size:12px; color:#222; font-weight:400; }
#footer .txt2 > span { position:relative; display:inline-block; margin:0 8px; padding-right:9px; }
#footer .txt2 > span:after { position:absolute; right:0; top:50%; width:1px; height:30%; background:#878787; transform:translateY(-50%); content:""; }
#footer .txt2 > span:nth-last-child(1) { padding-right:0; }
#footer .txt2 > span:nth-last-child(1):after { display:none; }
#footer .txt3 { font-size:10px; color:#222; font-weight:400; }

@media screen and (min-width: 600px) {
	.visual p {height:10vh}
}/*@media screen and (max-width: )*/