@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */
a:link {color:#9999cc;}
a:visited {color:#9999cc;}
a:hover {color:#99cccc;}
a:active {color:#9999cc;}
body {font-family:'NotoSansKR' !important; font-size:16px; line-height:1.8; color:#666; font-weight:300;}
#gotop {position:fixed; clear:both; display:inline-block !important; width:auto; border-radius:100px; background:#ff6600; right:30px; bottom:30px; line-height:1; padding:10px 20px; cursor:pointer; color:#fff !important; font-size:11px; opacity:0;}
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}

h2, h3, h4 {letter-spacing:-.5px;}

/* ******************** 공용 ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* 격자형 구조 - 테이블 스타일 */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#ff6600 !important;} /* 오렌지 */
.c_sub1 {color:#132c51 !important;} /* 군청 */
.c_sub2 {color:#ee8e00 !important;} /* 보조색상2 */
.c_sub3 {color:#ee8e00 !important;} /* 보조색상2 */

/* 라인색상 eaeaea */

a {
	transition:all .2s linear !important;
	-webkit-transition:all .2s linear !important;
	-moz-transition:all .2s linear !important;}

body {min-width:1240px;}
body>* {position:relative; clear:both; margin:0 auto; width:1200px; margin-top:80px;}
.down {
	position:relative; display:inline-block; padding:20px 30px 20px 50px; overflow:hidden; border-radius:100px;
	color:#fff !important; background:#ff6600; line-height:1; border:2px solid transparent;
}
.down:before {
	content:""; position:absolute; top:24px; left:30px; width:9px; height:9px;
	background:url(../images/icon_download.png) no-repeat;
}
.down:hover {border:2px solid #fff;}
.fix {position:absolute; top:450px; width:100%;}
.fixOn {z-index:100; position:fixed !important; top:0 !important; left:0 !important; width:100% !important;}
.small {font-size:14px; color:#0e4bac; opacity:.8;}

/* ******************** header ******************** */
header {width:100%; margin:0; height:450px; background:#132c51;}
header .wrap {position:relative; width:1200px; height:450px; margin:0 auto; padding:90px 0 0 0; background:url(../images/header_bg.jpg) no-repeat 50%; text-align:center;}
header .wrap h1 {padding-top:70px; font-size:40px; font-weight:400; line-height:1.2;}
header .wrap h1+p {padding-top:10px; font-size:40px;}
header .wrap aside {position:absolute; top:30px; right:0;}
header .wrap aside a {display:inline-block; padding:10px 18px; background:#132c51; color:#fff; line-height:1; font-size:12px; border-radius:100px; border:2px solid #fff;}
header .wrap aside a.on {background:#fff; color:#132c51;}
header .wrap aside a:hover {background:#ff6600; color:#fff; border-color:transparent;}
header {margin:0;}


nav {z-index:100; position:absolute; top:450px; margin:0; text-align:center; width:100%; min-width:1200px; border-bottom:1px solid #ddd; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1);}
nav a {display:inline-block; padding:25px 30px; margin:0 10px; cursor:pointer; line-height:1; color:#000; font-weight:400; letter-spacing:-.5px;}
nav a:hover, nav a.on {color:#0a1e3c;}


.intro {margin-top:140px; padding-left:120px; padding-right:100px; color:#333; line-height:2; /*text-align:justify;*/ word-break:keep-all;}
.intro span {font-weight:400; font-size:18px;}


.summary {}
.summary tr>* {padding:15px 0; border-bottom:1px solid #eaeaea; vertical-align:top;}
.summary tr:last-child>* {border:0; padding-bottom:0;}
.summary tr th {position:relative; width:170px; padding-left:30px; font-weight:400; color:#5079ba; text-align:left;}
.summary th:before {content:""; position:absolute; top:27px; left:20px; width:3px; height:3px; background:#5079ba; border-radius:50%;}
.summary td {color:#000;}
.summary td span {display:block; color:#777; padding-right:10px;}
.summary td.topic {font-size:22px; font-weight:400; line-height:1.4;}
.summary td a.link {background:#132c51; display:inline-block; padding:7px 15px; color:#fff; line-height:1; font-size:12px; border-radius:100px;}
.summary td a.link:hover {background:#ff6600; color:#fff; border-color:transparent;}
.summary .down {font-size:14px; padding:7px 15px 7px 30px; margin-bottom:-8px; background:#132c51; border:0 !important; margin-left:10px;}
.summary .down:hover {background:#ff6600;}
.summary .down:before {
	content:""; position:absolute; top:11px; left:15px; width:9px; height:9px;
	background:url(../images/icon_download.png) no-repeat #;
}


.details {width:100%; background:#132c51; color:#fff; padding:80px 0 100px; border-bottom:1px solid #2b4263;}
.details .wrap {width:1200px; margin:0 auto;}
.details .wrap h2 {font-size:24px; font-weight:400; line-height:1; margin-bottom:30px;}
.details .wrap ul {overflow:hidden;}
.details .wrap li {width:20%; float:left; padding-right:20px; overflow:hidden;}
.details .wrap li article {width:100%;}
.details .wrap li article img {width:100%; box-shadow:10px 10px 10px rgba(0,0,0,.2);}
.details .wrap li article img+p {font-size:30px; font-weight:400; padding:20px 0 10px; line-height:1;}
.details .wrap li article dt {color:#ff6600; font-weight:400; font-size:16px;}
.details .wrap li article dd p:first-child {padding-bottom:10px;}
.details .wrap li article dd {line-height:1.4;}


.schedule {width:100%; background:#132c51; margin-top:0; padding-bottom:80px;}
.schedule .wrap {width:1200px; margin:0 auto; text-align:center;}
.schedule .wrap .down {margin-top:-29px;}
.schedule .wrap h3 {font-size:30px; color:#fff; font-weight:400; line-height:1; padding:50px 0 30px;}


.speaker {margin-top:0; padding-top:80px;}
.speaker h3 {font-size:24px; font-weight:400; color:#3c6cb4; line-height:1; margin-bottom:50px; text-align:center;}
.speaker>div {border-bottom:1px solid #eaeaea; padding-bottom:50px; margin-bottom:50px;}
.speaker>div:last-child {border:0; padding-bottom:0; margin-bottom:0;}
.speaker article {position:relative; clear:both; margin-top:50px; min-height:80px;}
.speaker article img {position:absolute; left:0; top:0;}
.speaker article dl {padding-left:110px;}
.speaker article dt {font-weight:400; color:#ff6600; padding-bottom:10px; vertical-align:middle;}
.speaker article dt {overflow:hidden;}
.speaker article dt span {display:inline-blcok; padding-left:20px; color:#000;}
.speaker article dt span img {position:relative; padding-left:10px; vertical-align:middle; margin-top:-4px; font-size:0; line-height:0;}


a.map {width:50px; height:50px; border:1px solid #ddd; border-radius:50%; background:url(../images/icon_place.png) no-repeat 50%;}
a.map:hover {background-image:url(../images/icon_place_on.png); border:1px solid #ff6600; background-color:#ff6600;}


.cultural {width:100%; padding:80px 0; background:url(../images/cultural_bg.jpg) no-repeat 50%; background-size:cover;}
.cultural h3 {font-size:22px; font-weight:400; color:#fff; line-height:1; margin-bottom:30px; text-align:center;}
.cultural .wrap {width:1200px; margin:0 auto;}
.cultural .place {margin-bottom:20px; overflow:hidden;}
.cultural .place article {float:left; padding:0 10px; width:50%;}
.cultural .place article>div {width:100%; height:440px; padding:30px; background:#fff;}
.cultural .place article>div img {width:100%;}
.cultural .place article>div h4 {color:#000; font-weight:400; line-height:1; padding:20px 0;}
.cultural .place article dt {padding:20px 0 10px; line-height:1; font-weight:400; color:#000;}
.cultural .place article dt {padding:20px 0 10px; line-height:1; font-weight:400; color:#000;}
.cultural .place article dd {position:relative; padding-left:15px; line-height:1.6; font-size:14px;}
.cultural .place article dd:before {content:""; position:absolute; top:11px; left:5px; width:2px; height:2px; background:#666; border-radius:50%;}
.cultural .place article dd span {color:#000;}
.cultural .place article>div>div {position:relative;}
.cultural .place .map {position:absolute; right:0; top:20px;}


.cultural .food {padding:0 10px;}
.cultural .food article {position:relative; background:#fff; padding:30px; margin-bottom:1px;}
.cultural .food article img {position:absolute; left:30px; top:30px;}
.cultural .food article dl {padding-left:170px;}
.cultural .food article dt {padding-bottom:10px; line-height:1; font-weight:400; color:#000;}
.cultural .food article dd {position:relative; padding-left:15px; line-height:1.5; font-size:14px;}
.cultural .food article dd:before {content:""; position:absolute; top:11px; left:5px; width:2px; height:2px; background:#666; border-radius:50%;}
.cultural .food article dd span {color:#000;}
.cultural .food .map {position:absolute; right:30px; top:30px;}


.cultural .btnWrap {padding-top:30px; text-align:center;}
.cultural .btnWrap a {margin:0 5px;}


.location {width:100%; margin-top:0; margin-bottom:10px;}
.location #googleMap {width:100%; height:700px;}


.site {width:100%; background:#f0f0f0; margin:0; height:495px; padding:50px 0;}
.site ul {width:1200px; margin:0 auto;}
.site li {width:33%; float:left; padding:0 5px;}
.site li article {
	position:relative; width:100%; height:370px; background:#fff; padding:10px; text-align:center;
	box-shadow:2px 2px 2px rgba(0,0,0,.05);
	transition:all .2s linear !important;
	-webkit-transition:all .2s linear !important;
	-moz-transition:all .2s linear !important;
}
.site li article:hover {margin-top:-10px; box-shadow:5px 5px 5px rgba(0,0,0,.2);}
.site li article>img {margin:30px 0 0;}
.site li article dt {line-height:1; padding:30px 0 10px; font-weight:400; color:#000;}
.site li article dt:after {content:""; display:block; margin:20px auto 0; width:30px; height:1px; background:#000;}
.site li article dt {line-height:1; padding:30px 0 15px; font-weight:400; color:#000;}
.site li article dd {font-size:13px; line-height:1.5;}
.site li article dd span {display:inline-block; color:#000; font-weight:400; padding-bottom:5px;}
.site li article a {position:absolute; bottom:30px; left:50%; margin-left:-18px;}


footer {width:100%; margin:0; text-align:center; color:#666; font-size:12px; padding:80px; letter-spacing:1px; font-weight:300;}