@charset "utf-8";

.dp_sub {display:none !Important;}

#container {position:relative; background:url('/se/img/main/container_bg.gif') no-repeat left bottom 200px;}
#visual {position:relative; height:583px; font-family:'Noto Sans KR'; font-weight:bold; font-size:16px;}
#visual>div.list dl dt {position:relative; max-width:1400px; margin:0 auto;}
#visual>div.list dl dt .bl {position:absolute; left:0; top:84px; width:73px; height:1px; background:#fff; z-index:10;}
#visual>div.list dl.v2 dt .bl {left:83px;}
#visual>div.list dl.on dt .bl {height:6px;}
#visual>div.list dl dd {display:none; position:absolute; width:100%; height:583px; padding-left:calc(50% - 700px);}
#visual>div.list dl.v1 dd {background:url('/se/img/main/visual01.jpg') no-repeat center top;}
#visual>div.list dl.v2 dd {background:url('/se/img/main/visual02.jpg?v4') no-repeat center top;}
#visual>div.list dl dd .tit {margin-top:152px;}
#visual>div.list dl dd .tit {width:386px;}
#visual>div.list dl dd .txt {margin-top:20px; color:#356699; line-height:24px;}
#visual>div.list dl dd>a {display:inline-block; margin-top:50px; padding:10px 30px; color:#5d5d5d; border-radius:50px; background:#fff;}
#visual ul.control {position:absolute; left:50%; bottom:40px; margin-left:-700px;}
#visual ul.control>li {float:left; margin-right:5px;}
#visual ul.control a {position:relative; width:41px; height:41px; border-radius:50%; border:1px solid #fff;}
#visual ul.control a:hover {background:#fff;}
#visual ul.control a.stop:before, #visual ul.control a.stop:after {display:block; content:""; position:absolute; left:15px; top:12px; width:3px; height:15px; border-radius:10px; background:#fff;}
#visual ul.control a.stop:after {left:21px;}
#visual ul.control a.prev:before, #visual ul.control a.prev:after, #visual ul.control a.next:before, #visual ul.control a.next:after {display:block; content:""; position:absolute; left:16px; width:4px; height:12px; border-radius:10px; background:#fff;}
#visual ul.control a.prev:before {top:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#visual ul.control a.prev:after {top:17px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#visual ul.control a.next:before {left:18px; top:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#visual ul.control a.next:after {left:18px; top:17px; transform:rotate(45deg); }
#visual ul.control a:hover:before, #visual ul.control a:hover:after {background:#909090;}
#visual>div.list .mLinkSBg {position:absolute; right:calc(50% - 700px); top:0; width:451px; height:583px; background:rgba(45,179,239,.75); display:block;}
#visual>div.list .v2 .mLinkSBg {background:rgba(44,75,194,.5);}


#visual_sns{ text-align:center; margin-top:20px; overflow: hidden; }
#visual_sns li{ display: inline-block; margin-right:10px;}
.header_sns{position: relative; top:-6px;}
.header_sns li{float:left; margin-left:5px;}

#mLink {position:absolute; right:calc(50% - 700px); top:0; width:451px; height:583px; background:rgba(255,255,255,.25);}
#mLink>li {position:absolute; height:25%; right:0;}
#mLink>li:nth-child(1) {top:0;}
#mLink>li:nth-child(2) {top:25%;}
#mLink>li:nth-child(3) {top:50%;}
#mLink>li:nth-child(4) {top:75%;}
#mLink>li>a {display:block;}
#mLink>li>a:hover {text-decoration:none;}
#mLink>li>a.intro {position:relative; width:451px; height:100%; padding-top:57px; padding-left:50px; border-top:1px solid rgba(50,99,142,.12);}
#mLink>li:first-child>a.intro {border-top:0;}
#mLink>li>a.on {display:none; position:relative; width:550px;/*  height:120%; */ padding:35px 75px; border-radius:100px 0 100px 100px; background-color:#fff; background-repeat:no-repeat; box-shadow:23px 0 27px rgba(0,0,0,.33); z-index:10;}
#mLink>li.social>a.on {background-image:url('/se/img/main/mlink_social_bg.gif'); background-position:90% center;}
#mLink>li.village>a.on {background-image:url('/se/img/main/mlink_village_bg.gif'); background-position:90% center;}
#mLink>li.coo>a.on {background-image:url('/se/img/main/mlink_coo_bg.gif'); background-position:88% center;}
#mLink>li.share>a.on {background-image:url('/se/img/main/mlink_share_bg.gif'); background-position:88% center;}
#mLink>li .tit, #mLink>li .stit, #mLink>li .eng {display:block; text-indent:-100%; font-size:0; line-height:0; overflow:hidden;}
#mLink>li a.intro .tit {height:25px;}
#mLink>li.social a.intro .tit {width:113px; background:url('/se/img/main/mlink_social_tit.png') no-repeat;}
#mLink>li.village a.intro .tit {width:90px; background:url('/se/img/main/mlink_village_tit.png') no-repeat;}
#mLink>li.coo a.intro .tit {width:92px; background:url('/se/img/main/mlink_coo_tit.png') no-repeat;}
#mLink>li.share a.intro .tit {width:90px; background:url('/se/img/main/mlink_share_tit.png') no-repeat;}
#mLink>li a.intro .eng {position:absolute; right:40px; top:65px; height:18px; }
#mLink>li.social a.intro .eng {width:128px; background:url('/se/img/main/mlink_social_eng.png') no-repeat;}
#mLink>li.village a.intro .eng {width:128px; background:url('/se/img/main/mlink_village_eng.png') no-repeat;}
#mLink>li.coo a.intro .eng {width:92px; background:url('/se/img/main/mlink_coo_eng.png') no-repeat;}
#mLink>li.share a.intro .eng {width:119px; background:url('/se/img/main/mlink_share_eng.png') no-repeat;}
#mLink>li>a.on .eng {width:108px; height:14px; background:url('/se/img/main/view_txt.gif') no-repeat;}
#mLink>li>a.on .stit {height:14px;}
#mLink>li.social a.on .stit {width:191px; background:url('/se/img/main/mlink_social_txt.gif') no-repeat;}
#mLink>li.village a.on .stit {width:276px; background:url('/se/img/main/mlink_village_txt.gif') no-repeat;}
#mLink>li.coo a.on .stit {width:242px; background:url('/se/img/main/mlink_coo_txt.gif') no-repeat;}
#mLink>li.share a.on .stit {width:231px; background:url('/se/img/main/mlink_share_txt.gif') no-repeat;}
#mLink>li>a.on .tit {height:30px; margin:15px 0 25px;}
#mLink>li.social a.on .tit {width:136px; background:url('/se/img/main/mlink_social_tit_on.gif') no-repeat;}
#mLink>li.village a.on .tit {width:106px; background:url('/se/img/main/mlink_village_tit_on.gif') no-repeat;}
#mLink>li.coo a.on .tit {width:110px; background:url('/se/img/main/mlink_coo_tit_on.gif') no-repeat;}
#mLink>li.share a.on .tit {width:106px; background:url('/se/img/main/mlink_share_tit_on.gif') no-repeat;}

#contents {margin:80px auto 40px;}
#contents .mCon {overflow:hidden;}

#selection {position:relative; float:left; width:54%; padding-bottom:20px;}
#selection h3 {width:141px; height:59px; margin-top:10px; background:url('/se/img/main/selection_tit.gif') no-repeat;}
#selection .photo {position:relative; max-width:50%; margin-top:50px; box-shadow:9px 9px 9px rgba(0,0,0,.4); overflow:hidden; z-index:5;}
#selection .photo img {vertical-align:top; width:100%; /* min-height:100%; */}
#selection dl {position:absolute; right:0; top:0; width:64%; padding:50px 40px 60px 85px; color:#fff; border-radius:100px 0 100px 0; background:#ffaba9;}
#selection dt {margin-bottom:35px; font-size:28px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#selection dd {padding-left:50px; line-height:26px;}
#selection>a {position:absolute; left:55%; bottom:35px; width:157px; height:14px; background:url('/se/img/main/detail_view.gif') no-repeat;}

#contents .rCon {float:right; width:46%;}

#board {position:relative; margin-left:10%;}
#board:before {display:block; content:""; position:absolute; left:0; top:41px; width:100%; height:3px; background:#ee5c59;}
#board h3 {position:absolute; top:0; width:22%;}
#board>div:nth-of-type(2) h3 {left:22%;}
#board>div:nth-of-type(3) h3 {left:44%;}
#board>div:nth-of-type(4) h3 {left:66%;}
#board h3 a {display:block; height:45px; padding:7px; text-align:center; font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden;}
#board .on h3 a {font-weight:bold; color:#ee5c59; border-radius:18px 18px 0 0; border:3px solid #ee5c59; border-bottom-color:#fff; background:#fff;}
#board>div>ul {display:none; padding-top:75px;}
#board>div.on>ul {display:block;}
#board>div>ul>li {position:relative; padding-left:13px; margin-bottom:10px; letter-spacing:0;}
#board>div>ul>li:before {display:block; content:""; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background:#ee5c59;}
#board>div>ul>li a {display:block; margin-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board>div.support>ul>li a {margin-right:180px;}
#board>div>ul>li span {position:absolute; right:0; top:0; color:#aaa;}
#board>div>a.more {display:none; position:absolute; right:0; top:10px; color:#ee5c59; font-weight:bold;}
#board>div.on>a.more {display:block;}

.btnIntro {position:relative; margin-top:45px; padding-bottom:10%;}
.btnIntro:after {display:block; content:""; position:absolute; left:0; top:25%; width:100%; height:120px; border-radius:55px 0 55px 0; background:#fffae7;}
.btnIntro a {position:relative; display:block; height:120px; padding:35px 0 0 50px; margin-left:10%; border-radius:55px 0 55px 0; background:#ffdc67 url('/se/img/main/btnintro_bg.gif') no-repeat right top; overflow:hidden; z-index:10;}
.btnIntro a:after {display:block; content:""; position:absolute; right :65px; bottom:-12px; width:95px; height:99px; background:url('/se/img/main/btnintro_ic.png') no-repeat;}
.btnIntro a span {width:213px; height:54px; background:url('/se/img/main/btnintro_txt.gif') no-repeat;}

#economy {position:relative; margin-top:80px;}
#economy .dp640d {display:none;}
#economy h3 {width:342px; height:30px; margin-bottom:20px; background:url('/se/img/main/economy_tit.gif') no-repeat;}
#economy div.con>a {position:absolute; top:50%; width:46px; height:46px; border-radius:50%; background-color:#333; background-image:url('/headman/img/main/commitment_point.png'); background-repeat:no-repeat; background-position:17px center; z-index:100;}
#economy div.con>a:hover {background-color:#1545b7;}
#economy div.con>a.prev {left:-5%;}
#economy div.con>a.next {right:-5%; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#economy div.con ul {overflow:hidden;}
#economy div.con ul>li {position:relative; float:left; width:15%; margin-left:2%; overflow:hidden;}
#economy div.con ul>li:nth-child(n+6) {margin-top:16px;}
#economy div.con ul>li>a {display:block; height:140px;}
#economy div.con ul>li:first-child {width:32%; margin-left:0;}
#economy div.con ul>li:first-child a {height:298px;}
#economy div.con ul>li>a>img {width:100%; min-height:100%; border:1px solid #d6d6d6;}
#economy div.con ul>li>a>div {position:absolute; top:100%; text-align:center; width:100%; height:100%; color:#fff; background:#2a8eff; transition:.5s;}
#economy div.con ul>li>a:hover>div  {top:0;}
#economy div.con ul>li:first-child>a>div {background:rgba(42,142,255,.9);}
#economy div.con ul>li:first-child>a:hover>div {top:50%;}
#economy div.con ul>li>a>div>.tit {padding:40px 10px 15px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* #economy div.con ul>li:first-child>a>div>.tit {padding-top:32px;} */
#economy div.con .paging {display:none;}

#status {overflow:hidden; margin-top:50px;}
#status h3 {height:122px; border:6px solid #8edfc9; background:url('/se/img/main/status_tit.gif') no-repeat 25px center;}
.dp_mb {display:none !important;}

/*mobile제외*/
@media all and (min-width:641px){
	#status h3, #status dl {float:left; width:20%;}
	#status dl {text-align:center; margin:20px 0; border-right:1px solid #dbdbdb;}
	#status dt, #status dd {vertical-align:middle; display:inline-block;}
	#status dt, #status .spare>dd>ul>li>span, #status .things {vertical-align:middle; display:inline-block; text-indent:-100%; overflow:hidden; font-size:0; line-height:0;}
	#status dt {margin-right:25px;}
	#status dl.certification dt {width:59px; height:75px; background:url('/se/img/main/certification_tit.gif') no-repeat;}
	#status dl.spare dt {width:59px; height:75px; background:url('/se/img/main/spare_tit.gif') no-repeat;}
	#status dl.village dt {width:59px; height:75px; background:url('/se/img/main/village_tit.gif') no-repeat;}
	#status dl.coo dt {width:61px; height:75px; background:url('/se/img/main/coo_tit.gif') no-repeat;}
	#status dd {font-size:40px;}
	#status .spare dd {font-size:16px;}
	#status .spare dd>ul>li {margin:3px 0;}
	#status .spare>dd>ul>li>span.ic {width:57px; height:16px; background:url('/se/img/main/spare_ic.gif') no-repeat;}
	#status .spare>dd>ul>li>span.part {width:57px; height:16px; background:url('/se/img/main/spare_part.gif') no-repeat;}
	#status .spare>dd>ul>li>span.nd {width:57px; height:16px; background:url('/se/img/main/spare_nd.gif') no-repeat;}
	#status .things {width:19px; height:23px; background:url('/se/img/main/things.gif') no-repeat;}
	#status .spare .things {width:13px; height:15px; margin-left:3px; margin-bottom:3px; background-size:100%;}
}

/*pc2*/
@media all and (max-width:1280px){
	#mLink {right:0;}
	#visual ul.control {left:0; margin-left:0;}
	#visual>div.list dl dd {padding-left:0;}
	#contents {padding-left:10px; padding-right:10px;}
	#selection dl {width:70%;}
	#selection dd {padding-left:70px;}
	#selection>a {bottom:10px;}
	#economy div.con>a.prev {left:0;}
	#economy div.con>a.next {right:0;}
	#visual>div.list .mLinkSBg {right:0;}
}

/*minpc*/
@media all and (max-width:1024px){
	#contents {width:90%;}
	#selection {float:none; width:100%;}
	#selection dl {padding-left:23%;}
	#selection dd {padding-left:10px;}
	#selection>a {bottom:5%;}
	#contents .rCon {float:none; width:100%; margin-top:40px; overflow:hidden;}
	#board {float:left; width:50%; margin-left:0;}
	.btnIntro {float:right; width:46%; margin-top:0;}
	.btnIntro a {overflow:visible; height:148px; padding-top:50px; margin-left:0;}
	.btnIntro a:after {right:30px;}

	#economy {margin-top:10px;}
	#economy h3 {width:100%; background-position:center top;}
	#economy div.con>a.prev {left:-50px;}
	#economy div.con>a.next {right:-50px;}
	/* #economy div.con ul {height:298px; overflow:hidden;} */
	#economy div.con ul>li {width:24.5%; height:142px;}
	#economy div.con ul>li:nth-child(n+4) {margin-top:2%;}
	#economy div.con ul>li:first-child {width:47%; height:298px;}
	#economy div.con .paging {display:block; text-align:center; margin-top:20px;}
	#economy div.con .paging a {width:19px; height:19px; margin:0 2px; border-radius:50%; border:4px solid #dadada;}
	#economy div.con .paging a.on {border-color:#2a8eff; background:#2a8eff;}

	#status h3 {float:none; width:100%; height:70px; background:url('/se/img/main/status_tit_mb.gif') no-repeat center center;}
	#status dl {width:25%; margin-top:30px;}
	#status dl:last-child {border-right:0;}
}

/*tablet*/
@media all and (max-width:800px){	
	#visual>div.list dl dt .bl {left:25px; width:53px;}
	#visual>div.list dl.v2 dt .bl {left:85px;}
	#visual>div.list dl dd .tit, #visual>div.list dl dd .txt, #visual>div.list dl dd>a {margin-left:25px;}
	#visual>div.list dl dd {background-size:250% !important; background-position:25% top !important;}
	#visual ul.control {margin-left:40%;}
	#mLink {display:none;}
	
	#board h3 {width:20%;}
	#board>div:nth-of-type(2) h3 {left:20%;}
	#board>div:nth-of-type(3) h3 {left:40%;}
	#board>div:nth-of-type(4) h3 {left:60%;}
	#board>div>ul>li a {margin-right:0;}
	#board>div>ul>li span {display:none;}
	#visual>div.list .mLinkSBg {display:none;}
	
}


/*mobile*/
@media all and (max-width:640px){
	#visual {height:295px;}
	#visual>div.list dl dt .bl {top:30px;}
	#visual>div.list dl dd {height:295px;}
	#visual>div.list dl dd .tit {margin-top:60px; max-width:250px; max-height:72px; background-size:100% !important;}
	#visual>div.list dl dd .txt {margin-top:47px; font-size:14px; line-height:22px;}
	#visual>div.list dl dd>a {padding:5px 20px; margin-top:20px; font-size:10px;}

	#visual ul.control {bottom:25px;}
	#visual ul.control a {width:32px; height:32px;}
	#visual ul.control a.stop:before, #visual ul.control a.stop:after {left:11px; top:8px; height:13px;}
	#visual ul.control a.stop:after {left:16px;}
	#visual ul.control a.prev:before, #visual ul.control a.prev:after, #visual ul.control a.next:before, #visual ul.control a.next:after {left:13px; width:3px; height:10px;}
	#visual ul.control a.prev:before {top:7px;}
	#visual ul.control a.prev:after {top:13px;}
	#visual ul.control a.next:before {left:14px; top:7px;}
	#visual ul.control a.next:after {left:14px; top:13px;}
	
	
	#board:before {top:56px;}
	#board h3 {width:25%;}
	#board h3 a {display:flex; justify-content:center; align-items:center; height:60px; font-size:16px;}
	#board>div:nth-of-type(2) h3 {left:25%;}
	#board>div:nth-of-type(3) h3 {left:50%;}
	#board>div:nth-of-type(4) h3 {left:75%;}
	#board>div>ul>li a {margin-right:0;}
	#board>div>ul>li span {display:none;}
	#visual>div.list .mLinkSBg {display:none;}
	#board>div>a.more {text-align:center; margin:auto; position:relative; padding:3px 12px; color:#fff; border-radius:0 0 10px 10px; background:#ee5c59;}
	
	.dp_mb {display:block !important;}
	
	#container {background:none;}

	#contents {width:98%; margin:30px auto;}
	#selection {padding-bottom:0;}
	#selection .photo {max-width:100%; margin-top:20px; box-shadow:none;}
	#selection dl {position:absolute; left:0; bottom:0; top:auto; text-align:center; width:100%; padding:10px 0 15px; border-radius:0; background:rgba(0,0,0,.8); z-index:10;}
	#selection dt {margin-bottom:0; font-size:18px;}
	#selection dd {display:none;}
	#selection>a {right:0; bottom:auto; top:30px; left:auto; width:159px; background:url('/se/img/main/detail_view_mb.gif') no-repeat;}
	#board {float:none; width:100%;}
	.btnIntro {float:none; width:100%; margin-top:30px;}

	/* #economy div.con ul {height:auto;} */
	#economy .dp640d {display:block;}
	#economy .dp640u {display:none;}
	#economy div.con>a {top:auto; bottom:0;}
	#economy div.con>a.prev {left:2%;}
	#economy div.con>a.next {right:2%;}
	#economy div.con ul>li {width:50% !Important; height:180px !important; margin:0 !Important;}
	#economy div.con ul>li>a>div {height:50%; top:50%;}
	#economy div.con ul>li>a>div>.tit {padding:15px 10px 5px !important;}
	#economy div.con .paging {padding-bottom:10px;}

	#status h3 {height:60px; margin-bottom:20px; border-top:0; border-left:0; border-right:0; border-bottom-width:2px;}
	#status dl {width:100%; margin-top:8px; overflow:hidden;}
	#status dl dt, #status dl dd {float:left;}
	#status dl dt {position:relative; padding-left:30px; padding-right:20px; line-height:23px;}
	#status dl dt:after {display:block; content:":"; position:absolute; right:9px; top:0;}
	#status dl.certification dt {background:url('/se/img/main/certification_tit_mb.gif') no-repeat;}
	#status dl.spare dt {background:url('/se/img/main/spare_tit_mb.gif') no-repeat;}
	#status .spare dd>ul {overflow:hidden;}
	#status .spare dd>ul>li {float:left;}
	#status dl.village dt {background:url('/se/img/main/village_tit_mb.gif') no-repeat;}
	#status dl.coo dt {background:url('/se/img/main/coo_tit_mb.gif') no-repeat;}
}



/*mobile*/
@media all and (max-width:480px){
	#economy div.con ul>li>a>div>p:nth-child(2) {display:none;}
	#economy div.con ul>li>a>div {top:65%; height:35%;}
}