@charset "utf-8";
.flex {width:1200px; margin:0 auto;}
/*.mainVisual {width:100%; height:705px; overflow:hidden; background-color:#a9bde0;}*/
.main_con {width:100%; background-color:#f2f2f2; overflow:hidden; padding-top:45px;}
.main_con .flex > h2 {text-align:center; font-size:33px; font-weight:500; letter-spacing:0; color:#444; height:50px;}
.main_con01 {width:100%; overflow:hidden; margin-top:30px;}
.main_con02 {width:100%; overflow:hidden; }

.tour_guide {margin-top:25px; margin-bottom:35px; height:190px; float:left; width:17%; background: #078b8b url('/design/eng2019/img/main/icon_tourguide.gif') no-repeat 50% 25px;}
.tour_guide a {line-height:120%; text-align:center; font-size:24px; color:#fff; width:100%; display:block; line-height:130%; padding-top:115px; padding-bottom:12px; margin:0 auto;}
.tour_guide a span {font-size:20px;color:#fff; width:100%; display:block;}

.golden_city {margin-left:2.25%; margin-top:25px; margin-bottom:35px; height:190px; float:left; width:52%; background:#000 url('/design/eng2019/img/main/bg_tour.jpg') no-repeat 50% 0;}
.golden_city .gc_left {width:245px; float:left; margin:30px 0 0 37px;}
.golden_city .gc_left h2 {font-size:24px; color:#fff;}
/*.golden_city .gc_left p {font-size:13px; color:#fff; line-height:170%; margin-top:20px;}*/
.golden_city .gc_left p {font-size:13px; color:#fff; line-height:1.7em; margin-top:20px; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; height:6.8em; word-wrap:break-word; text-overflow:ellipsis;}

.golden_city .gc_right {float:right; margin:33px 37px 0 0;}
.golden_city .gc_right ul li { margin-bottom:5px; display:block;}
.golden_city .gc_right ul li a {vertical-align:middle; font-size:14px; display:block; background-color:#fff; color:#333; border-radius:3px; width:180px; text-align:center; padding:8px 0; }


.mayor { width:27%;  height:190px; float:right; overflow:hidden; margin-top:25px; background: #dedede url('/design/eng2019/img/main/char_captain.png') no-repeat 90% 80%;}
.mayor h2 {color:#333; font-size:18px; text-align:left; font-weight:500; margin:30px 0 0 37px;}
.mayor p {font-size:14px; font-weight:normal;margin:10px 0 0 35px;}


/*경주페스티벌*/
.pr_festival { width:27%; height:280px; float:right; overflow:hidden; background-color: #313948;}
.pr_festival h2 {color:#dadbde; padding:30px 20px 20px; font-size:17px;}
.pr_festival p{text-align:center;}

/* quickLink */
.quickLink .linkBtn {display:none;}
.quickLink .linkSlider {overflow:hidden;}
.quickLink .linkSlider li {float:left; width:14.285%; box-sizing:border-box; display:block;}
.quickLink .linkSlider li a {display:block; position:relative; padding-top:100px; color:#131313; text-align:center; font-size:16px;}
.quickLink .linkSlider li a:before {content:''; position:absolute; top:0; left:50%; width:108px; height:108px; margin-left:-54px; background:url('/design/eng2019/img/main/quickLink.gif') no-repeat;}
.quickLink .linkSlider li.link01 a:before {background-position:0 0}
.quickLink .linkSlider li.link02 a:before {background-position:-108px 0}
.quickLink .linkSlider li.link03 a:before {background-position:-216px 0}
.quickLink .linkSlider li.link04 a:before {background-position:-324px 0}
.quickLink .linkSlider li.link05 a:before {background-position:-432px 0}
.quickLink .linkSlider li.link06 a:before {background-position:-540px 0}
.quickLink .linkSlider li.link07 a:before {background-position:-648px 0}


@media all and (max-width:1365px) {
	.quickLink {position:relative;}
	.quickLink .linkBtn {display:block;}
	.quickLink .linkBtn li {position:absolute; top:50%; margin-top:-8px; cursor:pointer; z-index:2;}
	.quickLink .linkBtn .linkPrev {left:2%;}
	.quickLink .linkBtn .linkNext {right:2%;}

}



@media all and (max-width:599px) {
	.quickLink .linkBtn .linkPrev {left:3%;}
	.quickLink .linkBtn .linkNext {right:3%;}
}


/*갤러리*/
.wrap_photo {margin-top:30px;max-width:1920px; width:100%; height:400px; background: url('/design/eng2019/img/main/bg_gallery.jpg') no-repeat 50% 0; overflow:hidden;}
.wrap_photo h2 {/*font-style:italic;*/ text-align:center; font-size:33px; color:#fff; padding:65px 0 35px 0; letter-spacing:0.1em;}
.wrap_photo ul {width:1200px; margin:0 auto;}
.wrap_photo ul li {width:23.25%; margin-right:2.3%; float:left; overflow:hidden; /*height:179px;*/ position:relative; }
.wrap_photo ul li.end {margin-right:0;}
.wrap_photo ul li a{display:block;}
.wrap_photo ul li a div {background:url('/design/eng2019/img/main/bg_black_dot.png') 0 0 repeat; width:100%; color:#fff; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; padding:10px 0; position:absolute; bottom:0; left:0;}


/*메인비주얼*/
.mainVisual {position:relative; overflow:hidden; width:100%;height:705px; }
.visual_con {overflow:hidden; height:705px; background-color:#efefef;}
.visual_con ul {width:100% !important;}
.visual_con li {position:absolute; width:100% !important; height:705px; background-position:center; background-size:cover;}
.visual_con li .pat_mask {position:absolute; left:0; top:0; background:url('/design/eng2019/img/main/w_patten.png') 0 0 repeat; width:100%; height:100%; overflow:hidden; }
.visual_con dl {position:absolute; float:left; width:405px; height:385px; padding:0 50px;  margin-top:7%; background:url('/design/eng2019/img/main/bg_black_dot.png') 0 0 repeat;}
.visual_con dt {padding:45px 0 0 0; color:#00ccff; } /*font-style:italic; font-size:22px;*/
.visual_con dt a {color:#fff; font-size:38px; line-height:130%;}
.visual_con dd {padding-top:17px; color:#fff; font-size:14px; line-height:17px;}
.visual_con dd a {color:#fff;}
.visual_con dd.cont {background:url('/design/eng2019/img/main/bg_yellow.gif') 0 0 no-repeat; margin-top:20px; padding-top:40px;}
.visual_con dd.cont a {color:#fcb316; font-size:18px; word-break:break-all;}
.visual_con dd.btn_more a {position:absolute; right:0; top:0; width:50px; height:50px; display:block; overflow:hidden; text-indent:-999999px; background:#fcb316 url('/design/eng2019/img/main/ico_plus.png') 50% 50% no-repeat;}
.visual_con .img {float:left; width:100%; overflow:hidden;}
.visual_con .img img{width:100%; height:100%; overflow:hidden; }

/*.caption { position: absolute; left: 50%; top: 0px; margin: 0 0 0 -600px; width: 1200px; } */

.caption { position: absolute; left: 350px; top: 0px; margin: 0; width: 1200px; }

/*.bn_wrap {position:relative; overflow:hidden; }*/
.bn_wrap { position: absolute; left: 50%; margin: 0 0 0 -820px; width: 1200px; }

.visual_btn {position:absolute; left:50%; z-index:101; top:-300px;}
.visual_btn li {float:left; margin-right:5px;}
.visual_num {position:absolute; bottom:34px; left:168px; font-size:13px; color:#fff; letter-spacing:0.1em; z-index:101;}
.visual_num .pager {padding-right:1px;}
.visual_num .total {padding-left:1px;}

/*메뉴별 주요콘텐츠*/
.mc_link {position:relative; width:70.83%; float:left; height:280px;  box-sizing:border-box; overflow:hidden; background-color:#fff;}
.mc_link > ul {position:relative; width:100%;}
.mc_link > ul > li {width:24%;}
.mc_link > ul > li > a {overflow:hidden;}
.mc_link > ul > li > a span{letter-spacing:0; border-bottom:1px solid #4091cb; padding:25px 20px; background-color:#0d73bd; color:#fff; display:block; font-size:17px; box-sizing:border-box;}
.mc_link > ul > li.on > a span{background-color:#073e66; color:#fff; border-bottom:0; background-color:#073e66; font-size:20px; letter-spacing:-0.05em;}
.mc_link > ul > li:first-child { /*border-right:1px solid #ddd;*/}
.mc_link > ul > li.on .list {display:block; }
.mc_link > ul > li.on #list01 .bg{background:url('/design/eng2019/img/main/active_on.png') 0 20px no-repeat; }

.mc_link .list {display:none; position:absolute; top:0; box-sizing:border-box; width:72%; box-sizing:border-box; left:28%;}

.mc_link .list ul {margin-top:20px; }
.mc_link .list ul li {overflow:hidden;  padding:5px 0; width:33%; float:left; margin:5px 0;}
.mc_link .list ul li a {display:block; float:left; line-height:180%; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:75%;  font-weight:normal; background:#fff url('/design/eng2019/img/main/ico_ndot.png') no-repeat 0 50%; padding-left:25px;}
.mc_link .list ul li span {display:block; float:right; line-height:30px; color:#999; }


.mc_link .list ul.cat_icon {padding-top:15px; width:100%; overflow:hidden;}
.mc_link .list ul.cat_icon li {width:25%;}
.mc_link .list ul.cat_icon li a{width:100%; float:left; background-image:none; font-size:14px; padding-left:0; text-align:center; line-height:130%;}

.mc_link .list ul.cat_icon li.ca0101 a {background:url('/design/eng2019/img/main/ico_mc0101.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0102 a {background:url('/design/eng2019/img/main/ico_mc0102.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0103 a {background:url('/design/eng2019/img/main/ico_mc0103.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0104 a {background:url('/design/eng2019/img/main/ico_mc0104.png') 50% 0 no-repeat; padding-top:85px;}

.mc_link .list ul.cat_icon li.ca0201 a {background:url('/design/eng2019/img/main/ico_mc0201.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0202 a {background:url('/design/eng2019/img/main/ico_mc0202.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0203 a {background:url('/design/eng2019/img/main/ico_mc0203.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0204 a {background:url('/design/eng2019/img/main/ico_mc0204.png') 50% 0 no-repeat; padding-top:85px;}

.mc_link .list ul.cat_icon li.ca0301 a {background:url('/design/eng2019/img/main/ico_mc0301.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0302 a {background:url('/design/eng2019/img/main/ico_mc0305.png') 50% 0 no-repeat; padding-top:95px;}
.mc_link .list ul.cat_icon li.ca0303 a {background:url('/design/eng2019/img/main/ico_mc0303.png') 50% 0 no-repeat; padding-top:95px;}
.mc_link .list ul.cat_icon li.ca0304 a {background:url('/design/eng2019/img/main/ico_mc0304.png') 50% 0 no-repeat; padding-top:95px;}

.mc_link .list ul.cat_icon li.ca0401 a {background:url('/design/eng2019/img/main/ico_mc0401.png') 50% 0 no-repeat; padding-top:85px;}
.mc_link .list ul.cat_icon li.ca0402 a {background:url('/design/eng2019/img/main/ico_mc0402.png') 50% 0 no-repeat; padding-top:95px;}
.mc_link .list ul.cat_icon li.ca0403 a {background:url('/design/eng2019/img/main/ico_mc0403.png') 50% 0 no-repeat; padding-top:95px;}
.mc_link .list ul.cat_icon li.ca0404 a {background:url('/design/eng2019/img/main/ico_mc0404.png') 50% 0 no-repeat; padding-top:95px;}



@media all and (max-width:1800px) {
.caption {left:163px; margin:0; top:0;}
.bn_wrap {left:163px; margin:0;}
.visual_btn {position:absolute; left:350px; top:-300px; }
}

@media all and (max-width:1500px) {
.caption {left:0; margin:0; top:0;}
.bn_wrap {left:0; margin:0;}
}


@media all and (max-width:1200px) {
.main_con01, .main_con02 {width:98%; margin:0 auto;}
.flex, .wrap {width:100%; margin:0 auto;}
.gnbwrap .wrap {width:96%;}
.mainVisual, .visual_con {height:500px;}
.visual_con dl  {width:300px;height:400px; margin-top:0;}

.visual_btn {position:absolute; left:250px; top:-170px; }
.visual_con dt a {font-size:27px;}

.caption {width:100%; }

.pr_festival h2 {padding:20px 20px 20px;}
.mc_link > ul > li.on > a span {font-size:16px;}
.mc_link > ul > li > a span {font-size:14px;}
.mc_link .list ul li a {font-size:13px;}
.wrap_photo h2 {font-size:30px;}
.wrap_photo ul  {width:90%;}
.wrap_photo {height:350px;}
}


@media all and (max-width:1024px) {
.golden_city .gc_left {width:calc(100% - 295px);}
.mc_link {height:250px;}
.mc_link > ul > li > a span {padding:21px 20px;}
.mc_link .list ul.cat_icon li a {font-size:12px;}
.mc_link .list ul.cat_icon {padding-top:0;}

.pr_festival {height:250px;}
.pr_festival h2 {padding:15px 20px 15px;}
.pr_festival p a img {width:90%;}


}


@media all and (max-width:890px) {
.visual_con dt a {font-size:20px;}
.visual_con dd.cont a {font-size:13px;}
.mc_link {width:100%;}
.main_con h2 {width:100%; text-align:center; font-size:22px;}
.pr_festival {width:100%; margin-top:30px;}
.pr_festival h2 {height:20px; padding:10px 0;}
.pr_festival p a img {width:277px; height:187px;}


.tour_guide	{margin-bottom:0; width:100%; height:90px; float:left; width:100%; margin-top:0;background: #078b8b url('/design/eng2019/img/main/icon_tourguide.gif') no-repeat 10% 15px}
.tour_guide a {padding-top:15px;}
.golden_city {width:65%; margin:0;}
.golden_city .gc_right {margin:33px 20px 0 0;}
/*.golden_city .gc_left p {margin-top:0;}*/
.mayor {width:35%;margin-top:0;}
.mayor h2 {text-align:left; margin:30px 0 0 27px; height:30px;}
.mayor p {margin-left:30px;}
.mayor p a{text-align:left; margin:10px 0 0 0; font-size:13px;}
.wrap_photo {height:250px;}
.wrap_photo h2{padding:35px 0 35px 0; font-size:22px; letter-spacing:0;}
}

@media all and (max-width:740px) {
.visual_con li {background-position:0 0;}
/*.visual_con dl {margin-top:30px;padding:0 20px;}*/
.visual_con dt{width:90%;}
.visual_con dt a {font-size:18px;}
.visual_con dl {width:60%; height:500px; overflow:hidden;}
.visual_btn	{top:-230px; left:20px;}
.mc_link {height:380px;}
.mc_link > ul > li.on > a span { border-bottom:1px solid #073e66;}
.mc_link > ul > li > a span {}

.mc_link > ul > li  {float:left; width:50%; border-right:1px solid #4091cb; box-sizing:border-box;}
.mc_link .list {width:100%; top:100px; left:20px;}
.mc_link > ul > li > a span {padding:15px 20px; }
.mc_link .list ul.cat_icon li.ca0301 a, .mc_link .list ul.cat_icon li.ca0302 a, .mc_link .list ul.cat_icon li.ca0303 a,
.mc_link .list ul.cat_icon li.ca0304 a{padding-top:80px;}
}



@media all and (max-width:670px) {
.golden_city, .mayor {width:100%;}
.golden_city .gc_left {margin-top:20px; width:100%;}
.golden_city .gc_left h2{height:30px; font-size:20px; text-align:left;}
.golden_city .gc_left p {width:80%; line-height:130%; display:none;}
.golden_city .gc_right {/*float:left;*/ width:90%; margin:0 auto;}
.golden_city .gc_right ul li a {width:90%;}

.main_con .flex > h2 {font-size:25px;}
}

@media all and (max-width:620px) {

.main_con {padding-top:25px;}
.visual_con li {background-size:600px;}
.mainVisual, .visual_con {height:250px;}
.visual_con dl {width:100%; height:250px; margin-top:0; }
.visual_btn {top:-50px;}
.visual_con dt {width:80%; padding:25px 0 0 0}
.visual_con dd {width:80%;}



}

@media all and (max-width:500px) {


.mc_link .list ul li {width:44%;}
.mc_link .list ul.cat_icon {margin-left:-20px;}
.mc_link .list ul.cat_icon li a {background-size:55px !important;}
.mc_link .list ul li {margin:2px 0;}

.pr_festival h2 {font-size:17px;}



.tour_guide {background-size:80px; height:70px;}
.tour_guide a {width:90%; text-align:right; font-size:15px;}

.wrap_photo {height:auto;}
.wrap_photo ul li {width:48%; margin-bottom:20px;}
.wrap_photo ul li.m_end {margin-right:0;}
.wrap_photo ul li a div {font-size:12px;}
.visual_con dd.btn_more a {right:40px;}
}