@charset "utf-8";

/* skip_nav */
#skipnav_intro a, #skipnav_intro a:hover, #skipnav_intro a:focus, #skipnav_intro a:active {color:#353535}
#skipnav{display:none;}

/*¼Ò·¡Æ÷±¸ÃàÁ¦
#movieBg {position:absolute; width:100%; height:940px; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden;}
#movieBg video {width:auto; min-width:100%; min-height:100%;}
#movieBg:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/main/visual_pattern.png') repeat;}
#movieBg:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/main/show_soreabg.png') no-repeat left top;}
#conA .mCon .slogan {position:absolute; left:50%; top:80px; margin-left:-350px}*/

/*Ãß¼®
#movieBg {position:absolute; width:100%; height:940px; left:0; top:0; right:0; bottom:0; background:url('../img/main/chusuk_bg.jpg') center top no-repeat; z-index:-1; overflow:hidden;}
#conA .mCon .slogan {position:absolute; left:50%; top:80px; margin-left:-270px}*/

/*±èÀåÃàÁ¦
#movieBg {position:absolute; width:100%; height:920px; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden;} 
#movieBg video {width:auto; min-width:100%; min-height:100%;}
#movieBg:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/main/visual_pattern.png') repeat;}
#conA .mCon .slogan {position:absolute; left:50%; top:60px; margin-left:-488px}*/


#nuri-txt{background: #f8f8f8; border-bottom:1px solid #e8e8e8;}
#nuri-txt>div{padding:7px 24px; background:url(/main/img/inc/header_flag.png) no-repeat 24px center / 28px; font-size:14px;}
#nuri-txt .nuri-txt {margin-left:35px;}


/* 񃧯 */
#movieBg {position:absolute; width:100%; height:920px; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden;} 
#movieBg video {width:auto; min-width:100%; min-height:100%;}
/* #movieBg:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/main/visual_pattern.png') repeat;} */
#conA .mCon .slogan {position:absolute; left:50%; top:85px; transform:translateX(-50%);}
.movieBg_control{position:relative; margin:auto; width:100%; max-width:1400px;}
.movieBg_control>p{position:absolute; right:0; top:785px; text-align:center; display:block; padding:5px 15px; font-weight:bold; background-color:rgba(0,0,0,.4); border-radius:30px; z-index:99;}
.movieBg_control a{position:relative; display:inline-block; color:#fff;}
.movieBg_control a.play{padding-right:30px; margin-right:15px;}
.movieBg_control a.stop{padding-right:15px;}
.movieBg_control a.play:after{content:''; position:absolute; right:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#fff;}
.movieBg_control a.play:before{content:''; position:absolute; right:15px; top:50%; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #fff;}
.movieBg_control a.stop:after, .movieBg_control a.stop:before{content:''; position:absolute; right:0; top:50%; margin-top:-5px; width:2px; height:10px; background-color:#fff; border-radius:3px;}
.movieBg_control a.stop:before{right:5px;}

/*conA*/
#conA {position:relative; max-width:1650px; height:100%; min-height:920px; margin:0 auto;}
#conA h1 {position:absolute; left:0; top:60px;}
#conA h1 a {display:block; padding-left:70px; /* color:#fff; */ font-size:31px; letter-spacing:2.5px; line-height:30px; font-weight:normal}
#conA h1 a span {padding-left:2px; font-size:15px; letter-spacing:0;}
#conA h1 a img {position:absolute; left:0;}

#sns {position:absolute; /* left:0; */ left:0px; top:135px; text-align:left;  font-size:0;}
#sns li {display:inline-block; /* width:28px; margin-right:3px; 2°³ »èÁ¦ */ width:35px; margin-right:4px; vertical-align:top; font-size:0; line-height:0;}
#sns li.interFabook {width:auto;}
#sns li.interFabook a {position:relative; display:block; padding:0 10px 0 30px; height:35px; line-height:35px; font-size:14px; color:#fff; border-radius:17.5px; background:#4e71a8; border:1px solid rgba(255,255,255,0.1);}
#sns li.interFabook a:before {position:absolute; left:5px; top:50%; width:25px; height:25px; background:url(/main/img/main/sns_facebook.png) no-repeat center center; transform:translateY(-50%); content:"";}

#conA .gnb {position:absolute; right:0; top:89px; z-index:9}
#conA .gnb>div {float:left; margin-right:3px;}
#conA .gnb>div>a {display:inline-block; padding:0 32px 1px; color:#fff; line-height:41px; border-radius:3px; margin-right: 3px;}
#conA .gnb>div>a span {position:relative; display:inline-block; vertical-align:top; margin-top:14px; margin-right:8px;}
#conA .gnb .allM>a {border:1px solid #1862a6;}
#conA .gnb .allM>a span {width:17px; height:14px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
#conA .gnb .allM>a span:before {display:block; content:""; position:absolute; left:0; top:4px; width:17px; height:2px; background:#fff;}
#conA .gnb .famS>a {border:1px solid #163773; background:#224e9d;}
#conA .gnb .famS>a span {width:14px; height:14px; background:#fff;}
#conA .gnb .famS>a span:before {display:block; content:""; position:absolute; left:6px; top:0; width:2px; height:14px; background:#224e9d;}
#conA .gnb .famS>a span:after {display:block; content:""; position:absolute; left:0; top:6px; width:14px; height:2px; background:#224e9d;}
#conA .gnb .covid>a {border:1px solid #fff; background:#da2e59;}
#conA .gnb .covid>a span {width:12px; height:14px; padding:0 1px; border-radius:6px 6px 0 0; background:#fff;}
#conA .gnb .covid>a span:before {position:absolute; content:""; display:block; bottom:0; left:-1px; right:-1px; height:3px; border-radius:1px 1px 0 0; background:#fff;}
#conA .gnb .covid>a span:after {position:absolute; content:""; display:block; top:-6px; left:50%; height:2px; width:2px; border-radius:50%; background:#fff; transform:translateX(-50%); box-shadow:-6px 2px 0 #fff, 6px 2px 0 #fff;}
#conA .gnb>div>div {display:none; margin-top:5px; padding:5px 0; border-radius:5px; background:#fff;}
#conA .gnb>div>div li {padding:5px 15px; border-bottom:1px dotted #ddd;}
#conA .gnb>div>div li:last-child {border-bottom:0;}
#conA .gnb .sMap {position:absolute; left:-85px; top:60px;}
#conA .gnb .sMap>a {border:1px solid #bd002f;background:#e23963;}
#conA .gnb .sMap>a span {width:16px; height:20px; background:url('/main/img/main/smartmap.png'); transform:translateY(-3px);}


#conA .weather{position:absolute; right:5px; top:100px; text-align:right; /* bgÃß°¡ºÎºÐ */ padding:0 15px 10px 15px; border-radius:5px; background:rgba(0,0,0,.6);}
#conA .weather p{margin-top:5px; color:#fff; font-size:1.05em;}
#conA .weather .date{letter-spacing:0;}
#conA .weather .temp{position:relative; display:inline-block; padding-left:60px; font-size:1.65em;}
#conA .weather .temp img{position:absolute; left:0; bottom:0;}
#conA .weather .temp:after{content:''; position:absolute; left:45px; top:11px; width:1px; height:14px; background-color:rgba(255,255,255,.4);}

#conA .box {/* overflow:hidden; */ max-width:1650px; margin:0 auto;}
#conA .box:after {display:block; content:""; clear:both;}
#conA .box>div {float:left; position:relative; height:460px; width:49%; max-width:530px; margin-right:2%; border-radius:15px; box-shadow:0 1px 2px rgba(0,0,0,.4); background:#fff;}
#container .box .con3, #container .box .con4 {border-radius:15px 15px 0 15px;}
#conA .box>div:last-child {margin-right:0;}

#conA .mCon {text-align:center; padding-top:71px;}
#conA .search {position:relative;  padding-left:75px; max-width:685px; height:80px; margin:0 auto 125px; border-radius:70px; background:#fff; border:2px solid #398edd;}
#conA .search:before {display:block; content:""; position:absolute; left:0; top:0; width:120px; height:76px; background:#398edd url('/main/img/main/logo_w.png') no-repeat center center; /* background-size:50%; */ border-radius:100px 0px 0px 100px}
#conA .search input[type=text] {width:66%; margin-left:-2%; padding:26px 23px 26px 0px; font-size:21px; color:#757575; border:0;}
#conA .search input[type=submit] {position:absolute; right:0px; top:0px; width:90px; height:76px; border:0; text-indent:500%; background:url('/main/img/main/search_submit2026.gif') no-repeat center center;}
#conA .search .banr {position:absolute; left:-110px; top:-10px;}

/*
.headman {position:relative; text-align:left !Important; padding:35px 40px; background:url('/main/img/main/headman2022_bg.gif') repeat !important; background-size:cover !important;}
.headman p, .headman a {font-size:16px;}
.headman p, .headman p a {color:#fff193;}
.headman a {color:#fff; font-weight:500;}
.headman .txt {font-size:14px !important;}
.headman p.tit a {width:227px; height:119px; margin:0px 0px 18px; background:url('/main/img/main/headman2022_tit.gif') no-repeat;}
.headman p.stit {min-height:23px; margin-bottom:13px; padding-left:30px; font-size:18px !Important; background:url('/main/img/main/headman_heart.gif') no-repeat left center;}
.headman ul li {position:relative; padding-left:15px; line-height:24px; margin-bottom:5px;}
.headman ul li:before {display: block;  content: "";   position:absolute;  left:6px;  top:9px; width:4px; height:4px;  margin-left:-5px; border-right:1px solid #fff; border-bottom:1px solid #fff;  transform: rotate(-45deg);}
.headman>img {position:absolute; right:0px; bottom:0; z-index:0;}
#conA .headman>img {width:70%;}
#conA .headman.newyear>img {width:56%;}
.headman.newyear ul li {margin-bottom:0;}
*/

/*
.headman {position:relative; overflow:visible !important; text-align:left !Important; padding:38px 33px; border-radius:15px 15px 30px 30px !important; background:url('/main/img/main/headman2022_bg.gif') repeat !important; background-size:cover !important;}
.headman p.tit a {width:227px; height:100px; margin:0px 0px 18px; background:url('/main/img/main/headman2022_tit.gif') no-repeat;}
.headman p.stit img {max-width:185px; width:50%;}
.headman>img {position:absolute; right:0px; bottom:65px; z-index:0; width:51%;}
.headman ul {position:absolute; bottom:0px; left:0px; right:0px; z-index:1;}
.headman ul:after {display:block; content:""; clear:both;}
.headman ul>li {float:left; width:50%; text-align:center;}
.headman ul>li a:hover,
.headman ul>li a:active,
.headman ul>li a:focus {background:#ea2153;}
.headman ul>li>a {display:block; padding:22px 0; color:#fff; font-size:16px; font-weight:bold; border-radius:0 0 15px 0; background:#31394d;}
.headman ul>li:first-child>a {border-radius:0 0 0 15px; background:#ea2153;}
*/
.headman {position:relative; overflow:visible !important; text-align:left !Important; padding:38px 33px; border-radius:15px 15px 30px 30px !important; background:none !important;}
.headman:before {position:absolute; left:0; top:0; right:0; bottom:90px; background:url('/main/img/main/headman2026_bg.png') left bottom no-repeat #fff; z-index:-1; border-radius:15px 15px 0 0; opacity:0.66; content:"";}
.headman p.tit {margin-top:60px;}
.headman p.tit a {width:302px; height:74px; margin:0px 0px 32px; background:url('/main/img/main/headman2026_tit.png') no-repeat;}
.headman p.stit img {max-width:185px; width:50%;}
.headman>img {position:absolute; right:0px; bottom:90px; z-index:0; width:54.2%;}
.headman ul {position:absolute; bottom:0px; left:0px; right:-1px; z-index:1;}
.headman ul:after {display:block; content:""; clear:both;}
.headman ul>li {float:left; width:50%; text-align:center;}
.headman ul>li a:hover,
.headman ul>li a:active,
.headman ul>li a:focus {background:#1e51b7;}/*1e51b7*/
.headman ul>li>a {display:block; padding:32px 0; color:#fff; font-size:19px; font-weight:bold; background:#31394d;}
/* .headman ul>li:first-child {width:34%;} */
.headman ul>li:first-child>a {border-radius:0 0 0 15px; background:#1e51b7;}
.headman ul>li:last-child>a {border-radius:0 0 15px 0;}

.headmanBtn {position:relative; display:inline-block; padding:7px 45px 7px 25px; margin-top:5px; font-size:15px; color:#fff !important; border:1px solid #163773; background:#224e9d; border-radius:5px; text-shadow:0 1px 0 rgba(0,0,0,.2), 0 -1px 0 rgba(0,0,0,.2), 1px 0 0 rgba(0,0,0,.2), 1px 0 0 rgba(0,0,0,.2); box-shadow:0 3px 0 rgba(0,0,0,.1);}
.headmanBtn:before {position:absolute; right:23px; top:8px; width:13px; height:16px; border:1px solid #fff; border-radius:1px; content:"";}
.headmanBtn:after {position:absolute; right:26px; top:13px; width:9px; height:1px; background:#fff; box-shadow:0 3px 0 #fff, 0 6px 0 #fff; content:"";}

#admin .headman>img {width:55%;}

#conA #goList {padding:20px 35px; overflow:hidden;}
#conA #goList dl {float:left; width:16.6%;}
#conA #goList dl dt {position:relative; border-bottom:1px solid #e5e5e5;}
#conA #goList dl dt:after {display:block; content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#224e9d; transition:.5s;}
#conA #goList dl.on dt:after {left:0; right:0; width:100%;}
#conA #goList dl dt a {position:relative; display:block; text-align:center; padding:50px 0 20px; font-size:22px;}
#conA #goList dl dt a:before {display:block; content:""; position:absolute; left:50%; top:15px; width:30px; height:30px; margin-left:-13px; background:url('/main/img/main/ic_golist.gif') no-repeat;}
#conA #goList dl.l2 dt a:before {background-position:-30px top;}
#conA #goList dl.l3 dt a:before {background-position:-60px top;}
#conA #goList dl.l4 dt a:before {background-position:-90px top;}
#conA #goList dl.l5 dt a:before {background-position:-120px top;}
#conA #goList dl.l6 dt a:before {background-position:-150px top;}
#conA #goList dl.on dt a:before {background-position:left -30px;}
#conA #goList dl.on.l2 dt a:before {background-position:-30px -30px;}
#conA #goList dl.on.l3 dt a:before {background-position:-60px -30px;}
#conA #goList dl.on.l4 dt a:before {background-position:-90px -30px;}
#conA #goList dl.on.l5 dt a:before {background-position:-120px -30px;}
#conA #goList dl.on.l6 dt a:before {background-position:-150px -30px;}
#conA #goList dl.on dt a {color:#224e9d; font-weight:bold;}
#conA #goList dl dd {display:none; position:absolute; left:35px; right:35px; top:168px;}
#conA #goList dl.on dd {display:block;}
#conA #goList dd>ul {overflow:hidden;}
#conA #goList dd>ul>li {position:relative; float:left; width:50%; padding:18px 10px 18px 14px; border-bottom:1px dotted #aaa; }
#conA #goList dd>ul>li:before {position:absolute; top:22px; left:0; width:5px; height:5px; border:solid #666; border-width:2px 2px 0 0; transform:rotate(45deg); content:"";}
#conA #goList dd>ul>li a {font-size:18px; line-height:1rem; color:#484848;}
#conA #goList dd>ul>li a[target=_blank] {padding-right:20px; background:url('/main/img/inc/newwindow.gif') no-repeat right center;}
#conA #goList dd>ul>li:nth-child(7), #conA #goList dd>ul>li:nth-child(8) {border-bottom:0;}

#conA #pZone {overflow:hidden;}
#conA #pZone .control {position:absolute; right:0; top:0; z-index:100; background: rgba(0,0,0,.6);}
#conA #pZone .control>li {float:left; margin-right:12px; padding:13px 0 0;}
#conA #pZone .control li.all {padding:12px 0 10px 10px; background:rgba(0,0,0,.5);}
#conA #pZone .control li.all>a {color:#fff; display:block;}
#conA #pZone .control li.all>a span {position:relative; display:block; margin-right:8px; width:17px; height:14px; border-top:2px solid #fff; border-bottom:2px solid #fff; font-size:0px; line-height:0px;}
#conA #pZone .control li.all>a span:before {display:block; content:""; position:absolute; left:0; top:4px; width:17px; height:2px; background:#fff;}
#conA #pZone .control .prev {width:12px; height:12px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg);}
#conA #pZone .control .next {width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
#conA #pZone .control .stop {width:8px; height:15px; border-left:2px solid #fff; border-right:2px solid #fff;}
#conA #pZone .list {overflow:hidden;}
#conA #pZone .list ul {position:relative; white-space:nowrap; font-size:0; line-height:0;}
#conA #pZone .list ul>li {display:inline-block; width:100%; height:100%;}
#conA #pZone .list img {width:100%; height:100%;}

#conA #pZone .list,
#conA #pZone .list ul{height:100%;}

/* Àüü¸ñ·Ï Ãß°¡Àü
#conA #pZone {overflow:hidden;}
#conA #pZone .control {position:absolute; right:20px; top:25px; z-index:100;}
#conA #pZone .control>li {float:left; margin-left:10px;}
#conA #pZone .control .all {width:14px; height:14px; border-left:2px solid #353535; border-bottom:2px solid #353535; transform:rotate(45deg);}
#conA #pZone .control .prev {width:14px; height:14px; border-left:2px solid #353535; border-bottom:2px solid #353535; transform:rotate(45deg);}
#conA #pZone .control .next {width:14px; height:14px; border-top:2px solid #353535; border-right:2px solid #353535; transform:rotate(45deg);}
#conA #pZone .control .stop {width:7px; height:17px; border-left:2px solid #333; border-right:2px solid #333; opacity:.8;}
#conA #pZone .list {overflow:hidden;}
#conA #pZone .list ul {position:relative; white-space:nowrap; font-size:0; line-height:0;}
#conA #pZone .list ul>li {display:inline-block;} */


#conA .conMore {position:relative; display:block; width:163px; margin:50px auto 0; padding:8px 30px; font-weight:bold; color:#fff; border:1px solid #1862a6; border-radius:30px;}
#conA .conMore:after {display:block; content:""; position:absolute; right:25px; top:7px; width:8px; height:8px; border-left:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(-45deg);}


.moveTop { 
	position:absolute; left:115px; width:20px; color:#111 !Important; font-weight:bold; font-size:19px; line-height:22px; z-index:100;
	animation-duration: 1s; 
	animation-name:moveTop; 
	animation-fill-mode: both; 
	animation-iteration-count: infinite; 
	animation-timing-function: inherit; 
}
.moveTop:before {display:block; content:""; position:absolute; top:-13px; left:4px; width:10px; height:10px; border-top:2px solid #111; border-right:2px solid #111; transform:rotate(-45deg);}
.moveTop:after {display:block; content:""; position:absolute; left:9px; top:110%; width:1px; height:90px; background:rgba(17,17,17,.3);}
.moveTop:hover {text-decoration:none;}

@keyframes moveTop {
/*
	0% {top:420px;}
	50% {top:430px;}
	100% {top:420px;}
*/
	0% {bottom:220px;}
	50% {bottom:230px;}
	100% {bottom:220px;}
}

.oceansafety a {position:absolute; top:42px; left:200px; padding:0 32px 1px 52px; color:#fff; line-height:41px; border-radius:3px; border:1px solid #163773; background:#224e9d url('/main/img/main/oceansafety.png') no-repeat 25px center;}

/*conB*/
header {position:absolute; right:140px; width:56%; z-index:200;}
header>div {padding-top:75px;}
header .gnb {position:absolute; left:0; top:30px;}
header h1 a.logo_s {display:none;}
header.on .navBg {position:absolute !important;}

#conB {position:relative; background:#fff;}
#conB .box>div {border-radius:15px;} /* ÀåÀºÈñÃß°¡ */
#conB #nuri-txt {display:none;}
#container {min-height:900px; z-index:0;}
.inc_search .key, .inc_search dl, .slideGuide {display:none;}

#container div.con1>div {width:100%; height:100%; padding:40px 30px;}
#container #admin div.con1>div {background:#2e9d83;}
#container #civil div.con1>div {background:#398edd;}
#container #life div.con1>div {background:#5f5da9;}

#container .box .con1, #container .box .con2, #container .box .con3 {text-align:center; height:390px;}

#container .box .con1 h3 {margin-bottom:15px; color:#fff; font-size:30px; font-weight:normal; text-shadow:0 0 2px rgba(0,0,0,.7);}
#container .box .con1 ul:after {display:block; content:""; clear:both;}
#container .box .con1 ul li {float:left; width:33.3%; margin-top:20px;}
#container .box .con1 ul li a {position:relative; display:block; padding-top:80px; color:#fff; font-size:16px; text-shadow:0 0 2px rgba(0,0,0,.7);}
#container .box .con1 ul li a:before {display:block; content:""; position:absolute; left:50%; top:0; margin-left:-40px; width:80px; height:80px; background:url('/main/img/main/conb_ic.png') no-repeat;}
#container #admin .box .con1 ul li.l2 a:before {background-position:-80px -160px;}
#container #admin .box .con1 ul li.l3 a:before {background-position:-160px -160px;}
#container #admin .box .con1 ul li.l4 a:before {background-position:-240px -160px;}
#container #admin .box .con1 ul li.l5 a:before {background-position:-320px -160px;}
#container #admin .box .con1 ul li.l6 a:before {background-position:-400px -160px;}
#container #civil .box .con1 ul li.l1 a:before {background-position:0 -80px;}
#container #civil .box .con1 ul li.l2 a:before {background-position:-80px 0px;}
#container #civil .box .con1 ul li.l3 a:before {background-position:-160px 0px;}
#container #civil .box .con1 ul li.l4 a:before {background-position:-240px 0px;}
#container #civil .box .con1 ul li.l5 a:before {background-position:-320px 0px;}
#container #civil .box .con1 ul li.l6 a:before {background-position:-400px 0px;}
#container #life .box .con1 ul li.l1 a:before {background-position:0 -160px;}
#container #life .box .con1 ul li.l2 a:before {background-position:-80px -80px;}
#container #life .box .con1 ul li.l3 a:before {background-position:-160px -80px;}
#container #life .box .con1 ul li.l4 a:before {background-position:-240px -80px;}
#container #life .box .con1 ul li.l5 a:before {background-position:-320px -80px;}
#container #life .box .con1 ul li.l6 a:before {background-position:-400px -80px;}


#container .box div.con3 .pZoneB {height:390px; overflow:hidden;}
.pZoneB {position:relative;}
.pZoneB .control {display:none; position:absolute; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:10;}
.on .pZoneB .control {display:block;}

/* 
.pZoneB .control>li {float:left; padding:15px 20px 13px;}
.pZoneB .control>li:nth-child(2) {padding:13px 0;}
.pZoneB .control .prev {width:14px; height:14px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg);}
.pZoneB .control .next {width:14px; height:14px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
.pZoneB .control .stop {width:7px; height:18px; border-left:2px solid #fff; border-right:2px solid #fff;}
 */

.pZoneB .control>li {float:left; margin-right:12px; padding:11px 0 0;}
.pZoneB .control>li.all {padding:10px; background:rgba(0,0,0,.5);}
.pZoneB .control>li.all>a {color:#fff;}
.pZoneB .control>li.all>a span {position:relative; display:inline-block; margin-right:8px; width:17px; height:14px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.pZoneB .control>li.all>a span:before {display:block; content:""; position:absolute; left:0; top:4px; width:17px; height:2px; background:#fff;}
.pZoneB .control .prev {width:14px; height:14px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg);}
.pZoneB .control .next {width:14px; height:14px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
.pZoneB .control .stop {width:7px; height:18px; border-left:2px solid #fff; border-right:2px solid #fff;}



#container .box .con4 {position:relative; display:none; width:1060px !important;}
#container .on .box .con4 {display:block;}
#container .box .con4 h3 {font-size:35px; font-weight:bold; color:#333;}
#container .box .con4 .more {min-height:17px;}

#container .box .con4 .news {position:relative; min-height:100px; padding-left:170px;}
#container .box .con4 .news h3 {position:absolute; left:0; top:0;}
#container .box .con4 .news .more {display:block; position:absolute; left:0; top:60px; padding-right:20px; font-size:18px; background:url('../img/main/news_more.gif') no-repeat right center;}
/* #container .box .con4 .news .more:after {display:block; content:"+"; position:absolute; right:0; top:6px; width:17px; height:17px; padding-left:2px; color:#fff; line-height:12px; border-radius:50%; background:#398edd; box-sizing:border-box;} */
#container .box .con4 .news ul li {text-align:left; border-top:1px dotted #c6c6c6;}
#container .box .con4 .news ul li:first-child {border-top:0;}
#container .box .con4 .news ul li a {display:block; position:relative; padding:20px 0 20px 90px;}
#container .box .con4 .news ul li a:before, #container .box .con4 .news ul li a:after {display:block; content:""; position:absolute; transition:.5s;}
#container .box .con4 .news ul li a:before {right:3px; top:18px; width:27px; height:27px; border-radius:50%; border:1px solid #398edd;}
#container .box .con4 .news ul li a:after {right:15px; top:27px; width:10px; height:10px; border-right:1px solid #398edd; border-bottom:1px solid #398edd; transform:rotate(-45deg);}
#container .box .con4 .news ul li a:hover:before {background:#398edd;}
#container .box .con4 .news ul li a:hover:after {border-color:#fff;}
#container .box .con4 .news ul li a>p.date {position:absolute; left:0; top:11px; text-align:center; font-family:Arial; letter-spacing:0;}
#container .box .con4 .news ul li a>p .year {font-size:16px; color:#666;}
#container .box .con4 .news ul li a>p .day {display:block; color:#398edd; font-size:24px; font-weight:bold;}
#container .box .con4 .news ul li a>p.tit {position:relative; padding-right:70px; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#container .box .con4 .news ul li a>p.tit span.tag {display:inline-block; margin-right:5px; padding:0 15px 2px; font-size:16px; color:#398edd; border-radius:30px; border:1px solid #398edd;}

#container .box .con4 .photo {overflow:hidden;}
#container .box .con4 .photo>div {position:relative;}
#container .box .con4 .photo h3 {text-align:left; margin-bottom:20px; font-size:26px;}
#container .box .con4 .photo a.more {position:absolute; left:150px; top:6px; width:28px; height:28px; border-radius:50%; border:1px solid #398edd;}
#container .box .con4 .photo a.more:after {display:block; content:""; position:absolute; right:10px; top:7px; width:10px; height:10px; border-right:1px solid #398edd; border-bottom:1px solid #398edd; transform:rotate(-45deg);}
#container .box .con4 .photo>div:first-child {float:left; width:64%;}
#container .box .con4 .photo>div:last-child {float:right; width:32.5%;}
#container .box .con4 .photo .photoimg:not(:has(a)),
#container .box .con4 .photo .photoimg>a {display:block; position:relative; height:195px; border-radius:5px; overflow:hidden;}
#container .box .con4 .photo .photoimg img {max-width:none; min-width:100%; min-height:100%;}
#container .box .con4 .photo ul {overflow:hidden;}
#container .box .con4 .photo ul li.photoimg {float:left; width:49.2%;}
#container .box .con4 .photo ul li.photoimg:first-child {margin-right:1.5%;}
#container .box .con4 .photo .photoimg p.tit {position:absolute; left:0; bottom:0; right:0; text-align:center; padding:10px; color:#fff; background:rgba(0,0,0,.8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#container .box .con4 .edu {position:relative; /* margin-top:-5px;  */margin-right:290px;}
#container .box .con4 .edu h3 {font-size:32px;}
#container .box .con4 .edu ul {margin-top:18px; border-top:2px solid #333;}
#container .box .con4 .edu ul li {position:relative; padding:9px 0; border-bottom:1px solid #e2e2e2;}
#container .box .con4 .edu ul li a {position:relative; display:block; padding-left:11px; margin-right:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#container .box .con4 .edu ul li a:before {display:block; content:""; position:absolute; left:2px; top:9px; width:4px; height:4px; border-radius:50%; background:#848484;}
#container .box .con4 .edu ul li .spot {position:absolute; right:165px; top:8px; font-size:14px; color:#666;}
#container .box .con4 .edu ul li .tag {position:absolute; right:0; top:6px;}
#container .box .con4 .edu ul li .tag span {display:inline-block; text-align:center; width:70px; font-size:13px; line-height:24px; border-radius:25px;}
#container .box .con4 .edu ul li .tag span.apply {color:#fff; background:#398edd;}
#container .box .con4 .edu ul li .tag span.ing {color:#fff; background:#5f5da9;}
#container .box .con4 .edu ul li .tag span.end {border:1px solid #ccc;}
#container .box .con4 .edu ul li .tag span.before {color:#fff; background:#6874a8;}
#container .box .con4 .edu ul li .tag span.waiting {color:#fff; background:#da6c6b;}
#container .box .con4 .edu .more {position:absolute; right:0; top:6px; padding-top:5px; padding-right:45px;}
#container .box .con4 .edu .more:before, #container .box .con4 .edu .more:after {display:block; content:""; position:absolute; transition:.5s;}
#container .box .con4 .edu .more:before {right:3px; top:0; width:30px; height:30px; border-radius:50%; border:1px solid #398edd;}
#container .box .con4 .edu .more:after {right:17px; top:10px; width:10px; height:10px; border-right:1px solid #398edd; border-bottom:1px solid #398edd; transform:rotate(-45deg);}
#container .box .con4 .edu .more:hover:before {background:#398edd;}
#container .box .con4 .edu .more:hover:after {border-color:#fff;}
#container .box .con4 .link_map {position:absolute; right:-290px; top:0; width:240px; height:250px; border-radius:20px; border:1px solid #eaeaea; background:url('/main/img/main/mapService.gif') no-repeat center top;}

#quick {position:relative; z-index:150;}
#quick div.top {display:none;}

/** popup **/
.m_popup {position:absolute; top:5px; left:5px; z-index:9999; padding:1px; background:#444;}
.m_popup .m_popup_tit {display:block; padding:5px 10px; color:#fff; font-weight:600;}
.m_popup .m_popup_close {display:block; overflow:hidden; margin-top:-10px; padding:7px 10px; background:#444; font-weight:600; color:#fff; text-align:left; font-size:14px;}
.m_popup .m_popup_close>p {float:left; text-align:right; color:#fff;}
.m_popup .m_popup_close>a {float:right; color:#fff;}
.popup2 {left: 510px;}


/**/
#container .con2 .headman {height:100%;}
#container .con2 .headman {padding: 65px 40px;}
#container .con2 .headman p.tit a {height:140px;}

#container .con2 .headman:before {bottom:60px; background-color:#eef2f8; opacity:1;}
#container .con2 .headman ul>li>a {padding:22px 0; font-size:17px;}
#container .con2 .headman>img {bottom:60px; width:49%;}
#container .con2 .headman p.tit {margin-top:0;}
#container .con2 .headman p.tit a {width:224px; height:115px; margin:0px 0px 32px; background:url('/main/img/main/headman2026_tit_b.png') no-repeat;}


/*1280ÀÌ»ó width °íÁ¤*/
@media all and (min-width:1281px){
	body {width:1903px !Important;} 
	#conA .box>div {width:32%; overflow:hidden;}

	.inc_search {position:absolute; left:-585px; top:50px; height:64px; border:2px solid #1e51b7; /* overflow:hidden; */ z-index:100; background:#fff;}
	.inc_search:after {display:block; content:""; clear:both;}
	.inc_search select, .inc_search input[type=text] {padding:18px 10px; color:#fff; font-size:18px; border:0; background:none;}
	.inc_search select {appearance:none; -webkit-appearance:none; -moz-appearance:none;}
	.inc_search input[type=text] {width:156px;}
	.inc_search input[type=text]::placeholder {color:#555; font-size:15px; letter-spacing:-1px;}
	.inc_search input[type=submit] {width:60px; height:60px; border:0; background:#1e51b7 url('/main/img/main/insearch_submit2026.gif') no-repeat center center;}
	
	/* #controlTab {position:absolute; left:130px; bottom:100px; z-index:200;} */
	#controlTab {position:absolute; left:115px; top:370px; z-index:200;}
	#controlTab li {float:left; margin-right:12px;}
	#controlTab a {position:relative; display:block; font-size:30px; line-height:60px; color:#111;}
	#controlTab a:hover {text-decoration:none;}
	#controlTab li:first-child a {padding-right:68px;}
	#controlTab li:last-child a {padding-left:68px;}
	#controlTab li a:before {display:block; content:""; position:absolute; top:0; width:60px; height:60px; border-radius:50%; border:1px solid #111; background:rgba(255,255,255,0.2);}
	#controlTab li:first-child a:before {right:0;}
	#controlTab li:last-child a:before {left:0;}
	#controlTab li a:after {display:block; content:""; position:absolute; top:22px; width:15px; height:15px; border-left:2px solid #333; border-bottom:2px solid #333;} 
	#controlTab li:first-child a:after {right:19px; transform:rotate(45deg);}
	#controlTab li:last-child a:after {left:19px; transform:rotate(-135deg);}
	#controlTab li.on {display:none;}

	header nav#lnb {float:right; margin-top:12px;}

	#container {height:900px; overflow:hidden;}
	#container .visual {position:absolute; left:0; top:0; width:494px; height:900px; z-index:0;}
	/*
	#container #civil .visual {background:url('/main/img/main/visual_civil.jpg') no-repeat center top;}
	#container #admin .visual {background:url('/main/img/main/visual_admin.jpg') no-repeat center top;}
	#container #life .visual {background:url('/main/img/main/visual_life.jpg') no-repeat center top;}
	*/
	#container #civil .visual {background:#cfe6f8;}
	#container #admin .visual {background:#ddf3f2;}
	#container #life .visual {background:#d6daf2;}
	#container>div .visual {opacity:0; transition:1s;}
	#container>div>div.off .visual h2.off {display:none;}
	#container>div>div.on .visual {opacity:1;}
	#container>div>div.off .pZoneB{display:none; }
	#container .visual h2 {margin-top:190px; margin-left:110px; font-size:30px; font-weight:bold; color:#111;}
	#container .visual h2 span {display:block; font-size:68px;}
	#container .mycivil {display:block; margin-left:110px; margin-top:25px; padding-left:48px; color:#fff; font-size:20px; line-height:50px; font-weight:bold; text-shadow:0 0 2px rgba(0,0,0,.7); background:url('/main/img/main/mycivil.png') no-repeat left center;}

	#container .box div[class^=con] {display:none; position:absolute; top:160px; overflow:hidden; z-index:10;}
	#container .on .box div[class^=con] {display:block;}
	#container .box div[class^=con]>div {position:relative; left:100%;}
	#container .box div.con1 {left:416px;}
	#container .box div.con2 {left:866px; overflow:visible !important;}
	#container .box div.con3 {left:1318px;}
	#container .box div.con4 {right:144px; top:591px;}
	#civil .pZoneB, #life .pZoneB {position:absolute; right:145px; top:160px; text-align:right; width:906px; height:390px; font-size:0; line-height:0;}
	#civil .pZoneB>div, #life .pZoneB>div {height:900px; overflow:hidden;}
	#civil .pZoneB>div>div, #life .pZoneB>div>div {position:static !important; display:inline-block !important; margin-left:12px; font-size:1em; line-height:1em; border-radius:15px;}
	
	.pZoneB .control>li.all>a {color:#fff; font-size:15px; line-height:auto;}

	#container>div .box div[class^=con] {width:440px; transition:1s; overflow:hidden;}
	#container>div.on .box div[class^=con] { transition-delay:1s;}
	#container>div.on .box div.con4 {text-align:right; width:1057px !important;}

	#container .box .con4>div {margin-left:165px;}

	.copyUp {position:absolute; left:50%; top:-36px; display:block; text-align:center; width:128px; height:37px; padding-top:16px; margin-left:-114px; color:#fff !important; font-size:13px; font-weight:bold; background:url('/main/img/main/copy_up.png') no-repeat;}
}



/*1280ÀÌÇÏ*/
@media all and (max-width:1280px){
	#movieBg {height:950px;}
	.movieBg_control>p{left:0; top:878px; margin:auto; max-width:250px;}
	#conA {margin:0 20px; height:1030px;}
	#conA .gnb {right:0;}
	#conA .search {margin:0 auto 95px;}

	#conA .box {position:relative; width:920px; max-width:100%; margin:0 auto; padding-top:195px;}

	#conA #goList {position:absolute; top:0; float:none; width:100%; max-width:100%; height:180px; margin-left:0;}
	#conA #goList dl dt a {padding:10px 10px 15px 25%;}
	#conA #goList dl dt a:before {left:13%; top:7px; margin-left:0;}
	#conA #goList dl dd {top:80px;}
	#conA #goList dd>ul>li {width:25%;}
	#conA #goList dd>ul>li:nth-child(5), #conA #goList dd>ul>li:nth-child(6) {border-bottom:0;}

	#conA .conMore, .moveTop  {display:none;}
	#container {padding-top:195px;}

	.inc_search {position:absolute; left:0; top:195px; padding-right:20px; border:1px solid #9e9e9e; border-radius:30px;}
	.inc_search select, .inc_search input {padding:10px; font-size:15px; border:0; background:none;}
	.inc_search input[type=text] {width:80px;}
	.inc_search input[type=submit] {width:20px; height:20px; background:url('/main/img/main/insearch_submit2.gif') no-repeat center center;}

	#controlTab {text-align:center;}
	#controlTab li {display:inline-block; padding:0 20px;}
	#controlTab li a {position:relative; display:block; font-size:20px;}
	#controlTab li:first-child a {padding-left:30px;}
	#controlTab li:last-child a {padding-right:30px;}
	#controlTab li:first-child a:before, #controlTab li:last-child a:before {display:block; content:""; position:absolute; top:5px; width:21px; height:21px; border-radius:50%; background:#454545;}
	#controlTab li:first-child a:before {left:0;}
	#controlTab li:last-child a:before {right:0;}
	#controlTab li:first-child a:after, #controlTab li:last-child a:after {display:block; content:""; position:absolute; top:11px; width:7px; height:7px; border-left:1px solid #fff; border-bottom:1px solid #fff;} 
	#controlTab li:first-child a:after {left:8px; transform:rotate(45deg);}
	#controlTab li:last-child a:after {right:9px; transform:rotate(-135deg);}
	#controlTab li:nth-child(2) a:before, #controlTab li:nth-child(2) a:after {display:block; content:""; position:absolute; top:9px; width:1px; height:13px; background:#e5e5e5;}
	#controlTab li:nth-child(2) a:before {left:-20px;}
	#controlTab li:nth-child(2) a:after {right:-20px;}

	header {width:auto; left:20px; right:20px;}
	header>div {padding-top:0;}
	header h1 {float:none !Important; text-align:center; padding-top:20px;}

	#container {position:relative; max-width:880px; overflow:hidden; margin:0 auto;}
	#container>div {position:relative; white-space:nowrap; width:100%;}
	#container>div>div {display:inline-block; vertical-align:top; width:100%;}
	#container .visual h2 {text-align:center; margin:20px auto 30px; font-size:38px; font-weight:normal; color:#454545;}
	#container .visual h2 span {font-weight:bold;}
	#container .mycivil {position:absolute; right:0; top:240px; display:inline-block; padding:2px 10px 4px 25px; font-size:14px; border:1px solid #454545; border-radius:30px;}

	#container .box {overflow:hidden; text-align:center;}
	#container .pZoneB {display:inline-block; max-width:100%; font-size:0; line-height:0; white-space:nowrap;}
	#container .box div[class^=con] {font-size:15px;}
	#container .box .con1 {height:auto; margin:0 auto; line-height:21px;}
	#container .box .con1 h3 {margin-bottom:40px;}
	#container .box .con1 ul li {width:16.6%; margin-top:0;}
	#container .con2, #container .con3 {display:inline-block; width:440px; max-width:50%;}
	#container #admin .con2 {vertical-align:top; /* width:440px; */}
	#container .box .con4 {text-align:left; max-width:100%; margin:25px 0;}

	.copyUp {display:none;}
	
	#conA .mCon {padding-top:195px;}
	#conA .search {margin-bottom:60px;}
	#conA #goList dl dt a {font-size:1rem;}
	#conA #goList dd>ul>li {padding:10px; background:url('/main/img/main/golist_bl.gif') no-repeat left center;}
	#conA #goList dd>ul>li:before {display:none;}
	#conA #goList dd>ul>li a {font-size:14.5px;}
	#conA h1 {top:30px;}
	#sns {top:105px;}
	#conA .gnb {top:40px;}
	
	.headman p.tit {margin-top:35px;}
	.headman p.tit a {width:71%; max-width:224px; height:114px; background:url('/main/img/main/headman2026_tit_b.png') no-repeat; background-size:100% auto;}
	.headmanBtn {z-index:5;}
}

/*mobileÁ¦¿Ü*/
@media all and (min-width:641px){	
	header.on {width:100%; right:0; left:0; background:#fff;}
	header.on>div {position:relative; padding-left:100px; padding-right:140px;}
	header.on .gnb {left:100px; right:140px; width:auto;}
}

/*1280~tablet*/
@media all and (max-width:1280px) and (min-width:800px){
	header.on {z-index:200;}
	header.on>div {padding-left:20px !Important; padding-right:20px !Important;}
	header.on .gnb {left:20px; right:20px;}
	header nav#lnb>div>ul {margin-top:30px; border-bottom:2px solid #000;}
	header nav#lnb>div>ul>li {float:left; width:15.4%; text-align:center;}
	header nav#lnb>div>ul>li:first-child {width:11.5%; text-align:left;}
	header nav#lnb>div>ul>li:nth-child(7) {width:11.5%; text-align:right;}
}

@media all and (min-width:801px){
	.screenTop {display:none;}
}

/*table~mobile*/
@media all and (max-width:800px){
	header {right:20px;}
	header h1 {padding-top:55px;}
	header.on>div {padding-right:20px;}
	header.on .gnb {right:20px;}
	header .gnb {top:20px;/*  border-bottom:1px solid #ddd; */}
	header .gnb>ul.site>li:first-child {display:none;}
	header .gnb>ul.etc>li{position:relative;}
	header .gnb>ul.etc>li:after {display:block; content:""; position:absolute; right:-10px; top:7px; width:1px; height:11px; background:#d2d2d2;}
	header .gnb>ul.etc>li:last-child:after {display:none;}
	header .gnb>ul>li>a {background:none !important;}
	header .gnb>ul.etc>li>a {padding-left:0 !important;}
	header nav#lnb>div>ul {margin-top:20px;}
	#conA {margin-right:20px;}
	#sns {display:none;}
	/* #sns {position:static; left:0; top:0; text-align:center; margin-bottom:20px; line-height:0;}
	#sns li{width:35px;} */
	/* #conA .covid {display:block !important; text-align:center; padding:2% 10% 3% 10%;} */
	#conA .covid {display:flex !important; padding:2% 2% 6%; gap:2%;}
	#conA .mCon {padding-top:100px;}
	#conA .search {margin:10px auto;}
	#conA .weather{display:none}
	#conA #pZone img {height:100%;}
	#container {margin:0;}	
	#container .box .con2, #container .box .con3 {height:auto;}
	#container .headman {height:337px !important;}
	#container .headman img {right:2px; width:57%;}
	.oceansafety {display:none;}
	
}


/*mobile*/
@media all and (max-width:799px){
	#movieBg, .movieBg_control {display:none;}
	#conA {margin:0; min-height:auto; padding-top:80px; height:auto;}
	#conA h1, #conA .gnb, #conA .mCon {display:none;}
	#conA .box {padding-top:0;}
	#conA .box>div {float:none; max-width:100%; height:400px; box-shadow:none; background:none;}
	
	/*2025~ PC¹öÀü Æ÷Ä¿½º ¼ø¼­ º¯°æÈÄ ¸ð¹ÙÀϹöÀü ¼ø¼­º¯°æÀ§ÇØ flex »ç¿ë (À¥Á¢±Ù¼º °ü·Ã)*/
	#conA .box {display:flex; flex-direction:column;}
	#conA .box .headman {order:1;}
	#conA .box .goList {order:2;}
	#conA .box #pZone {order:3;}
	

	#conA .headman {width:96% !important; margin:0 auto !important;}
	#conA .headman>img {width:auto; max-width:55%; max-height:88%;}
	#conA #goList  {position:relative; width:96%; height:250px; padding:15px 20px; margin:10px auto; border:1px solid #e5e5e5;}
	#conA #goList dl dt a {padding:10px 5px;}
	#conA #goList dl dt a:before {display:none;}
	#conA #goList dl dd {top:75px;}
	#conA #goList dd>ul>li {width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#conA #goList dd>ul>li:nth-child(5), #conA #goList dd>ul>li:nth-child(6) {border-bottom:1px dotted #aaa;}
	#conA #pZone, #conA #pZone img {width:100%; height:auto; overflow:visible;}
	#conA #pZone .control {display:none;}
	#conA #pZone li {width:87%; margin-left:2.5%; border-radius:10px; overflow:hidden;}
	#conA .conMore {display:none;}

	#conA .importantLink {position:static; flex-wrap:wrap; width:96%; gap:5px 28px; max-width:none; margin:0 auto 20px; padding:10px; transform:none;}
	#conA .importantLink a {z-index:2;}

	#controlTab {display:none;}
	#controlTab.fix {display:block; position:fixed; top:60px; width:100%; border-bottom:1px solid #000; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.2); z-index:500;}
	#controlTab {padding:0 20px; font-size:0; line-height:0;}
	#controlTab li {width:32.3%; padding:0;}
	#controlTab li a {padding:20px 0 !important; font-size:15px; line-height:20px; transition:0.24s;}
	#controlTab li.on a {font-weight:bold; color:#378ddd;}
	#controlTab li a:before {display:none !Important;}
	#controlTab li.on a:before {display:block !Important; content:""; position:absolute; left:10% !important; top:auto !Important; bottom:0; width:80%; height:4px; border-radius:0; background:#378ddd;}
	#controlTab li a:after {top:27px !important; border-color:#378ddd !important; border-width:2px !important;}
	#controlTab li:first-child a:after {left:0;}
	#controlTab li:nth-child(2) a:after {display:none;}
	#controlTab li:last-child a:after {right:0;}
	
	.slideGuide {display:block; position:absolute; left:50%; top:150px; width:180px; height:180px; margin-left:-90px; margin-top:-90px; background:url('/main/img/main/slideguide.png') no-repeat; z-index:100;}

	#container {padding:20px 0; margin:20px 0; background:#dadada;}
	#container>div {background:#fff;}
	#container .box div.con3 .pZoneB {height:auto;}
	#container .visual {padding:20px 0 150px; background-size:100% !Important;}
	#container .visual h2 {font-size:27px; color:#111; /* text-shadow:0 0 2px rgba(0,0,0,.7); */}
	/*
	#container #civil .visual {background:url('/main/img/main/visual_civil.jpg') no-repeat center center;}
	#container #admin .visual {background:url('/main/img/main/visual_admin.jpg') no-repeat center center;}
	#container #life .visual {background:url('/main/img/main/visual_life.jpg') no-repeat center center;}
	*/
	#container #civil .visual {background:#cfe6f8;}
	#container #admin .visual {background:#ddf3f2;}
	#container #life .visual {background:#d6daf2;}
	
	#container .box {margin-top:-150px;}
	#container .box div.con1 ul li:nth-of-type(n+4) {margin-top:25px !important;}
	#container .box div[class^=con] {border-radius:15px; overflow:hidden;}
	#container .box div.con1, #container .box div.con4 {margin:10px 2%;}
	#container .box div.con1 ul li {width:33.3%;}
	#container #admin .con2 {display:none;}
	#container #admin .con3 {width:100%; max-width:100%;}
	#container #admin .con3 .pZoneB { overflow:hidden;}
	#container .pZoneB .control {display:none;}
	#container .pZoneB>div {position:relative;}
	#container .pZoneB>div>div {display:inline-block; width:87% !important; max-width:100% !important; height:auto !Important; margin-left:2%; border-radius:20px; overflow:hidden;}
	#container .pZoneB>div>div img {width:100%;}
	/* #container .con2, #container .con3 {width:100%; max-width:100%; height:auto;} */

	#container .box .con4 {width:96% !important; margin-top:20px !important;}
	#container .box .con4 h3 {font-size:22px !Important;}

	#container .box .con4 .news {padding-left:0; padding-bottom:30px; margin-bottom:10px;}
	#container .box .con4 .news h3 {position:static; margin-bottom:10px;}
	#container .box .con4 .news .more {top:auto; bottom:0; left:50%; margin-left:-20px; font-weight:bold; font-size:15px;}
	#container .box .con4 .news ul li {margin-bottom:3px; border:1px solid #ddd !important; border-radius:5px; background:#f8f8f8;}
	#container .box .con4 .news ul li a {padding:15px;}
	#container .box .con4 .news ul li a:before, #container .box .con4 .news ul li a:after {display:none;}
	#container .box .con4 .news ul li a>p.date {display:none;}
	#container .box .con4 .news ul li a>p.tit {position:relative; padding-left:40px; padding-right:0; font-size:14px; white-space:normal; overflow:visible; word-wrap:break-word; word-break:keep-all;}
	#container .box .con4 .news ul li a>p.tit span.tag {position:absolute; left:0; padding:0; font-weight:bold; font-size:14px; border:0;}

	#container .box .con4 .edu {margin:0;}
	#container .box .con4 .edu .more {position:static; display:block; width:62px; margin:10px auto; padding-right:20px; font-weight:bold; font-size:15px; line-height:17px; background:url('../img/main/news_more.gif') no-repeat right center;}
	#container .box .con4 .edu .more:after, #container .box .con4 .edu .more:before {display:none;}
	#container .box .con4 .edu ul>li:nth-child(n+5) {display:none;}
	#container .box .con4 .edu ul {margin-top:8px; border-top:0; overflow:hidden;}
	#container .box .con4 .edu ul li {float:left; width:49.5%; padding:12px 18px 45px; border:0; border-radius:10px; background:#f8f8f8; overflow:hidden;}
	#container .box .con4 .edu ul li:nth-child(even) {margin-left:1%;}
	#container .box .con4 .edu ul li:nth-child(n+3) {margin-top:1%;}
	#container .box .con4 .edu ul li a {margin-right:0; padding-left:0; font-weight:bold;}
	#container .box .con4 .edu ul li a:before {display:none;}
	#container .box .con4 .edu ul li .spot {position:static; margin-top:3px;}
	#container .box .con4 .edu ul li .tag {left:0; top:auto; bottom:0;}
	#container .box .con4 .edu ul li .tag span {width:100%; text-align:left; padding:0 15px 4px; font-size:14px; border-radius:0;}
	#container .box .con4 .edu ul li .tag span.end {color:#fff; border:0; background:#999;}
	#container .box .con4 .edu ul li .tag span:nth-of-type(2) {display:none;}
	#container .box .con4 .link_map {position:static; width:100%; margin-top:20px; border-radius:0; border:0; border-top:1px solid #eaeaea; background-color:#fcfcfc;}

	#container .box .con4 .photo>div {float:none !Important; width:100% !Important;}
	#container .box .con4 .photo>div:first-child {margin-bottom:20px;}
	#container .box .con4 .photo a.more {left:auto; right:0; top:3px;}
	
	.headman:before {background-color:#eef2f8;}
}

/*min-mobile*/
@media all and (max-width:520px){ 
	#conA {padding-top:15vw;}
	.headman:before {height:72.5vw;}
	#conA .box>div.headman {height:90vw; padding:7vw 6vw;}
	.headman p.tit {margin-top:6vw}
	.headman p.tit a {height:23vw; width:auto; margin-bottom:6vw; background-size:auto 100%;}
	#conA .headman>img {max-height:74vw; bottom:16.8vw;}
	.headman ul>li>a {padding:6vw 0; font-size:3.8vw;}
}



/*min-mobile*/
@media all and (max-width:370px){ 
	/* .headman p.tit a {width:71%; background-size:100% auto; background-position:left center;} */
}



#pZone .list li a:focus-visible {position:relative; display:inline-block; box-shadow:none; outline:0;}
#pZone .list li a:focus-visible:before {position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #fff; border-radius:15px; content:"";}
#pZone .list li a:focus-visible:after {position:absolute; left:1px; top:1px; right:1px; bottom:1px; border:2px dashed #e4004b; border-radius:15px; content:"";}


.pZoneB>div a:focus-visible {position:relative; display:inline-block; box-shadow:none; outline:0;}
.pZoneB>div a:focus-visible:before {position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #fff; border-radius:15px; content:"";}
.pZoneB>div a:focus-visible:after {position:absolute; left:1px; top:1px; right:1px; bottom:1px; border:2px dashed #e4004b; border-radius:15px; content:"";}

/*1900 ÀÌ»ó (QHD UHD 8K 16:9, 16:10)*/
@media all and (min-width:1901px) and (max-aspect-ratio:17/8) {

	html {font-size:0.520834vw;}
	body {width:100% !important; font-size:1.5rem;}
	/*Con A*/
	#movieBg {height:100vh;}
	#conA {height:calc(100vh - 33px); max-width:163rem;}
	#conA h1 {top:6rem;}
	#conA h1 a {padding-left:7rem; letter-spacing:0.25rem; line-height:3rem; font-size:3.1rem;}
	#conA h1 a span{padding-left:0.2rem; font-size:1.5rem;}
	#conA h1 a img {width:5.4rem;}
	#sns {top:13.5rem;}
	#sns li {width:2.8rem; margin-right:0.3rem;}
	#sns li img{width:2.8rem;}
	#sns li.interFabook a {padding:0 1rem 0 2.4rem; height:2.8rem; line-height:2.8rem; font-size:1.2rem; color:#fff; border-radius:1.4rem;}
	#sns li.interFabook a:before {width:1.5rem; height:1.5rem; background-size:185%;}
	#conA .gnb {top:8.9rem;}
	#conA .gnb>div {margin-right:0.3rem;}
	#conA .gnb>div>a {margin-right:0.3rem; padding:0 3.2rem 0.1rem; line-height:4.1rem; border-radius:0.3rem;}
	#conA .gnb>div>a span {margin-top:1.4rem; margin-right:0.8rem;}
	#conA .gnb .allM>a span {width:1.7rem; height:1.4rem; border-top-width:0.2rem; border-bottom-width:0.2rem;}
	#conA .gnb .allM>a span:before {top:0.4rem; width:1.7rem; height:0.2rem;}
	#conA .gnb .famS>a span {width:1.4rem; height:1.4rem;}
	#conA .gnb .famS>a span:before {left:0.6rem; width:0.2rem; height:1.4rem;}
	#conA .gnb .famS>a span:after {top:0.6rem; width:1.4rem; height:0.2rem;}
	#conA .mCon {padding-top:7.1rem;}
	#conA .mCon .slogan {top:8.5rem;}
	#conA .mCon .slogan img {width:47.4rem;}
	#conA .search {padding-left:7.5rem; max-width:68.5rem; height:8rem; margin-bottom:12.5rem; border-radius:7rem;}
	#conA .search:before {width:12rem; height:7.6rem; border-radius:10rem 0 0 10rem;}
	#conA .search input[type=text] {padding:2.6rem 2.3rem 2.6rem 0; font-size:2.1rem;}
	#conA .search input[type=submit] {width:9rem; height:7.6rem; background-size:2.9rem;}
	#conA .conMore {width:16.3rem; margin-top:5rem; padding:0.5rem 3rem; border-radius:3rem;}
	#conA .conMore:after {right:2.5rem; top:0.7rem; width:0.8rem; height:0.8rem; border-left-width:0.3rem; border-bottom-width:0.3rem;}
	#conA .box {max-width:165rem;}
	#conA .box>div {max-width:53rem; height:46rem; border-radius:1.5rem;}
	.headman {padding:3.8rem 3.3rem; border-radius:1.5rem 1.5rem 3rem 3rem !important;}
	.headman p.tit {margin-top:6rem;}
	.headman p.tit a {width:30.2rem; height:7.4rem; margin-bottom:3.2rem; background-size:30.2rem;}

	.headmanBtn {padding:0.7rem 4.5rem 0.7rem 2.5rem; margin-top:0.5rem; font-size:1.5rem; border-radius:0.5rem;}
	.headman ul>li>a {padding:3.2rem 0; font-size:1.9rem;}
	#conA #goList {padding:2rem 3.5rem;}
	#conA #goList dl dt a {padding:5rem 0 2rem; font-size:2.2rem;}
	#conA #goList dl dd {left:3.5rem; right:3.5rem; top:16.8rem;}
	#conA #goList dd>ul>li {padding:1.8rem 1rem 1.8rem 1.4rem; background-size:0.4rem;}
	#conA #goList dd>ul>li:before {top:2.2rem; width:0.5rem; height:0.5rem; border-width:0.2rem 0.2rem 0 0;}
	#conA #goList dd>ul>li a {font-size:1.8rem; line-height:1.6rem;}
	#conA #pZone .list ul>li {width:100%;}
	#conA #pZone .list ul>li img {width:100%;}

	/*Con B*/
	#container {height:calc(100vh - 5.5rem);}
	.moveTop {left:11.5rem; width:2rem; font-size:1.9rem; line-height:2.2rem;}
	.moveTop:before {top:-1.3rem; left:0.4rem; width:1rem; height:1rem; border-top-width:0.2rem; border-right-width:0.2rem;}
	.moveTop:after {left:0.9rem; width:0.1rem; height:9rem;}
	#controlTab {left:11.5rem; top:37rem;}
	#controlTab li {margin-right:1.2rem;}
	#controlTab a {font-size:3rem; line-height:6rem;}
	#controlTab li:first-child a {padding-right:6.8rem;}
	#controlTab li:last-child a {padding-left:6.8rem;}
	#controlTab li a:before {width:6rem; height:6rem;}
	#controlTab li a:after {top:2.1rem; width:1.5rem; height:1.5rem; border-left-width:0.2rem; border-bottom-width:0.2rem;} 
	#controlTab li:first-child a:after {right:1.8rem;}
	#controlTab li:last-child a:after {left:1.8rem;}
	#container .visual {width:49.4rem; height:100%; background-size:cover !important;}
	#container .visual h2 {margin-top:19rem; margin-left:11rem; font-size:3rem;}
	#container .visual h2 span {font-size:6.8rem;}
	#conB .box>div {border-radius:1.5rem;}
	#container div.con1>div {padding:4rem 3rem;}
	#container .box .con1, #container .box .con2, #container .box .con3 {height:39rem;}
	#container .box .con1 h3 {margin-bottom:1.5rem;font-size:3rem; text-shadow:0 0 0.2rem rgba(0,0,0,.7);}
	#container .box .con1 ul li {margin-top:2rem;}
	#container .box .con1 ul li a {padding-top:8rem; font-size:1.6rem; text-shadow:0 0 0.2rem rgba(0,0,0,.7);}
	#container .box .con1 ul li a:before {margin-left:-4rem; width:8rem; height:8rem; background-size:48rem;}
	#container #admin .box .con1 ul li.l2 a:before {background-position:-8rem -16rem;}
	#container #admin .box .con1 ul li.l3 a:before {background-position:-16rem -16rem;}
	#container #admin .box .con1 ul li.l4 a:before {background-position:-24rem -16rem;}
	#container #admin .box .con1 ul li.l5 a:before {background-position:-32rem -16rem;}
	#container #admin .box .con1 ul li.l6 a:before {background-position:-40rem -16rem;}
	#container #civil .box .con1 ul li.l1 a:before {background-position:0 -8rem;}
	#container #civil .box .con1 ul li.l2 a:before {background-position:-8rem 0;}
	#container #civil .box .con1 ul li.l3 a:before {background-position:-16rem 0;}
	#container #civil .box .con1 ul li.l4 a:before {background-position:-24rem 0;}
	#container #civil .box .con1 ul li.l5 a:before {background-position:-32rem 0;}
	#container #civil .box .con1 ul li.l6 a:before {background-position:-40rem 0;}
	#container #life .box .con1 ul li.l1 a:before {background-position:0 -16rem;}
	#container #life .box .con1 ul li.l2 a:before {background-position:-8rem -8rem;}
	#container #life .box .con1 ul li.l3 a:before {background-position:-16rem -8rem;}
	#container #life .box .con1 ul li.l4 a:before {background-position:-24rem -8rem;}
	#container #life .box .con1 ul li.l5 a:before {background-position:-32rem -8rem;}
	#container #life .box .con1 ul li.l6 a:before {background-position:-40rem -8rem;}
	#container .con2 .headman {padding: 6.5rem 4rem;}
	#container .con2 .headman p.tit a {height:14rem;}
	
	#container .con2 .headman:before {bottom:6rem; }
	#container .con2 .headman ul>li>a {padding:2.2rem 0; font-size:1.7rem;}
	#container .con2 .headman>img {bottom:6rem;}
	#container .con2 .headman p.tit a {width:22.4rem; height:11.5rem; margin:0px 0px 3.2rem; background-size:100% auto;}

	#container .box div.con3 .pZoneB {height:39rem;}
	.pZoneB .control>li {margin-right:1.2rem; padding-top:1.1rem;}
	.pZoneB .control>li.all {padding:1rem;}
	.pZoneB .control>li.all>a span {margin-right:0.8rem; width:1.7rem; height:1.4rem; border-top-width:0.2rem; border-bottom-width:0.2rem;}
	.pZoneB .control>li.all>a span:before {top:0.4rem; width:1.7rem; height:0.2rem;}
	.pZoneB .control .prev {width:1.4rem; height:1.4rem; border-left-width:0.2rem; border-bottom-width:0.2rem;}
	.pZoneB .control .next {width:1.4rem; height:1.4rem; border-top-width:0.2rem; border-right-width:0.2rem;}
	.pZoneB .control .stop {width:0.7rem; height:1.8rem; border-left-width:0.2rem; border-right-width:0.2rem;}
	.pZoneB .linkp img {width:100%; max-width:none;}
	#container .box .con4 {width:106rem !important;}
	#container .box .con4 h3 {font-size:3.5rem;}
	#container .box .con4 .more {min-height:1.7rem;}
	#container .box .con4 .news {min-height:10rem; padding-left:17rem;}
	#container .box .con4 .news .more {top:6rem; padding-right:2rem; font-size:1.8rem; background-size:1.8rem;}
	#container .box .con4 .news ul li a {padding:2rem 0 2rem 9rem;}
	#container .box .con4 .news ul li a:before {right:0.3rem; top:1.8rem; width:2.7rem; height:2.7rem;}
	#container .box .con4 .news ul li a:after {right:1.5rem; top:2.7rem; width:1rem; height:1rem; border-right-width:0.1rem; border-bottom-width:0.1rem;}
	#container .box .con4 .news ul li a>p.date { top:1.1rem;}
	#container .box .con4 .news ul li a>p .year {font-size:1.6rem;}
	#container .box .con4 .news ul li a>p .day {font-size:2.4rem;}
	#container .box .con4 .news ul li a>p.tit {padding-right:7rem; font-size:1.7rem;}
	#container .box .con4 .news ul li a>p.tit span.tag {margin-right:0.5rem; padding:0 1.5rem 0.2rem; font-size:1.6rem; border-radius:3rem; border-width:0.1rem;}
	#container .box .con4 .photo h3 {margin-bottom:2rem; font-size:2.6rem;}
	#container .box .con4 .photo a.more {left:15rem; top:0.6rem; width:2.8rem; height:2.8rem;}
	#container .box .con4 .photo a.more:after {right:1rem; top:0.7rem; width:1rem; height:1rem; border-right-width:0.1rem; border-bottom-width:0.1rem;}
	#container .box .con4 .photo .photoimg {height:19.5rem; border-radius:0.5rem;}
	#container .box .con4 .photo .photoimg p.tit {padding:1rem;}
	#container .box .con4 .edu {margin-right:29rem;}
	#container .box .con4 .edu h3 {font-size:3.2rem;}
	#container .box .con4 .edu ul {margin-top:1.8rem; border-top-width:0.2rem;}
	#container .box .con4 .edu ul li {padding:0.9rem 0; border-bottom-width:0.1rem;}
	#container .box .con4 .edu ul li a {padding-left:1.1rem; margin-right:28rem;}
	#container .box .con4 .edu ul li a:before {left:0.2rem; top:0.9rem; width:0.4rem; height:0.4rem;}
	#container .box .con4 .edu ul li .spot {right:16.5rem; top:0.8rem; font-size:1.4rem;}
	#container .box .con4 .edu ul li .tag {top:0.6rem;}
	#container .box .con4 .edu ul li .tag span {width:7rem; font-size:1.3rem; line-height:2.4rem; border-radius:2.5rem;}
	#container .box .con4 .edu ul li .tag span.end {border-width:0.1rem;}
	#container .box .con4 .edu .more {top:0.6rem; padding-top:0.5rem; padding-right:4.5rem;}
	#container .box .con4 .edu .more:before {right:0.3rem; width:3rem; height:3rem; border-width:0.1rem;}
	#container .box .con4 .edu .more:after {right:1.7rem; top:1rem; width:1rem; height:1rem; border-right-width:0.1rem; border-bottom-width:0.1rem;}
	#container .box .con4 .link_map {right:-29rem; width:24rem; height:25rem; border-radius:2rem; border-width:0.1rem; background-size:cover;}


	#container .mycivil {margin-left:11rem; margin-top:2.5rem; padding-left:4.8rem; font-size:2rem; line-height:5rem; text-shadow:0 0 0.2rem rgba(0,0,0,.7);}
	#container .box div[class^=con] {top:16rem;}
	#container .box div.con1 {left:41.6rem;}
	#container .box div.con2 {left:86.6rem;}
	#container .box div.con3 {left:131.8rem;}
	#container .box div.con4 {right:14.4rem; top:59.1rem;}
	#civil .pZoneB, #life .pZoneB {right:14.5rem; top:16rem; width:90.6rem; height:39rem;}
	#civil .pZoneB>div, #life .pZoneB>div {height:90rem;}
	#civil .pZoneB>div>div, #life .pZoneB>div>div {margin-left:1.2rem; font-size:1em; line-height:1em; border-radius:1.5rem;}
	.pZoneB .control>li.all>a {font-size:1.5rem; }
	#container>div .box div[class^=con] {width:44rem;}
	#container>div.on .box div.con4 {width:105.7rem !important;}
	#container .box .con4>div {margin-left:16.5rem;}
	
	/*top*/
	header {right:14rem;}
	header>div {padding-top:7.5rem;}
	header .gnb {top:3rem;}
	#conB header .gnb>ul.etc>li {margin-left:2rem;}
	#conB header .gnb>ul.etc>li>a {padding-left:2.7rem; font-size:1.6rem; line-height:2.2rem;}
	#conB header .gnb>ul.etc>li.allmenu>a {padding-left:2.2rem; background-size:1.6rem; background-position:left 0.7rem;}
	#conB header .gnb>ul.etc>li.login>a {background-size:2.1rem; background-position:left 0.2rem;}
	#conB header .gnb>ul.etc>li.lang>a {background-size:2rem; background-position:left 0.2rem;}
	.inc_search {left:-58.5rem; top:5rem; height:6.4rem; border-width:0.2rem;}
	.inc_search select, .inc_search input[type=text] {padding:1.8rem 1rem; font-size:1.8rem;}
	.inc_search input[type=text] {width:15.6rem;}
	.inc_search input[type=text]::placeholder {font-size:1.5rem;}
	.inc_search input[type=submit] {width:6rem; height:6.1rem; background-size:2.4rem;}
	#conB header h1 img {width:15.7rem;}
	#conB header nav#lnb>div>ul>li {margin-left:4rem;}
	#conB header nav#lnb>div>ul>li>a {padding-bottom:3rem; font-size:1.8rem;}
	#conB header.on .navBg {min-height:100vh;}
	#conB header.on .gnb {left:10rem; right:14rem;}
	#conB header.on>div {padding-left:10rem; padding-right:14rem;}

	/*footer*/
	.copyUp {top:-3.6rem; width:12.8rem; height:3.7rem; padding-top:1.6rem; margin-left:-11.4rem; font-size:1.3rem; background-size:12.8rem;}
	body footer #ban {padding:1.4rem 0; border-top-width:0.1rem;}
	body footer #ban h2, body footer #ban div, body footer #ban li, body footer #ban>a {line-height:2rem;}
	body footer #ban h2 {padding:0.3rem 1.5% 0.3rem 0; font-size:1.8rem;}
	body footer #ban h2:after {top:1rem; width:0.5rem; height:0.5rem;}
	body footer #ban div {max-width:145rem; padding:0.3rem 0;}
	body footer #ban div li {margin-right:2.5rem;}
	body footer #ban>a {margin-top:0.6rem;}
	body footer #ban .prev,
	body footer #ban .next {width:1.4rem; height:1.3rem; background-size:1.4rem;}

}


@media all and (min-width:1901px) and (max-width:1920px) { /*¿§Áö ±âº» º¸´õ ¶§¹®¿¡ Á¤¼ö°ªÀ¸·Î ¾È¶³¾îÁö´Â ¹®Á¦·Î Ãß°¡*/
	html {font-size:10px;}
}

#container .box .con4 .photo .photoimg>a:focus-visible {position:relative; outline:none;}
#container .box .con4 .photo .photoimg>a:focus-visible::before {position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #fff; content:""; z-index:1;}
#container .box .con4 .photo .photoimg>a:focus-visible::after {position:absolute; left:0; top:0; right:0; bottom:0; border:2px dashed #e4004b; content:""; z-index:1;}