@charset "utf-8";

/* set */
body {font-size:16px;margin:0;padding:0;font-family:GmarketSans, SCDream, Dotum, "돋움", sans-serif;color:#363636;font-weight:300;}
input, select, button{font-family:GmarketSans, SCDream, Dotum, "돋움", sans-serif;font-size:16px;color:#363636}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:-5000px;left:-5000px;font-size:0;}
.hide{display:none !important;margin:0;padding:0}
.new_win{display:inline-block;width:12px;height:0;padding:12px 0 0 0;overflow:hidden;margin:0 0 0 7px;vertical-align:middle;background:url("/images/03manifesto/common/ico_cmd.png") -120px -20px}

/* Mobile */
header{position:relative;z-index:3}
header h1{padding:15px 0 15px 6.25%}
header h1 a{display:block;overflow:hidden;width:93px;height:0;padding:40px 0 0 0;background:url("/images/03manifesto/common/logo.png?test=1") no-repeat 0 -40px;background-size:cover;transition:none}
header button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat 0 -40px #0054a6;border-radius:5px;position:absolute;top:45px;right:6.25%}
.gnb{padding:0 10px;height:30px}
.gnb:before{content:"";display:block;position:absolute;top:29px;left:0;right:0;height:1px;background:#e9edf5}
.gnb:after{content:"";display:block;clear:both}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{float:left}
.gnb>ul>li>a{display:block;font-size:12px}
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus{text-decoration:underline}
.gnbl{float:left}
.gnbl li{margin-right: 10px;}
.gnbl li a{padding:7px 0 0 0;line-height: 1.4;}
.gnbr{float:right}
.gnbr>li{margin:0 0 0 5px}
@media all and (max-width:420px) {
.gnb>ul>li>a{font-size: 12px;}
.gnbr li.tlogout a, .gnbr li.tlogin a{font-size: 0;width: 20px;}
}
.gnbr li.tsitemap{display:none}
.gnbr li a{padding:5px 0 0 0}
.gnbr li a:before{content:"";display:inline-block;width:20px;height:20px;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat;margin:0 2px 0 0;vertical-align:middle}
.gnbr li.tlogin a:before{background-position:-120px 0}
.gnbr li.tlogout a:before{background-position:-140px 0}
.gnbr li.tsitemap a:before{background-position:-160px 0}
.gnbr li.tsns>a:before{background-position:-180px 0}
.gnbr li.tsns>a:after{content:"";display:inline-block;width:7px;height:20px;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat -206px 0;margin:0 0 0 5px;vertical-align:middle}
.gnbr li.tsns.on>a:after{background-position:-227px 0}
.tsns{position:relative}
.tsns div{display:none;background:#fff;padding:15px;border-radius:5px;position:absolute;top:25px;right:0;box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index:1;width:170px}
.tsns.on div{display:block}
.tsns div ul{overflow:hidden}
.tsns div li{float:left;width:20%}
.tsns div li a{display:block;width:20px;height:0;padding:20px 0 0 0;margin:0 auto;overflow:hidden;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat}
.tsns div li.kaka a{background-position:0 -20px}
.tsns div li.blog a{background-position:-20px -20px}
.tsns div li.face a{background-position:-40px -20px}
.tsns div li.ins a{background-position:-60px -20px}
.tsns div li.you a{background-position:-80px -20px}
.gnbr li.lang>a:before{background-position:-122px -48px;}
.gnbr li.lang>a:after{content:"";display:inline-block;width:7px;height:20px;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat -206px 0;margin:0 0 0 5px;vertical-align:middle}
.gnbr li.lang.on>a:after{background-position:-227px 0}
.lang{position:relative}
.lang div{display:none;background:#fff;padding:15px;border-radius:5px;position:absolute;top:25px;right:0;box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index:1;width:140px}
.lang.on div{display:block}
.lang div li{display: block;text-align: center;}
.lang div li a{display:block;margin:0 auto;font-size: 14px;padding: 2px 0;}
.lang div li a:before{display: none;}

nav{display:none}
nav.on{display:block}
nav.on:after{content:"";display:block;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .8);z-index:0}
nav button{background-position:-40px -40px;z-index:1}
.menu{position:absolute;top:100px;right:0;width:100%;z-index:1;background:#0054a6}
.menu>li{border-top:1px solid rgba(255, 255, 255, .2)}
.menu>li>a{display:block;padding:20px;color:#fff;font-size:20px;font-weight:600;line-height:1.25em;position:relative}
.menu>li>a:after{content:"";display:block;width:15px;height:10px;background:url("/images/03manifesto/common/ico_cmd.png") no-repeat -160px -20px;position:absolute;top:50%;right:20px;transform:translate(0, -50%)}
.menu>li.on>a:after{background-position:-180px -20px}
.menu>li.on div{display:block}
.depth_box{display:none;padding:5px 15px;margin:0 20px 20px 20px;background:#003b74;border-radius:10px}
.depth_box li{margin:5px 0}
.depth_box li a{display:block;padding:0 0 0 15px;color:#fff;position:relative}
.depth_box li a:focus {outline-offset: -1px; outline: 1px dashed #fff;}
.depth_box li a:before{content:"";display:block;width:5px;height:5px;background:rgba(255, 255, 255, .2);border-radius:100%;position:absolute;top:7px;left:0}
.depth_box li.on a,.depth_box li a:hover,.depth_box li a:focus{color:#0bcfd1}

.mvisual{position:relative;background:#0054a6}
.mvisual p{display:none;position:absolute;top:0;left:50%;opacity:.08;writing-mode:tb-rl;text-transform:uppercase;font-weight:600;color:#fff;font-size:28px;letter-spacing:-0.05em;line-height:1em;margin-left:320px}
.mvs_btn{position:absolute;bottom:20px;left:50%;z-index:2;transform:translate(-50%, 0)}
.mvs_btn button{width:45px;height:0;padding:45px 0 0 0;margin:0 3px 0 0;overflow:hidden;background:url("/images/03manifesto/main/ico_main.png") no-repeat;vertical-align:middle;opacity:.6}
.mvs_btn button:hover,.mvs_btn button:focus{opacity:.8}
.mvs_btn button.stop{background-position:0 -20px}
.mvs_btn button.play{background-position:-60px -20px}
.mvs_btn button.prev{background-position:-120px -20px}
.mvs_btn button.next{background-position:-180px -20px}
.mvs_list ul li img{width:100%}

.m24{background:#0054a6;padding:30px 6.25%;position:relative}
.m24 a{color:#fff}
.m24 h2{color:#fff;font-weight:300}
.m24 h2 strong{color:#0bcfd1;font-weight:600;vertical-align:middle}
.m24 h2 span{display:block;font-size:20px}
.m24 p{position:absolute;top:35px;right:6.25%}
.m24 p a{display:block;background:#0bcfd1;width:60px;padding:20px 0;text-align:center;border-radius:20px}
.m24 p a:hover,.m24 p a:focus{background:#003b74}
.m24_date{margin:10px 0;position:relative}
.m24_date ul{overflow:hidden;width:85%;margin:0 auto}
.m24_date li{float:left;width:14.28571428571429%}
.m24_date li a{display:block;text-align:center;border-radius:100%;width:40px;height:40px;padding:7px 0 0 0;margin:0 auto;box-sizing:border-box}
.m24_date li em{display:block;font-style:normal;font-size:10px}
.m24_date li span{display:block;font-size:16px}
.m24_date li.on a,.m24_date li a:hover,.m24_date li a:focus{background:#003b74}
.m24_date button{width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background:url("/images/03manifesto/main/ico_main.png") no-repeat;position:absolute;top:10px;border-radius:100%}
.m24_date button:hover,.m24_date button:focus{background-color:#003b74}
.m24_date button.prev{background-position:-40px 0;left:0}
.m24_date button.next{background-position:-60px 0;right:0}
.m24_list{background:#003b74;border-radius:10px;padding:15px 20px}
.m24_list li{margin:5px 0}
.m24_list li a{display:block;position:relative;padding:0 0 0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m24_list li a:before{content:"";display:block;width:5px;height:5px;background:rgba(255, 255, 255, .2);border-radius:100%;position:absolute;top:10px;left:0}
.m24_list li a:hover,.m24_list li a:focus{text-decoration:underline}

.mphoto{margin:30px 6.25%;text-align:center}
.mphoto h2{font-weight:300;font-size:24px;line-height:1.5em}
.mphoto h2 strong{display:block;color:#0054a6;font-weight:600;font-size:40px}
.mphoto p{color:#636363;font-weight:100;line-height:1.25em;margin:10px 0}
.mphoto .more li{display:inline-block;margin:0 10px}
.mphoto .more a{display:block}
.mphoto .more a:after{content:"";display:inline-block;width:30px;height:30px;background:url("/images/03manifesto/main/ico_main.png") no-repeat 0 -80px;vertical-align:middle;margin:0 0 0 10px}
.mphoto .more a:hover,.mphoto .more a:focus{color:#000;text-decoration:underline}
.mpht_btn{text-align:center;margin:10px 0 0 0}
.mpht_btn button{width:45px;height:0;padding:45px 0 0 0;margin:0 1px;overflow:hidden;background:url("/images/03manifesto/main/ico_main.png") no-repeat;opacity:.2;vertical-align:middle}
.mpht_btn button.stop{background-position:0 -20px}
.mpht_btn button.play{background-position:-60px -20px}
.mpht_btn button.prev{background-position:-120px -20px}
.mpht_btn button.next{background-position:-180px -20px}
.mpht_list{margin:20px auto 0 auto;overflow:hidden;width:280px}
.mpht_list ul{width:2000px}
.mpht_list ul:after{content:"";display:block;clear:both}
.mpht_list li{float:left;width:280px}
.mpht_list li a{display:block}
.mpht_list li a img{width:100%;height:200px}
.mpht_list li a strong{display:block;font-weight:300;font-size:22px;line-height:1.25em;text-overflow:ellipsis;max-height:100px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0 0}
.mpht_list li a span{display:block;color:#acacac}
.mpht_list li a:hover i,.mpht_list li a:focus i{}
.mpht_list li a:hover img,.mpht_list li a:focus img{}
.mpht_list li a:hover strong,.mpht_list li a:focus strong{}
.mpht_list li a:hover span,.mpht_list li a:focus span{}

.mvision>div>div{background:#e9edf5;padding:30px 6.25%}
.mvision h2{font-weight:100;font-size:24px;line-height:1.5em;text-align:center}
.mvision h2 strong{display:block;font-weight:600;font-size:40px;color:#0054a6}
.mvis_btn{margin:5px 0;text-align:center}
.mvis_btn span{display:inline-block;font-weight:100;font-size:20px;vertical-align:middle;margin:10px 10px 0 0}
.mvis_btn strong{font-weight:600;font-size:30px;color:#0054a6;vertical-align:middle}
.mvis_btn button{width:45px;height:0;padding:45px 0 0 0;margin:0 3px 0 0;overflow:hidden;background:url("../images/03manifesto/main/ico_main.png") no-repeat;opacity:.2;vertical-align:middle}
.mvis_btn button:hover,.mvis_btn button:focus{opacity:.6}
.mvis_btn button.stop{background-position:0 -20px}
.mvis_btn button.play{background-position:-60px -20px}
.mvis_btn button.prev{background-position:-120px -20px}
.mvis_btn button.next{background-position:-180px -20px}
.mvis_list{background:#fff;border-radius:5px;padding:10px}
.mvis_list>ul>li{display:none}
.mvis_list>ul>li:before{content:"";display:none;background-size:cover;background-position:center;position:absolute;top:-100px;left:0;right:40%;bottom:0;border-radius:0 100px 0 0;z-index:-1}
.mvis_list>ul>li.on{display:block}
.mvis_list ul ul{margin:20px 0 0 0}
.mvis_list li li{color:#acacac;line-height:1.25em;position:relative;padding:0 0 0 15px;margin:5px 0 0 0}
.mvis_list li li:after{content:"";width:6px;height:6px;border-radius:100%;background:#acacac;position:absolute;top:5px;left:0}
.mvis_list li p:after{content:"";display:block;border-bottom:1px dashed #e9edf5;margin:10px -20px}
.mvis_list li p em{font-style:normal;font-size:50px;font-weight:600;color:#00b3b5;opacity:.2;vertical-align:bottom}
.mvis_list li p strong{display:block;color:#00b3b5;font-size:24px;line-height:1.25em;vertical-align:bottom;margin:-30px 0 0 20px}
.mvis_list>ul>li.no1:before{background-image:url("/images/03manifesto/main/vs1.jpg")}
.mvis_list>ul>li.no2:before{background-image:url("/images/03manifesto/main/vs2.jpg")}
.mvis_list>ul>li.no3:before{background-image:url("/images/03manifesto/main/vs3.jpg")}
.mvis_list>ul>li.no4:before{background-image:url("/images/03manifesto/main/vs4.jpg")}
.mvis_list>ul>li.no5:before{background-image:url("/images/03manifesto/main/vs5.jpg")}
.mvis_list>ul>li.no6:before{background-image:url("/images/03manifesto/main/vs6.jpg")}
.mvis_list>ul>li.no7:before{background-image:url("/images/03manifesto/main/vs7.jpg")}
.mvis_list>ul>li.no8:before{background-image:url("/images/03manifesto/main/vs8.jpg")}
.mvis_list>ul>li.no9:before{background-image:url("/images/03manifesto/main/vs9.jpg")}
.mvis_list>ul>li.no10:before{background-image:url("/images/03manifesto/main/vs10.jpg")}
.mvis_list .img{display:none;background-size:cover;background-position:center;position:absolute;top:-100px;left:0;right:40%;bottom:0;border-radius:0 100px 0 0;z-index:-1}
.mvis_list .vs1{background-image:url("/images/03manifesto/main/vs1.jpg")}
.mvis_list .vs2{background-image:url("/images/03manifesto/main/vs2.jpg")}
.mvis_list .vs3{background-image:url("/images/03manifesto/main/vs3.jpg")}
.mvis_list .vs4{background-image:url("/images/03manifesto/main/vs4.jpg")}
.mvis_list .vs5{background-image:url("/images/03manifesto/main/vs5.jpg")}
.mvis_list .vs6{background-image:url("/images/03manifesto/main/vs6.jpg")}
.mvis_list .vs7{background-image:url("/images/03manifesto/main/vs7.jpg")}
.mvis_list .vs8{background-image:url("/images/03manifesto/main/vs8.jpg")}
.mvis_list .vs9{background-image:url("/images/03manifesto/main/vs9.jpg")}
.mvis_list .vs10{background-image:url("/images/03manifesto/main/vs10.jpg")}


footer{background:#2c2c2c;color:#fff;font-size:14px;padding:30px 6.25%}
footer ul{overflow:hidden}
footer li{float:left;margin:0 20px 0 0}
footer li a{color:#fff}
footer li a:hover,footer li a:focus{text-decoration:underline}
footer li strong{color:#00b3b5}
footer address{font-style:normal;margin:10px 0}
footer address span{padding:0 10px}
footer p{color:#b7b7b7;font-size:13px}

/* Tablet */
@media all and (min-width:768px) {
header h1{padding:15px 0 15px 3.90625%}
header h1 a{width:139px;padding:60px 0 0 0;background-position:0 -60px}
header button{top:55px;right:3.90625%}
.gnb>ul>li>a{font-size: 13px;}
.gnbr>li{margin:0 0 0 30px}
.menu{top:120px}

.mvisual p{display:block}
.mvs_btn{transform:none;margin-left:-350px}
.mvs_list ul{border-radius:0 0 100px 0;overflow:hidden;margin-right:60px}
.m24{padding:30px 130px 30px 250px;margin:0 0 0 3.90625%;border-radius:0 0 0 150px}
.m24 h2{text-align:center;position:absolute;top:50%;left:3.90625%;transform:translate(0, -50%)}
.m24 p{top:50%;right:3.90625%;transform:translate(0, -50%)}
.m24_date{margin:0 0 10px 0}
.m24_list{height:95px;overflow-y:auto}

.mphoto{margin:30px 3.90625%;text-align:left}
.mphoto p{text-align:left}
.mphoto .more{text-align:left}
.mphoto .more li{margin:0 10px 0 0}
.mpht_btn{display:none}
.mpht_list{overflow:unset;margin:30px 0 120px 0;width:auto}
.mpht_list ul{width:auto}
.mpht_list li{float:right;margin:0 0 70px 0;width:329px}
.mpht_list li:nth-child(odd){margin:-120px 0 0 50px}
.mpht_list li a img{height:235px}

.mvision{position:relative}
.mvision>div>div{margin-left:50%;padding:50px 3.90625% 30px 50px;border-radius:100px 0 0 0}
.mvision h2{text-align:left}
.mvis_btn{text-align:left}
.mvis_list>ul>li:before{}
.mvis_list .img{display:block}

footer{padding:30px 3.90625%}
footer li a{font-size:18px}
}
/* Desktop */
@media all and (min-width:1023px) {
header{position:absolute;top:0;left:0;width:100%;min-width:1023px;background:linear-gradient(to top, transparent, rgba(0, 0, 0, .5))}
header>div{width:100%;margin:0 auto;}
header h1{padding:15px 0;}
header h1 a{background-position:0 0; padding: 60px 0 0 0;}
header.on h1 a, header:hover h1 a {background-position: 0 -60px;}
header button{display:none}
.gnb{padding:0;height:40px}
.gnb:before{display:none}
.gnb>ul>li>a{color:#dcdbdb}
.gnbl li a{padding:12px 0 0 0}
.gnbr li a{padding:10px 0 0 0}
.gnbr li.tsitemap{display:block}
.gnbr li.tlogin a:before{background-position:0 0}
.gnbr li.tlogout a:before{background-position:-20px 0}
.gnbr li.tsitemap a:before{background-position:-40px 0}
.gnbr li.tsns>a:before{background-position:-60px 0}
.gnbr li.tsns>a:after{background-position:-80px 0;width: 20px;}
.gnbr li.lang>a:before{background-position:-144px -48px}
.gnbr li.lang>a:after{background-position:-80px 0;width: 20px;}
.gnbr li.tsns.on>a:after{background-position:-100px 0;}
.gnbr li.lang.on>a:after{background-position:-100px 0;}
.tsns div, .lang div{top:35px}
nav{display:block;float:right;margin: -75px 0 0 0;}
nav.on:after{display:none}
.menu{background:none;width:100%;position: static;}
.menu:after{content:"";display:block;clear:both}
.menu>li{float:left;border:none}
.menu>li>a{font-size: 18px;font-weight:300;padding:30px 8px;}
.menu>li>a:after{display:none}
.menu>li>a .new_win{}
.depth_box{background:#0054a6;position:absolute;top:140px;left:0;right:0;padding:15px 0;margin:0;border-radius:0}
.depth_box ul{overflow:hidden;width:1400px;margin:0 auto}
.depth_box li{float:left;margin:0 30px 0 0}
.menu1 .depth_box li:first-child{margin-left:35px;}
.menu2 .depth_box li:first-child{margin-left:65px;}
.menu3 .depth_box li:first-child{margin-left:325px;}
.menu4 .depth_box li:first-child{margin-left:495px;}
.menu5 .depth_box li:first-child{margin-left:680px;}
.menu6 .depth_box li:first-child{margin-left:540px;}
.depth_box li a{line-height: 1.6;}

header.on,header:hover {background:#fff}
header.on h1 a,header:hover h1 a{background-position:0 -60px}
header.on .gnb:before,header:hover .gnb:before{display:block;top:40px}
header.on .gnb>ul>li>a,header:hover .gnb>ul>li>a{color:#363636}
header.on .gnbr li.tlogin a:before, header:hover .gnbr li.tlogin a:before{background-position:-120px 0}
header.on .gnbr li.tlogout a:before, header:hover .gnbr li.tlogout a:before{background-position:-140px 0}
header.on .gnbr li.tsitemap a:before, header:hover .gnbr li.tsitemap a:before{background-position:-160px 0}
header.on .gnbr li.tsns>a:before, header:hover .gnbr li.tsns>a:before{background-position:-180px 0}
header.on .gnbr li.tsns>a:after, header:hover .gnbr li.tsns>a:after{background-position:-200px 0}
header.on .gnbr li.tsns.on>a:after, header:hover .gnbr li.tsns.on>a:after{background-position:-220px 0}
header.on .gnbr li.lang>a:before, header:hover .gnbr li.lang>a:before{background-position:-124px -48px}
header.on .gnbr li.lang>a:after, header:hover .gnbr li.lang>a:after{background-position:-200px 0}
header.on .gnbr li.lang.on>a:after, header:hover .gnbr li.lang.on>a:after{background-position:-220px 0}
header.on .menu>li>a,header:hover .menu>li>a{color:#333}
header.on .menu>li>a:hover,.menu>li>a:focus,header:hover .menu>li>a:hover,.menu>li>a:focus{color:#0054a6}
header.on .menu>li>a .new_win,header:hover .menu>li>a .new_win{background-position:-140px -20px}
}

/* Pc */
@media all and (min-width:1400px) {
.m_container{max-width:1920px; margin:0 auto;}

header{min-width:1400px;}
header>div{width:1400px;margin:0 auto}
header h1{padding:25px 0;float:left}
.gnb{padding:0;height:40px}
.gnbr li.tsitemap{display:block}
.gnbr li.tlogin a:before{background-position:0 0}
.gnbr li.tlogout a:before{background-position:-20px 0}
.gnbr li.tsitemap a:before{background-position:-40px 0}
.gnbr li.tsns>a:before{background-position:-60px 0}
.gnbr li.tsns>a:after{background-position:-80px 0}
.gnbr li.tsns.on>a:after{background-position:-100px 0}
.tsns div{top:35px}
nav{display:block;float:right;margin:25px 0 0 0}
nav.on:after{display:none}
.menu{background:none;width:auto;position:static }
.menu:after{content:"";display:block;clear:both}
.menu>li{float:left;border:none}
.menu>li>a{font-weight:300;padding:30px 20px}
header.on .menu>li>a:hover, .menu>li>a:focus, header:hover .menu>li>a:hover, .menu>li>a:focus {color: #0054a6;}
header.on .menu>li>a, header:hover .menu>li>a {color: #333;}
.menu>li>a:after{display:none}
.menu>li>a .new_win{}
.depth_box{background: #0054a6; position: absolute; top: 150px;  left: 0;  right: 0;  padding: 15px 0;  margin: 0;  border-radius: 0;}
.depth_box ul{overflow:hidden;width:1400px;margin:0 auto}
.depth_box li{float:left;margin:0 30px 0 0}
.menu1 .depth_box li:first-child{margin-left:280px;}
.menu2 .depth_box li:first-child{margin-left:290px;}
.menu3 .depth_box li:first-child{margin-left:560px;}
.menu4 .depth_box li:first-child{margin-left:730px;}
.menu5 .depth_box li:first-child{margin-left:870px;}
.menu6 .depth_box li:first-child{margin-left:830px;}
	
.menu>li:last-child>a{padding: 15px 20px;margin: 15px 0;border-radius: 40px;background: linear-gradient(90deg, #0054a6 0%, #00af9c 100%);;color: #fff!important;}
.menu>li:last-child>a:hover, .menu>li:last-child>a:focus{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.main_con{overflow:hidden}
.mvisual p{font-size:60px;;margin-left:790px}
.mvs_btn{margin-left:-600px}
.mvs_list{width:1400px;margin:0 auto}
.mvs_list ul{border-radius:0 0 200px 0;width:1760px;margin-left:-260px}
.mvs_list ul li img{width:auto}

.m24{width:1400px;padding:40px 280px 40px 445px;margin:0 auto;box-sizing:border-box}
.m24:before{content:"";display:block;position:absolute;top:0;bottom:0;left:50%;right:-50%;background:#0054a6;z-index:-1}
.m24 h2{font-size:40px;left:100px;}
.m24 h2 span{font-size:24px}
.m24 p{right:100px}
.m24 p a{width:90px;padding:35px 0;border-radius:30px}
.m24_date ul{width:90%}
.m24_date li a{width:65px;height:65px;padding:14px 0 0 0}
.m24_date li span{font-size:24px}
.m24_date button{top:20px}

.mphoto{width:1400px;margin:90px auto;position:relative}
.mphoto:after{content:"";display:block;width:220px;height:280px;background:url("/images/03manifesto/main/ico_main.png") no-repeat 0 -120px;position:absolute;top:450px;left:0}
.mphoto h2{font-size:50px;line-height:1.25em}
.mphoto h2 strong{font-size:65px}
.mphoto p{font-size:18px}
.mpht_list{margin:-60px 0 0 540px}
.mpht_list li{width:390px}
.mpht_list li:nth-child(odd){margin:-150px 0 0 80px}
.mpht_list li a i{display:block;overflow:hidden;margin:0 0 10px 0}
.mpht_list li a img{position:static;display:block;height:280px;transition:.5s ease-out}
.mpht_list li a:hover img,.mpht_list li a:focus img{-webkit-transform:scale(1.2);transform:scale(1.2)}

.mvision{min-width:1400px}
.mvision:after{content:"";display:block;background:#e9edf5;position:absolute;top:0;left:50%;right:0;bottom:0;z-index:-1;border-radius:200px 0 0 0}
.mvision>div{width:1400px;margin:0 auto}
.mvision>div:after{content:"";display:block;width:220px;height:280px;background:url("/images/03manifesto/main/ico_main.png") no-repeat -220px -120px;position:absolute;top:20px;left:50%;margin-left:420px}
.mvision>div>div{border-radius:200px 0 0 0;padding:80px 0 50px 130px;margin-left:490px}
.mvision h2{font-size:36px}
.mvision h2 strong{font-size:50px}
.mvis_btn{margin:20px 0}
.mvis_list>ul>li:before{top:-230px;border-radius:0 200px 0 0;right:45%}
.mvis_list>ul>li:after{content:"";display:block;clear:both}
.mvis_list ul ul{float:right;width:calc(50% - 30px);margin:20px 0 0 0}
.mvis_list li li{margin:20px 0}
.mvis_list li p{float:left;width:calc(50% - 30px);position:relative;min-height:135px}
.mvis_list li p:after{position:absolute;top:-20px;bottom:-20px;right:-30px;margin:0;border-left:1px dashed #e9edf5;border-bottom:none}
.mvis_list li p em{font-size:80px}
.mvis_list li p strong{font-size:36px;margin:-50px 0 0 20px}
.mvis_list .img{top:-230px;border-radius:0 200px 0 0;right:45%}   

footer{padding:40px 0}
footer>div{width:1400px;margin:0 auto}
}                                                   

/****** sub layout ******/
.sub_container{position: relative;background: url(/images/03manifesto/common/sub_bg.jpg) no-repeat top;background-size: 150%;padding-top: 20px;}

.s_title{position: relative;}
.s_title h3::before, .s_title h3::after {content: ''; background: url(/images/03manifesto/common/grass.png) no-repeat center; width:30px; height: 25px; position: absolute; top: -20px; left: 20px; background-size: 100%;}
.s_title h3{position: relative; max-width: 200px; margin: 25% auto 20px 20px; display: block; background-color: #13a0a2; border-radius: 50px 5px 50px 5px; color: #fff; width: 40%; padding: 40px 20px; text-align: center;word-break: keep-all;}
.s_title h3::after {top: -15px; right: 25px; left: auto;width: 20px; height: 20px;}
.s_title .local{margin-top: 70px;margin-left: 20px; padding-top: 20px; box-shadow: -5px -5px 10px rgba(0,0,0,.02); border-radius: 30px 0 0 0;}
.s_title .local>ul{position: relative;margin: 0 20px;font-size: 0;border-bottom: 1px solid #eee; padding-bottom: 20px;}
.s_title .local>ul>li{display: inline-block;}
.s_title .local>ul>li:last-of-type>a {color: #008789; font-weight: 300;}
.s_title .local>ul>li:after{display: inline-block;content: ">";color: #666;margin: 0 10px;font-size: 14px; font-weight: 100;}
.s_title .local>ul>li:last-child:after{display: none;}
.s_title .local li a{display: inline-block;color: #666;font-size: 14px;font-weight: 100;}
.s_title .local .home a{width: 16px;height: 16px;background: url("/images/03manifestoo.png") no-repeat top center;font-size: 0;}
.s_title .local .navi div{display: none;position: absolute;left: 0;width: 100%;text-align: left;background: #fff;border-radius: 10px;padding: 20px;box-sizing: border-box;box-shadow: 0 0 10px rgba(16, 109, 104, 0.1);}
.s_title .local .navi div.on{display: block;}
.s_title .local .navi div li{margin-top: 8px;padding-bottom: 8px;border-bottom: 1px dashed #eeeeee;}
.s_title .local .navi div li:first-child{margin-top: 0;}
.s_title .local .navi div button{position: absolute;width: 40px;height: 40px;border-radius: 100%;background: url("/images/03manifestoo.png") no-repeat center -654px #008789;font-size: 0;padding: 0;margin: 0;right: 0;bottom: -45px; box-shadow: 0 0 10px rgba(11, 48, 76, 0.6);}
.s_title .utill{position: absolute;right: 65px;top:125px;}
.s_title .utill li{display: inline-block;}
.s_title .utill li button{width: 40px;height: 40px;padding: 0;margin: 0;font-size: 0;border-radius: 100%;background: url("/images/03manifestoo.png") no-repeat center -16px #fff;box-shadow: 0 0 10px rgba(76, 76, 76, 0.3);}
.s_title .utill li.down button{background-position: center -96px;}
.s_title .utill li.print button{background-position: center -216px;background-color: #008789;}
.s_title .utill li.url button{background-position: center -296px;background-color: #0054a6;}
.s_title .share{position: absolute;top: 125px;right: 20px;}
.s_title .share button, .s_title .share a{display: block;width: 40px;height: 40px;padding: 0;margin: 0;font-size: 0;border-radius: 100%;background: url("../images/03manifestoo.png") no-repeat center -336px #ededed;box-shadow: 0 0 10px rgba(219,219,219,.2);}
.s_title .share div{display: none;position: absolute;z-index: 1;}
.s_title .share div.on{display: block;}
.s_title .share div li{margin: 4px 0;}
.s_title .share .face a{background-position: center -416px;}
.s_title .share .kakao a{background-position: center -456px;}
.s_title .share .story a{background-position: center -496px;}
.s_title .share .band a{background-position: center -536px;}
.s_title .share .ins a{background-position: center -576px;}
.s_title .share div button{background-position: center -616px;}
.s_con{margin: 40px 0 40px 40px;}
.scon_bottom{margin: 20px;}

@media all and (min-width:768px) {
.sub_container {background-size: 1022px;}
.s_title .local .navi div{left: auto;width: 200px;}
.s_title h3 {padding: 55px 10px;border-radius: 60px 5px;position: relative;top:-60px;z-index: 1;}
.s_title .utill {top: -60px; right: 20px;}
.s_title .local::before {content: ''; width: 20px; height: 58px; position: absolute; left: -18px; z-index: 0; background-color: #fff;border-bottom: 1px solid #eee;}
.s_title .local {background-color: #fff; padding-top: 0; position: absolute; top: -3px; left: 220px;margin-top: 0; box-shadow: none; width: calc(100% - 226px); border-radius: 0;}
.s_title .local::after {content: ''; background-color: #eee; width: 100%; height: 1px; display: block;margin-left: -3px;}
.s_title .local>ul {border-bottom: 0; padding-top: 20px;}
.s_title .share {top: 7px;}
}

@media all and (min-width:1023px) {
.sub_container:before{position: absolute;top: 0;left: 0;width: 100%;height: 100px;content: "";background: #eff8fe;z-index: -1;}
.sub_container {background-size: 1920px;}
.sub_container::after {content: ''; background: url(/images/03manifesto/common/sub_round.png) no-repeat center; width: 174px; height: 154px; left: 0; top: 36.68%; position: absolute;}
.s_content{max-width: 1400px;margin: 0 auto;}
.s_title h3 {margin: 0;padding: 70px 30px; border-radius: 90px 5px;top: 345px;}
.s_title h3::before {left: 50px;}
.s_title .local::before {width: 75px;height: 58px;left: -40px;}
.s_title .local {top: 422px;left: 258px;width: 100%; margin-left: 25px;}
.s_title .utill {top: 365px; right: 0;}
.s_title .share {top: 433px; right: 0;}
.s_con {margin-top: 390px;}
.scon_bottom{margin: 0 0 40px;}
}

/* 공공누리 */
.license{background: #f5f5f5;padding:20px;margin-bottom: 20px;text-align:center;border-radius: 50px 10px 10px 10px;word-break: keep-all;}
.license div{display:block;margin:0 0 10px 0}
.license p a {font-weight: 100;}
.license p em{font-style:normal;font-weight:300;vertical-align: baseline;}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left}
.license div{float:left;margin:0}
.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}

/* 콘텐츠담당자 */
.manager{background:#f5f5f5;padding:20px;border-radius: 10px 10px 0 0;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li{margin:0 0 5px 0; font-weight: 100;}
.manager li:before{display: inline-block;width: 22px;height: 22px;content: "";background: url("/images/03manifestoo.png") no-repeat center -694px;margin-right: 4px;vertical-align: middle;}
.manager li.tel:before{background-position: center -716px;}
.manager li strong{font-weight: 300;}
.manager p {font-weight: 100;}
.manager p>strong {font-weight: 300;vertical-align: baseline;}
@media all and (min-width:768px) {
.manager{position:relative}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 5px 0;}
}
@media all and (min-width:1023px) {
.manager p{position:absolute;bottom:20px;right:20px}
.manager li{margin:0 30px 0 0}
}

/* 만족도조사 */
.research{border:5px solid #f5f5f5;padding:20px;border-radius: 0 0 10px 10px;}
.research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.research p{margin:0 0 10px 0}
.research li{line-height:1.5em}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #ddd;width:100%;height:30px;box-sizing:border-box;border-radius: 3px;}
.research input[type=submit]{background:#0054a6;color:#fff;width:100%;height:30px;border-radius: 3px;}
.research label{color:#000;margin-right:20px;font-size: 14px;}
.research a.btn_bbsw{width:100%;padding:9px 0 0 0;margin:5px 0 0 0;text-align:center}
@media all and (min-width:768px) {
.research{padding:25px;position:relative}
.research input[type=text]{width:calc(100% - 120px)}
.research input[type=submit]{width:100px}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}
}
@media all and (min-width:1023px) {
.research ul{overflow:hidden}
.research li{float:left;width:50%}
.research li:first-child{padding:5px 0 0 0;margin:0}
}

/*translated-ltr*/
.translated-ltr font{word-break: break-all;}
@media all and (max-width:525px) {
.translated-ltr .gnb{height: 60px;}
.translated-ltr .gnb:before{top: 59px;}
.translated-ltr header button{top: 75px;}
}
@media all and (min-width:1023px) {
.translated-ltr .menu>li>a{padding-bottom: 0;max-width: 110px;font-size: 16px;}
.translated-ltr .menu>li:last-child>a{min-height: 52px;box-sizing: border-box;}
}
@media all and (min-width:1400px) {
.translated-ltr .menu>li>a{max-width: 150px;}
}