@charset "utf-8";


/*************************************************************
 
    web font

**************************************************************/


/* 푸른전남체 */
@font-face {
    font-family: 'PurenJeonnam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/PureunJeonnam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* G마켓산스 */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Pretendard */
 @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* Roboto */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
 /* Noto Sans Korean */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');





 
/*************************************************************
 
    전체

**************************************************************/
* {font-family:'Pretendard','Noto Sans KR','Roboto',"Malgun Gothic",sans-serif; margin:0; padding:0; letter-spacing:-0.02em; box-sizing:border-box;}
html {font-size: 100%; scroll-behavior: smooth; list-style:none; overflow-x:none;}
body {width: 100%; height: 100%; font-size: 1rem; color: #333; font-weight: 400; line-height: 1.5; word-break: keep-all; overflow-x: hidden; overflow-y:auto;}
body{max-width: 1920px;margin: auto;}
body::-webkit-scrollbar {width:12px;}
body::-webkit-scrollbar-thumb {background:#999; border-radius:20px;}
body::-webkit-scrollbar-track {background:#fefefe;}
dl, dt, dd, ol, ul, li {margin: 0; padding: 0; border: 0; font-style:normal;}
ol, ul, dl, li {list-style: none;}
img{border:0 none; vertical-align:top;}
a {outline: 0; text-decoration: none;}

/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* form */
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:7px; font-weight:inherit; border:1px solid #cccccc; border-radius:2px; outline-style:none; line-height:13px; color:#353535;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
input[type="file"] { overflow:hidden; max-width:100%; }
input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px; }
textarea, input, select { vertical-align:middle; }
textarea { resize:none; line-height:1.2em; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; }
button::-moz-focus-inner { padding:0; border:0; }
label { margin:0; display:inline-block; min-height:29px; line-height:29px; vertical-align:middle; }
input[type="radio"],
input[type="checkbox"] { margin:0 7px 0 0; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }




/*************************************************************
 
    도지사 사진영역

**************************************************************/

botton{cursor: pointer;}

.main_visual {background:url(/home/site/cyber/img/2022/main/mv_bg01.jpg) no-repeat center;}
.main_visual .mv_governor {display:flex; justify-content: flex-end;}
.main_visual .mv_governor .mvg_left {margin-right:52px; padding-top:90px;}
.main_visual .mv_governor .mvg_left .mvgl_text {margin-bottom:90px;}
.main_visual .mv_governor .mvg_left .mvgl_text_m {display:none;}
.main_visual .mv_governor .mvg_left .mvgl_btn {background: url(/home/site/cyber/img/2022/main/mv_btn_bg.png) no-repeat right bottom, linear-gradient(39deg, #27c324, #005fd5); padding:50px 0; border-radius:25px; width:286px; box-shadow:0px 10px 30px 7px rgba(0,0, 0, .3);}
.main_visual .mv_governor .mvg_left .mvgl_btn button {display:block; width:98px; text-align:left; padding-left:39px; font-size:23px; color:#fff; font-weight:700; background:none; border:none;}
.main_visual .mv_governor .mvg_right {}
.main_visual .mv_governor .mvg_right img {border-top-left-radius:25px; border-bottom-left-radius:25px;}



@media screen and (max-width:1800px) {
    .main_visual .mv_governor .mvg_left {margin-right:40px;}
    .main_visual .mv_governor .mvg_right {margin-right:-7%;}
}

@media screen and (max-width:1700px) {
    .main_visual .mv_governor .mvg_left {margin-right:40px; padding-top:110px;}
    .main_visual .mv_governor .mvg_left .mvgl_text img {width:370px;}

    .main_visual .mv_governor .mvg_right {margin-right:-13%;}
}

@media screen and (max-width:1600px) {
    .main_visual .mv_governor {margin-left:6.5%;}
    .main_visual .mv_governor .mvg_left {margin-right:40px; padding-top:70px;}
    .main_visual .mv_governor .mvg_left .mvgl_text {margin-bottom:60px;}
    .main_visual .mv_governor .mvg_left .mvgl_text img {width:100%;}
    .main_visual .mv_governor .mvg_left .mvgl_btn {padding:28px 0; background: url(/home/site/cyber/img/2022/main/mv_btn_bg01.png) no-repeat right center, linear-gradient(39deg, #27c324, #005fd5); width:80%;}

    .main_visual .mv_governor .mvg_right {margin-right:0%;}
    .main_visual .mv_governor .mvg_right img {width:100%;}
}

@media screen and (max-width:1350px) {
    .main_visual .mv_governor .mvg_left .mvgl_text {margin-bottom:50px;}
    .main_visual .mv_governor .mvg_left .mvgl_btn {width:85%; border-radius:20px; background: url(/home/site/cyber/img/2022/main/mv_btn_bg01.png) no-repeat right center / 95px, linear-gradient(39deg, #27c324, #005fd5);}
    .main_visual .mv_governor .mvg_left .mvgl_btn button {width:70px; padding-left:25px; font-size:20px;}

    .main_visual .mv_governor .mvg_right {margin-right:-2.5vw;}
    .main_visual .mv_governor .mvg_right img {width:920px;}
}

@media screen and (max-width:1270px) {
    .main_visual .mv_governor .mvg_right {margin-right:-9.5vw;}
}

@media screen and (max-width:1200px) {
    .main_visual .mv_governor {margin-left:2.5%;}
    .main_visual .mv_governor .mvg_left {margin-right:20px; padding-top:50px;}
}

@media screen and (max-width:1130px) {
    .main_visual .mv_governor .mvg_left {padding-top:5.5vw;}
    .main_visual .mv_governor .mvg_right {margin-right:-14vw;}
}

@media screen and (max-width:1090px) {
    .main_visual {background-size:100%;}
    .main_visual .mv_governor {margin-left:20px;}

    .main_visual .mv_governor .mvg_left {margin-right:10px; padding-top:6.8vw;}
    .main_visual .mv_governor .mvg_left .mvgl_text {margin-bottom:4.8vw;}
    .main_visual .mv_governor .mvg_left .mvgl_text img {width:95%;}
    
    .main_visual .mv_governor .mvg_left .mvgl_btn {width:92%; border-radius:15px; padding:24px 0;}
    .main_visual .mv_governor .mvg_left .mvgl_btn button {width:70px; padding-left:30px; font-size:20px;}

    .main_visual .mv_governor .mvg_right {margin-right:-15.5vw;}
    .main_visual .mv_governor .mvg_right img {width:900px;}
}

@media screen and (max-width:1020px) {
    .main_visual {background-size:100%;}
    .main_visual .mv_governor {margin-left:25px;}

    .main_visual .mv_governor .mvg_left {margin-right:10px; padding-top:7.6vw;}
    .main_visual .mv_governor .mvg_left .mvgl_text {margin-bottom:6.8vw;}
    
    .main_visual .mv_governor .mvg_left .mvgl_btn {width:87%; border-radius:15px; padding:24px 0;}
    .main_visual .mv_governor .mvg_left .mvgl_btn button {width:70px; padding-left:30px; font-size:18px; background-position:right bottom;}

    .main_visual .mv_governor .mvg_right {margin-right:-19vw;}
    .main_visual .mv_governor .mvg_right img {width:880px;}
}

@media screen and (max-width:950px) {
    .main_visual .mv_governor .mvg_left .mvgl_btn {width:95%;}
    .main_visual .mv_governor .mvg_right {margin-right:-24vw;}
    .main_visual .mv_governor .mvg_right img {width:860px;}
}

@media screen and (max-width:890px) {
    .main_visual .mv_governor .mvg_right {margin-right:-30vw;}
    .main_visual .mv_governor .mvg_right img {width:840px;}
}

@media screen and (max-width:860px) {
    .main_visual {width:100%; background:none;}
    .main_visual .mv_governor {display:block; margin:0;}

    .main_visual .mv_governor .mvg_left {display:flex; justify-content:space-between; align-items: center; margin:0; padding:20px 20px; background:url(/home/site/cyber/img/2022/main/mv_bg01.jpg) no-repeat; background-size:100%; background-position:-10px -40px;}
    .main_visual .mv_governor .mvg_left .mvgl_text {display:none;}
    .main_visual .mv_governor .mvg_left .mvgl_text_m {display:block; margin:0px; padding:0;}
    .main_visual .mv_governor .mvg_left .mvgl_text_m img {width:300px;}
    .main_visual .mv_governor .mvg_left .mvgl_btn {padding:18px 0; border-radius:15px; width:250px; box-shadow:0px 2px 10px 2px rgba(0,0, 0, .2);}
    .main_visual .mv_governor .mvg_left .mvgl_btn button {font-size:16px;}

    .main_visual .mv_governor .mvg_right {margin:0; padding:0;}
    .main_visual .mv_governor .mvg_right img {width:840px; border-radius:0px;}
}

@media screen and (max-width:640px) {
    .main_visual .mv_governor .mvg_left {padding:12px 20px;}
    .main_visual .mv_governor .mvg_left .mvgl_btn {width: 200px;padding:12px 0;border-radius:10px;background: url(/home/site/cyber/img/2022/main/mv_btn_bg01.png) no-repeat right center / 75px, linear-gradient(39deg, #27c324, #005fd5);}
    .main_visual .mv_governor .mvg_left .mvgl_btn button {padding-left:20px; font-weight:500; font-size:15px;}

    .main_visual .mv_governor .mvg_left .mvgl_text_m img {width:240px;}

    .main_visual .mv_governor .mvg_right img {width:100%;}
}

@media screen and (max-width:460px) {
    .main_visual .mv_governor .mvg_left {flex-wrap: wrap;}
    .main_visual .mv_governor .mvg_left div {flex: 1 1 40%;}
    .main_visual .mv_governor .mvg_left a {width:100%;}
    .main_visual .mv_governor .mvg_left a .mvgl_btn {width: 100%;background: url(/home/site/cyber/img/2022/main/mv_btn_bg01.png) no-repeat right center / 55px, linear-gradient(39deg, #27c324, #005fd5);}
    .main_visual .mv_governor .mvg_left a .mvgl_btn button {font-size: 14px;width:100%;}

    .main_visual .mv_governor .mvg_left .mvgl_text_m {margin-right:0px;}
    .main_visual .mv_governor .mvg_left .mvgl_text_m img {width: 220px;padding-bottom:10px;float:right;}
}













/*************************************************************
 
    스케줄 배너(schebule banner)

**************************************************************/

/* text */
.main_schebule {display:flex; justify-content: flex-end; align-items:center; margin:47px 0 43px 0;}
.main_schebule .ms_btext {display:flex; align-items:center; margin-right:22px;}
.main_schebule .ms_btext div h2 {font-family:'GmarketSansMedium'; font-weight:bolder; font-size:40px; color:#000;}
.main_schebule .ms_btext div p {font-size:24px; font-weight:500; margin-left:29px; color:#000;}
.main_schebule .ms_btext div p span {font-weight:800;}

/* btn */
.main_schebule .ms_banner .ms01_ctr {}
.main_schebule .ms_banner .ms01_ctr button {background:none; border:none; padding:0 3px;}
.main_schebule .ms_banner .ms01_ctr button.back {padding-left:0; display: inline-block !important;}
.main_schebule .ms_banner .ms01_ctr button.next {padding-left:4px; display: inline-block !important;}


/* banner */
.main_schebule .ms_banner {display:flex; justify-content: space-between; align-items:center; width:1300px;}
.main_schebule .ms_banner .msb_area {}
.main_schebule .ms_banner .msb_area .caroufredsel_wrapper {width:1200px !important; height:55px !important;}

.main_schebule .ms_banner .msb_area .msb_date {display:flex; *zoom:1;}
.main_schebule .ms_banner .msb_area .msb_date .msbd_day {margin-right:50px;}
.main_schebule .ms_banner .msb_area .msb_date .msbd_day a {color: #000; font-weight:500;}
.main_schebule .ms_banner .msb_area .msb_date .msbd_day a:hover {text-decoration:underline;}

.main_schebule .ms_banner .msb_area .msb_date .msbd_day a h4 {font-size:20px;}
.main_schebule .ms_banner .msb_area .msb_date .msbd_day a p {font-size:16px; color:#888;}
.main_schebule .ms_banner .msb_area .msb_date .msbd_day a p.no_sc {font-size:20px; color: #000; margin-top:12px;}


@media screen and (max-width:1800px) {
    .main_schebule .ms_banner {width:1170px;}
    .main_schebule .ms_banner .msb_area .caroufredsel_wrapper {width:1070px !important; height:52px !important;}
}

@media screen and (max-width:1700px) {
    .main_schebule .ms_banner {width:1080px;}
    .main_schebule .ms_banner .msb_area .caroufredsel_wrapper {width:985px !important; height:50px !important;}
}

@media screen and (max-width:1600px) {
    .main_schebule {margin:44px 0 40px 6.5%;}
    .main_schebule .ms_btext {width:42%; margin-right:0;}
    .main_schebule .ms_btext div p {margin-left:1.3vw;}

    .main_schebule .ms_banner {width:90%;}
    .main_schebule .ms_banner .msb_area {width:90%;}
    .main_schebule .ms_banner .msb_area .caroufredsel_wrapper {width:100% !important;}

    .main_schebule .ms_banner .ms01_ctr {width:8.5%;}
    .main_schebule .ms_banner .ms01_ctr button {padding:0 2px;}
    .main_schebule .ms_banner .ms01_ctr button img {width:90%;}
}

@media screen and (max-width:1450px) {
    .main_schebule .ms_banner {width:85%;}
    .main_schebule .ms_banner .ms01_ctr {width:10%;}
    .main_schebule .ms_banner .ms01_ctr button img {width:80%;}
}

@media screen and (max-width:1350px) {
    .main_schebule {margin:30px 0; padding-left:6.5%;}
    .main_schebule .ms_btext div h2 {font-size:35px;}
    .main_schebule .ms_btext div p {font-size:19px; margin-left:1.0vw;}

    .main_schebule .ms_banner {width:96%;}
    .main_schebule .ms_banner .msb_area {width:90%;}

    .main_schebule .ms_banner .msb_area .msb_date .msbd_day {margin-right:40px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a h4 {font-size:18px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p {font-size:15px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p.no_sc {font-size:18px;}
}

@media screen and (max-width:1230px) {
    .main_schebule .ms_banner {width:90%;}
    .main_schebule .ms_banner .msb_area {width:90%;}
    .main_schebule .ms_banner .ms01_ctr {width:12%;}
}

@media screen and (max-width:1200px) {
    .main_schebule {margin:30px 0; padding-left:2.5%;}
    .main_schebule .ms_btext {display: block; text-align:center;}
    .main_schebule .ms_btext div p {margin-left:0; margin-top:-10px;}

    .main_schebule .ms_banner {width:120%;}
    .main_schebule .ms_banner .msb_area {width:90%;}
}

@media screen and (max-width:1090px) {
    .main_schebule {margin:26px 0; padding-left:20px;}
    .main_schebule .ms_btext div h2 {font-size:30px;}
    .main_schebule .ms_btext div p {font-size:18px;}

    .main_schebule .ms_banner .ms01_ctr {width:15%;}

    .main_schebule .ms_banner {width:130%;}
    .main_schebule .ms_banner .msb_area {width:88%;}
    .main_schebule .ms_banner .msb_area .caroufredsel_wrapper {height:45px !important;}

    .main_schebule .ms_banner .msb_area .msb_date .msbd_day {margin-right:36px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a h4 {font-size:17px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p {font-size:14px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p.no_sc {font-size:17px;}
}

@media screen and (max-width:860px) {
    .main_schebule .ms_btext {text-align:left;}
    .main_schebule .ms_btext div h2 {font-size:24px;}
    .main_schebule .ms_btext div p {font-size:16px; margin-top:-5px;}

    .main_schebule .ms_banner .ms01_ctr {width:15%;}

    .main_schebule .ms_banner {width:150%;}
    .main_schebule .ms_banner .msb_area {width:86%;}
    .main_schebule .ms_banner .msb_area .caroufredsel_wrapper {height:45px !important;}

    .main_schebule .ms_banner .msb_area .msb_date .msbd_day {margin-right:30px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a h4 {font-size:16px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p {font-size:13px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p.no_sc {font-size:16px;}
}

@media screen and (max-width:740px) {
    .main_schebule .ms_banner .ms01_ctr {width:20%;}
    .main_schebule .ms_banner .ms01_ctr button img {width:75%;}

    .main_schebule .ms_banner {width:130%;}
    .main_schebule .ms_banner .msb_area {width:82%;}
}

@media screen and (max-width:640px) {
    .main_schebule {display:block; margin:30px 20px; padding-left:0;}

    .main_schebule .ms_btext {width:100%; display:flex; align-content: center;}
    .main_schebule .ms_btext div h2 {font-size:20px;}
    .main_schebule .ms_btext div p {font-size:14px; border:1px solid #ddd; width:130px; text-align:center; border-radius:50px; padding:5px 0; margin-left:15px;}

    .main_schebule .ms_banner {display: block; width:100%;}
    .main_schebule .ms_banner .ms01_ctr {width:100%; text-align:right; margin-bottom:25px; margin-top:-25px;}
    .main_schebule .ms_banner .msb_area {width:100%;}

    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a h4 {font-size:15px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p {font-size:12px;}
    .main_schebule .ms_banner .msb_area .msb_date .msbd_day a p.no_sc {font-size:15px;}
}

@media screen and (max-width:460px) {
    .main_schebule .ms_btext {display:block;}
    .main_schebule .ms_btext div p {margin-left:0px; margin-top:10px;}

    .main_schebule .ms_banner {display: block;}
    .main_schebule .ms_banner .ms01_ctr {margin-bottom:25px; margin-top:-28px;}
}









/*************************************************************
 
    현장스케치 영역

**************************************************************/

.main_sketch {position:relative; background:url(/home/site/cyber/img/2022/main/sketch_bg.jpg) no-repeat center bottom, linear-gradient(39deg, #27c324, #005fd5); height:590px; padding:0 150px;}
.main_sketch .ms_site {display:flex; align-items: center; justify-content: space-between; padding-top:58px;}
.main_sketch .ms_site .mss_text {display:flex; align-items: center; color:#fff;}
.main_sketch .ms_site .mss_text h2 {font-family:'GmarketSansMedium'; font-size:40px; font-weight:bold;}
.main_sketch .ms_site .mss_text p {font-size:20px; margin-left:23px;}

.main_sketch .ms_site .mss_btn {}
.main_sketch .ms_site .mss_btn ul {display:flex;}
.main_sketch .ms_site .mss_btn ul li {padding:0 5px;}
.main_sketch .ms_site .mss_btn ul li:first-child {padding-left:0;}
.main_sketch .ms_site .mss_btn ul li:last-child {padding-right:0;}
.main_sketch .ms_site .mss_btn ul li button {background:none; border:none;}


.main_sketch .mss_area {margin-top:42px; *zoom:1;}
.main_sketch .mss_area .caroufredsel_wrapper {width:100% !important; height:390px !important;}
.main_sketch .mss_area ul {display:flex;  height:auto !important;}
.main_sketch .mss_area ul li {width:370px; margin-right:41px; box-shadow:0px 10px 10px 3px rgba(0,0, 0, .2); border-radius:20px;}
.main_sketch .mss_area ul li a {}
.main_sketch .mss_area ul li:hover {transform: translate(0px, 10px); transition:.5s;}
.main_sketch .mss_area ul li a img {border-top-left-radius:15px; border-top-right-radius:15px; width:100%; height:202px;}

/* 221018 */

.main_sketch .mss_area ul li a div {color: #000;padding: 22px 50px 30px 40px;background:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height: 170px;}
.main_sketch .mss_area ul li a div h3 {font-size:19px; font-weight:700; margin-bottom:7px;}
.main_sketch .mss_area ul li a div p {font-size:16px; font-weight:400; color:#666;}
.main_sketch .mss_area ul li a div p.mssb_con {color: #000; margin-bottom:10px;}


@media screen and (max-width:1600px) {
    .main_sketch {padding:0 6.5%;}
}

@media screen and (max-width:1350px) {
    .main_sketch {height:550px;}
    .main_sketch .ms_site {padding-top:50px;}
    .main_sketch .ms_site .mss_text {display:block;}
    .main_sketch .ms_site .mss_text h2 {font-size:35px;}
    .main_sketch .ms_site .mss_text p {font-size:19px; margin-left:0px;}
    .main_sketch .ms_site .mss_btn ul li button img {width:55px;}

    .main_sketch .mss_area {margin-top:32px;}
    .main_sketch .mss_area .caroufredsel_wrapper {height:360px !important;}
    .main_sketch .mss_area ul li {width:330px; height:335px; margin-right:35px;}
    .main_sketch .mss_area ul li a img {width:330px; height:180px;}
    .main_sketch .mss_area ul li a div {padding: 18px 40px 28px 30px; height:160px;}
    .main_sketch .mss_area ul li a div h3 {font-size:18px; margin-bottom:6px;}
    .main_sketch .mss_area ul li a div p {font-size:15px;}
    .main_sketch .mss_area ul li a div p.mssb_con {color: #000; margin-bottom:9px;}
}

@media screen and (max-width:1200px) {
    .main_sketch {padding:0 6.5% 0 2.5%; height:500px;}
    .main_sketch .ms_site {padding-top:40px;}
    .main_sketch .ms_site .mss_btn ul li button img {width:50px;}

    .main_sketch .mss_area {margin-top:40px;}
    .main_sketch .mss_area .caroufredsel_wrapper {height:360px !important;}
    .main_sketch .mss_area ul li {width:290px; height:310px; margin-right:26px;}
    .main_sketch .mss_area ul li a img {width:290px; height:158px;}
    .main_sketch .mss_area ul li a div {padding: 18px 10px 28px 20px; height:150px;}
}

@media screen and (max-width:1090px) {
    .main_sketch {padding:0 20px; height:470px;}
    .main_sketch .ms_site {padding-top:30px;}
    .main_sketch .ms_site .mss_text h2 {font-size:30px;}
    .main_sketch .ms_site .mss_text p {font-size:18px;}

    .main_sketch .mss_area {margin-top:35px;}
    .main_sketch .mss_area .caroufredsel_wrapper {height:320px !important;}
    .main_sketch .mss_area ul li {width:280px; height:286px; margin-right:25px; border-radius:15px;}
    .main_sketch .mss_area ul li a img {width:280px; height:153px;}
    .main_sketch .mss_area ul li a div {padding: 15px 10px 18px 20px;}
    .main_sketch .mss_area ul li a div h3 {font-size:17px; margin-bottom:4px;}
    .main_sketch .mss_area ul li a div p {font-size:14px;}
    .main_sketch .mss_area ul li a div p.mssb_con {margin-bottom:7px;}
}

@media screen and (max-width:860px) {
    .main_sketch .ms_site .mss_text h2 {font-size:24px;}
    .main_sketch .ms_site .mss_text p {font-size:16px;}

    .main_sketch .ms_site .mss_btn ul li {padding:0 4px;}
    .main_sketch .ms_site .mss_btn ul li button img {width:40px;}

    .main_sketch .mss_area {margin-top:30px;}
    .main_sketch .mss_area ul li a div {padding: 20px; height:135px;}
    .main_sketch .mss_area ul li a div h3 {font-size:16px;}
    .main_sketch .mss_area ul li a div p {font-size:13px;}
    .main_sketch .mss_area ul li a div p.mssb_con {margin-bottom:6px;}
}

@media screen and (max-width:640px) {
    .main_sketch {height:435px;}
    .main_sketch .ms_site .mss_text h2 {font-size:20px;}
    .main_sketch .ms_site .mss_text p {font-size:14px;}

    .main_sketch .ms_site .mss_btn ul li {padding:0 3px;}
    .main_sketch .ms_site .mss_btn ul li button img {width:30px;}
}

@media screen and (max-width:460px) {
    .main_sketch {height:500px;}
    .main_sketch .ms_site {display: block;}
    .main_sketch .ms_site .mss_btn {margin-top:5px;}
}



/* 221018 */







/*************************************************************
 
    민선8기 도정 운영전략

**************************************************************/

.main_strategy {display:flex; padding:0 150px; align-items: center; margin:60px 0;}
.main_strategy div {}

.main_strategy .mst_left {width:30%;padding-left:6px;margin-right: 5px;color:#000;font-weight:bolder;}
.main_strategy .mst_left h3 {font-family:'GmarketSansMedium'; font-size:40px;}
.main_strategy .mst_left h2 {font-family:'GmarketSansMedium'; font-size:50px;}
.main_strategy .mst_left p {color:#2a2a2a; font-size:20px; text-align:left; font-weight:500; margin-top:12px; width:60%;}
.main_strategy .mst_left button {background:url(/home/site/cyber/img/2022/main/strategy_btn_icon.png) no-repeat 177px center, #005fd5; border-radius:50px; border:none; margin-top:57px; padding:22px 30px; width:220px; font-size:20px; color:#fff; text-align:left;}

.main_strategy .mst_right {width: 1300px;height:480px;overflow-y:auto;padding:20px;}
.main_strategy .mst_right::-webkit-scrollbar {width:10px;}
.main_strategy .mst_right::-webkit-scrollbar-thumb {background:#666; border-radius:20px;}
.main_strategy .mst_right::-webkit-scrollbar-track {background:#ddd; border-radius:20px;}

.main_strategy .mst_right .mstr_op {}
.main_strategy .mst_right .mstr_op .mstr_oplist {display:flex; align-items: center; margin-bottom:15px;}
.main_strategy .mst_right .mstr_op .mstr_oplist:last-child {margin-bottom:0;}
.main_strategy .mst_right .mstr_op .mstr_oplist img {border-radius:15px; margin-right:66px;}

.main_strategy .mst_right .mstr_op .mstr_oplist ul {display:flex; align-items: flex-start; color:#000;}
.main_strategy .mst_right .mstr_op .mstr_oplist ul li:first-child {font-style:oblique; font-size:35px; margin-right:18px;}
.main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child {margin-top:9px;}
.main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 {font-size:25px; font-weight:800;}
.main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 span {color:#005fd5;}
.main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child p {font-size:19px; margin-top:10px; width:80%;}


@media screen and (max-width:1600px) {
    .main_strategy {padding:0 6.5%;}
    .main_strategy .mst_left p {width:70%;}
}

@media screen and (max-width:1350px) {
    .main_strategy {margin:50px 0;}
    .main_strategy .mst_left h3 {font-size:35px;}
    .main_strategy .mst_left h2 {font-size:45px;}
    .main_strategy .mst_left p {font-size:18px; width:90%;}
    .main_strategy .mst_left button {background-position:160px center; margin-top:50px; padding:20px 26px; width:200px; font-size:18px;}

    .main_strategy .mst_right {width:920px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist img {margin-right:30px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:first-child {font-size:30px; margin-right:15px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child {margin-top:5px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 {font-size:23px}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child p {font-size:17px; margin-top:10px; width:100%;}

}

@media screen and (max-width:1200px) {
    .main_strategy {padding:0 6.5% 0 2.5%;}
    .main_strategy .mst_left p {width:90%;}
}

@media screen and (max-width:1090px) {
    .main_strategy {margin:30px 0; padding:0 20px;}
    .main_strategy .mst_left h3 {font-size:30px;}
    .main_strategy .mst_left h2 {font-size:40px;}
    .main_strategy .mst_left p {width:94%;}
    .main_strategy .mst_left button {background-position:135px center; margin-top:35px; padding:15px 20px; width:170px; font-size:16px;}

    .main_strategy .mst_left {width:50%;}
    .main_strategy .mst_right {width:980px; height:480px; padding:15px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist img {margin-right:20px; width:210px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:first-child {font-size:25px; margin-right:15px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child {margin-top:3px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 {font-size:20px}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child p {font-size:16px; margin-top:5px; width:100%;}
}

@media screen and (max-width:860px) {
    .main_strategy {display:block;}

    .main_strategy .mst_left {width: 100%;}
    .main_strategy .mst_left h3 {font-size:24px;}
    .main_strategy .mst_left h2 {font-size:34px;}
    .main_strategy .mst_left p {font-size:16px; width:100%;}
    
    .main_strategy .mst_left button {float:right; margin-top:-109px;}

    .main_strategy .mst_right {width:100%;height: 100%;overflow-y:auto;padding:0px;margin-top:30px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist img {margin-right:30px; width:210px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:first-child {font-size:21px; margin-right:10px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 {font-size:18px}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child p {font-size:15px;}
}

@media screen and (max-width:640px) {
    .main_strategy {display:block;}
    .main_strategy .mst_left h3 {font-size:20px;}
    .main_strategy .mst_left h2 {font-size:30px;}
    .main_strategy .mst_left p {font-size:14px; width:100%;}

    .main_strategy .mst_left button {background-position:110px center; margin-top:-100px; padding:12px 20px; width:140px; font-size:14px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist {display: block; padding-bottom:30px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist:last-child {margin-bottom:0;}

    .main_strategy .mst_right .mstr_op .mstr_oplist img {margin-right:0px; width:100%; margin-bottom:15px;}

    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:first-child {font-size:18px;}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child h4 {font-size:16px}
    .main_strategy .mst_right .mstr_op .mstr_oplist ul li:last-child p {font-size:14px;}
}

@media screen and (max-width:460px) {
    .main_strategy .mst_left button {float:left; margin-top:15px;}
    .main_strategy .mst_right {margin-top: 20px;}
}







@charset "utf-8";

/*************************************************************
 
    헤더(Header) 메뉴 

**************************************************************/


#hd {width:100%; margin:0 auto; text-align:center; margin-top:16px; border-bottom:1px solid #ddd;}
#hd .nav {padding:0 150px; padding-bottom:20px;}

/* TOP 영역 */
#hd .nav .top_nav {display:flex; justify-content: space-between; align-items: center;}
#hd .nav .top_nav div {float: left;}

#hd .nav .top_nav ul {display:flex;}
#hd .nav .top_nav ul li {padding:0 13px;}
#hd .nav .top_nav ul li:last-child {padding-right:0;}
#hd .nav .top_nav ul li a {color:#000; font-size:15px;}
#hd .nav .top_nav ul li a:hover {text-decoration:underline; font-weight:600;}

/* menu */
#hd .nav #header{display: flex; justify-content: space-between; align-items: center; position: relative; margin-top:20px;}
#hd .nav #header h1 a {font-size:30px; font-weight:bold; font-family:'PurenJeonnam'; color:#000;}

/* 대메뉴 */
#hd .nav #header #gnb {display: flex; z-index: 99; margin-left: auto;}
#hd .nav #header #gnb > .dept1 {position: relative; text-align: center; padding:0 32px;}
#hd .nav #header #gnb > .dept1:last-child {padding-right:0;}
#hd .nav #header #gnb > .dept1 > a {font-size:20px; color:#000; font-weight:600;}
#hd .nav #header #gnb > .dept1 > a.active{color:#005fd5; font-weight: bold}

/* 소메뉴 */
#hd .nav #header #gnb .inner_menu {position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100%; padding-top:3rem; display:none;}
#hd .nav #header #gnb .dept2 {margin:10px 0px;} 
#hd .nav #header #gnb .dept2 a {display:block; font-size:17px; background:#fff; color:#333; text-align:center; border:1px solid #ddd; border-radius:5px; padding:10px 0; margin:0 16px;}
#hd .nav #header #gnb .dept2 > a:hover,
#hd .nav #header #gnb .dept2 > a:active,
#hd .nav #header #gnb .dept2 > a:focus {background: linear-gradient(39deg, #27c324, #005fd5); color:#fff; text-decoration:underline; font-weight:500;}

/* 221018 */
.hd_bg {background:url(../img/common/menu_text.png) no-repeat 215px center #fff;width: 100%;height: 0;left: 0;z-index: 1;position: absolute;margin-top: 80px !important;}
/* 221018 */


@media screen and (max-width:1800px) {
    .hd_bg {background:url(../img/common/menu_text.png) no-repeat 152px center #fff; background-size:200px;}
}


@media screen and (max-width:1600px) {
    #hd .nav {padding:0 6.5%; padding-bottom:20px;}
    #hd .nav #header #gnb > .dept1 {padding:0 22px;}
    #hd .nav #header #gnb .dept2 a {margin:0 6px;}

    .hd_bg {background-position:6.5%;}
}

@media screen and (max-width:1350px) {
    #hd .nav .top_nav ul li {padding:0 12px;}
    #hd .nav .top_nav ul li a {font-size:14px;}

    #hd .nav #header{margin-top:10px;}
    #hd .nav #header h1 a {font-size:26px;}

    #hd .nav #header #gnb > .dept1 {padding:0 20px;}
    #hd .nav #header #gnb > .dept1 > a {font-size:18px;}

    #hd .nav #header #gnb .dept2 a {font-size:16px;}

    .hd_bg {margin-top:70px !important;}
}

@media screen and (max-width:1200px) { 
    #hd .nav {padding:0 6.5% 0 2.5%; padding-bottom:20px;}

    .hd_bg {background-position:2.5%; background-size:150px;}
}

@media screen and (max-width:1090px) {
    #hd {display:none;}
}








/*************************************************************
 
    하단(footer) 

**************************************************************/

.go_footer {border-top:1px solid #ddd; padding:33px 150px 40px 150px; display:flex; align-items: center; justify-content: space-between;}

.go_footer .gft_left {text-align:left;}
.go_footer .gft_left h2 {font-family:'PurenJeonnam'; color:#626262; font-weight:bold; font-size:25px;}
.go_footer .gft_left ul {display:flex; justify-content: flex-start; margin-top:12px;}
.go_footer .gft_left ul li {margin-right:20px; color:#666; font-size:18px;}
.go_footer .gft_left ul li:last-child {margin-right:0;}
.go_footer .gft_left p {font-size:15px; color:#888; margin-top:6px;}

.go_footer .gft_right .gftr_con {display:flex; align-items: center;}
.go_footer .gft_right .gftr_con li {}

.go_footer .gft_right .gftr_con li.gftrc_sns {margin-right:24px;}
.go_footer .gft_right .gftr_con li.gftrc_sns p {font-size:16px; color:#000033; margin-bottom:10px; font-weight:500;}
.go_footer .gft_right .gftr_con li.gftrc_sns ul {display:flex;}
.go_footer .gft_right .gftr_con li.gftrc_sns ul li {margin-left:10px;}
.go_footer .gft_right .gftr_con li.gftrc_sns ul li:first-child {margin-left:0;}
.go_footer .gft_right .gftr_con li.gftrc_sns ul li img {}

.go_footer .gft_right .gftr_con li.gftrc_link {}
.go_footer .gft_right .gftr_con li.gftrc_link ul {display:flex; margin-bottom:16px;}
.go_footer .gft_right .gftr_con li.gftrc_link ul li {margin-right:30px;}
.go_footer .gft_right .gftr_con li.gftrc_link ul li:last-child {margin-right:0;}
.go_footer .gft_right .gftr_con li.gftrc_link ul li a {font-size:16px; font-weight:500; color:#333;}
.go_footer .gft_right .gftr_con li.gftrc_link ul li:nth-child(2) a {color:#005fd5;}
.go_footer .gft_right .gftr_con li.gftrc_link ul li a:hover {text-decoration:underline; font-weight:800;}
.go_footer .gft_right .gftr_con li.gftrc_link button {background:url(../img/common/footer_call.png) no-repeat 300px center, #fff; border:1px solid #666; width:330px; padding:15px 26px; text-align:left; font-size:16px; color:#333;}

.mgo_footer {display:none;}


@media screen and (max-width:1600px) {
    .go_footer {padding:33px 6.5% 40px 6.5%;}
}

@media screen and (max-width:1350px) {
    .go_footer .gft_left h2 {font-size:22px;}
    .go_footer .gft_left ul li {font-size:16px;}
    .go_footer .gft_left p {font-size:13px;}

    .go_footer .gft_right .gftr_con li.gftrc_sns p {font-size:14px;}
    .go_footer .gft_right .gftr_con li.gftrc_sns ul li img {width:35px;}

    .go_footer .gft_right .gftr_con li.gftrc_link ul li a {font-size:14px;}
    .go_footer .gft_right .gftr_con li.gftrc_link button {font-size:14px; width:300px; background-position:265px; padding:15px 20px;}
}

@media screen and (max-width:1200px) {
    .go_footer {padding:33px 2.5% 40px 2.5%;}
}

@media screen and (max-width:1090px) {
    .go_footer {padding:33px 20px 40px 20px;}

    .go_footer .gft_left ul {display:block; margin-top:10px;}
    .go_footer .gft_left ul li {margin-right:0px;}
    .go_footer .gft_left p {margin-top:4px;}

    .go_footer .gft_right .gftr_con li.gftrc_sns {margin-right:16px;}
    .go_footer .gft_right .gftr_con li.gftrc_sns p {margin-bottom:8px;}
    .go_footer .gft_right .gftr_con li.gftrc_sns ul li {margin-left:6px;}

    .go_footer .gft_right .gftr_con li.gftrc_link ul {margin-bottom:12px;}
    .go_footer .gft_right .gftr_con li.gftrc_link ul li {margin-right:18px;}
    .go_footer .gft_right .gftr_con li.gftrc_link button {width:274px; background-position:240px; padding:14px 20px;}
}

@media screen and (max-width:890px) {
    .go_footer {display:none;}
    .mgo_footer {display:block; border-top:1px solid #ddd; padding:20px; margin-bottom:10px;}

    .mgo_footer .gft_right .gftr_con {display:flex; justify-content: space-between; align-items: center;}

    .mgo_footer .gft_right .gftr_con li.gftrc_sns {margin-right:0px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns p {font-size:14px; color:#000033; margin-bottom:8px; font-weight:500;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul {display:flex;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul li {margin-left:10px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul li:first-child {margin-left:0;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul li img {width:35px;}

    .mgo_footer .gft_right .gftr_con li.gftrc_link ul {display:flex; margin-bottom:12px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li {margin-right:16px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li:last-child {margin-right:0;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li a {font-size:14px; font-weight:500; color:#333;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li:nth-child(2) a {color:#005fd5;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li a:hover {text-decoration:underline; font-weight:800;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link button {background:url(../img/common/footer_call.png) no-repeat 234px center, #fff; border:1px solid #666; width:270px; padding:12px 22px; text-align:left; font-size:14px; color:#333;}

    .mgo_footer .gft_left {text-align:left; margin-top:30px;}
    .mgo_footer .gft_left .gftl_mob {display:flex; justify-content: space-between;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf {font-family:'PurenJeonnam'; color:#626262; font-weight:bold; font-size:24px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul {display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li {color:#666; font-size:16px; font-weight:500;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:first-child {margin-right:20px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:last-child {font-size:14px; color:#888; }
}

@media screen and (max-width:760px) {
    .mgo_footer .gft_left {margin-top:20px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf {font-size:20px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li {font-size:14px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:first-child {margin-right:10px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:last-child {font-size:12px;}
}

@media screen and (max-width:640px) {
    .mgo_footer .gft_left .gftl_mob {align-items: center;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul {display:block; text-align:right;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:first-child {margin-right:0px;}
}

@media screen and (max-width:490px) {
    .mgo_footer {display:flex; flex-direction: column-reverse;}
    .mgo_footer .gft_right .gftr_con {display:flex; flex-direction: column; margin-top:20px;}

    .mgo_footer .gft_right .gftr_con li.gftrc_sns p {font-size:12px; margin-bottom:4px; font-weight:400; text-align:center;}

    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul li {margin-left:5px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_sns ul li img {width:30px;}

    .mgo_footer .gft_right .gftr_con li.gftrc_link ul {margin-bottom:5px; margin-top:20px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li {margin-right:10px;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link ul li a {font-size:12px; font-weight:400;}
    .mgo_footer .gft_right .gftr_con li.gftrc_link button {background:url(../img/common/footer_call.png) no-repeat 195px center, #fff; width:225px; padding:8px 20px; font-size:12px;}

    .mgo_footer .gft_left {text-align:center; margin-top:0px;}
    .mgo_footer .gft_left .gftl_mob {display:block;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf {font-size:18px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul {text-align:center;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li {color:#666; font-size:12px;}
    .mgo_footer .gft_left .gftl_mob .gftlm_inf ul li:last-child {font-size:11px;}
}









/*************************************************************
 
    우측 고정 네비

**************************************************************/

.right_fixation {margin:auto; text-align:center; width: 100px; height: 553px; position: fixed; right: 0; top: 0; z-index:99;}

.right_fixation .rf_sns {background:#005fd5; padding-bottom:24px;}
.right_fixation .rf_sns h2 {padding-top:23px; font-size:20px; color:#fff; font-weight:500;}
.right_fixation .rf_sns ul {margin-top:18px;}
.right_fixation .rf_sns ul li {margin-bottom:9px;}
.right_fixation .rf_sns ul li:nth-child(4) {margin-bottom:28px;}
.right_fixation .rf_sns ul li:last-child {width:20px; word-wrap: break-word; text-align:center; margin:auto; line-height:20px;}
.right_fixation .rf_sns ul li:last-child a {font-size:18px; color:#fff;}
.right_fixation .rf_sns ul li a img {}

.right_fixation .rf_link {background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-bottom-left-radius:50px; padding:30px 0;}
.right_fixation .rf_link div {width:20px; word-wrap: break-word; text-align:center; margin:auto; line-height:20px;}
.right_fixation .rf_link div a {font-size:19px; color:#000;}


@media screen and (max-width:1600px) {
    .right_fixation {width: 75px;}
}

@media screen and (max-width:1350px) {
    .right_fixation {width: 65px;}
    .right_fixation .rf_sns {padding-bottom:18px;}
    .right_fixation .rf_sns h2 {font-size:17px;}
    .right_fixation .rf_sns ul {margin-top:5px;}
    .right_fixation .rf_sns ul li a img {width:33px;}
    .right_fixation .rf_sns ul li:nth-child(4) {margin-bottom:20px;}
    .right_fixation .rf_sns ul li:last-child, .right_fixation .rf_link div {width:14px; line-height:17px;}
    .right_fixation .rf_sns ul li:last-child a {font-size:16px;}

    .right_fixation .rf_link {padding:20px 0; border-bottom-left-radius:35px;}
    .right_fixation .rf_link div a {font-size:17px;}
}

@media screen and (max-width:1090px) {
    .right_fixation {display:none;}
}












/*************************************************************
 
    모바일 메뉴 

**************************************************************/
#m_hd {display:none;}

@media screen and (max-width:1090px) {
    #m_hd {display:block; width:100%; border-bottom:1px solid #ddd;}
    #m_hd .m_con {width:100%; margin:0 auto;}

    #m_hd .m_con .m_nav {display:flex; justify-content: space-between; align-items: center; height:80px; width:100%; position:relative; padding: 0 20px;}
    #m_hd .m_con .m_nav li.slide-open {position:absolute; top:0; right:0; width:50px; height:50px; cursor:pointer;}
    #m_hd .m_con .m_nav li.slide-open span {border-radius:50px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur {right: 15px; top: 38px; position: absolute; width: 40px; height:3px; background: #000;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.top-line {width: 40px; height: 3px; background-color: #000; bottom: -12px; content: ''; position: absolute; right: 0; -webkit-transition:  -webkit-transform .3s; transition: transform .3s;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.bot-line {width: 40px; height: 3px; background-color: #000; top: -12px; content: ''; position: absolute; right: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s;}

    #m_hd .m_con .m_nav li.slide-open span.burgur.on {width: 0;}
    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.bot-line {-webkit-transform: translateY(12px) rotate(135deg); transform: translateY(12px) rotate(135deg);}
    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.top-line {-webkit-transform: translateY(-12px) rotate(-135deg); transform: translateY(-12px) rotate(-135deg);}

    #m_hd .m_con .m_nav li.m_logo {display:flex; align-items: center;}
    #m_hd .m_con .m_nav li.m_logo div a img {width:100px; margin-right:16px;}
    #m_hd .m_con .m_nav li.m_logo div:last-child a {font-family:'PurenJeonnam'; color: #000; font-size:27px; font-weight:bolder;}

    #m_hd .m_con .m_menu {position:relative; z-index:99;}
    #m_hd .m_con .m_menu .slide {width:100%; height:1700px; background:#fff; position:absolute; left:-100%; top:0; right:0; bottom:0; -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; -o-transition: left .3s; transition: left .3s;}
    #m_hd .m_con .m_menu .slide.on {left:0;}

    #m_hd .m_con .m_menu .slide .slide_top {width:100%; padding:12px 20px; display:flex; justify-content: space-between; align-items: center; background:#005fd5; }

    #m_hd .m_con .m_menu .slide .slide_top ul:first-child {display:flex;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li {margin-right:25px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li:last-child {margin-right:0;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li a {color:#fff; font-size:18px; font-weight:500;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li a:hover {text-decoration:underline; font-weight:800;}

    #m_hd .m_con .m_menu .slide .slide_top ul:last-child {display:flex;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li {margin-left:12px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li:first-child {margin-left:0;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li a {}

    #m_hd .m_con .m_menu .slide .mn_subc {}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down {}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te {text-align:left; padding:15px 30px; border-bottom:1px solid #ddd;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te a {font-size:22px; color:#000; font-weight:600;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te a:hover {color:#005fd5; font-weight:bold;}

    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub {margin-top:20px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub li a {display:block; font-size:20px; background:#fff; color:#333; text-align:left; border:1px solid #ddd; border-radius:5px; padding:15px 20px; margin:10px 0px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub li a:hover {background: linear-gradient(39deg, #27c324, #005fd5); color:#fff; text-decoration:underline; font-weight:700;}

}

@media screen and (max-width:860px) {
    #m_hd .m_con .m_nav {height:70px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur {right: 17px; top: 34px; width: 35px; height:2px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.top-line {width: 35px; height: 2px; bottom: -11px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.bot-line {width: 35px; height: 2px; top: -11px;}

    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.bot-line {-webkit-transform: translateY(11px) rotate(135deg); transform: translateY(11px) rotate(135deg);}
    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.top-line {-webkit-transform: translateY(-11px) rotate(-135deg); transform: translateY(-11px) rotate(-135deg);}

    #m_hd .m_con .m_nav li.m_logo div a img {width:85px; margin-right:10px;}
    #m_hd .m_con .m_nav li.m_logo div:last-child a {font-size:23px;}

    #m_hd .m_con .m_menu .slide {height:1880px;}
    #m_hd .m_con .m_menu .slide .slide_top {padding:10px 20px;}

    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li {margin-right:20px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li a {color:#fff; font-size:16px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li img {width:30px;}

    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te a {font-size:18px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub {margin-top:14px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub li a {font-size:16px; padding:12px 20px;}
}

@media screen and (max-width:540px) {
    #m_hd .m_con .m_menu .slide {height:1680px;}
}

@media screen and (max-width:460px) {
    #m_hd .m_con .m_nav {height:60px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur {right: 20px; top: 29px; width: 30px; height:2px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.top-line {width: 30px; height: 2px; bottom: -10px;}
    #m_hd .m_con .m_nav li.slide-open span.burgur span.bot-line {width: 30px; height: 2px; top: -10px;}

    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.bot-line {-webkit-transform: translateY(10px) rotate(135deg); transform: translateY(10px) rotate(135deg);}
    #m_hd .m_con .m_nav li.slide-open span.burgur.on span.top-line {-webkit-transform: translateY(-10px) rotate(-135deg); transform: translateY(-10px) rotate(-135deg);}

    #m_hd .m_con .m_nav li.m_logo div a img {width:70px; margin-right:10px;}
    #m_hd .m_con .m_nav li.m_logo div:last-child a {font-size:18px;}

    #m_hd .m_con .m_menu .slide {height:1650px;}
    #m_hd .m_con .m_menu .slide .slide_top {padding:10px 20px;}

    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li {margin-right:10px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child li a {color:#fff; font-size:14px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li {margin-left:8px;}
    #m_hd .m_con .m_menu .slide .slide_top ul:last-child li img {width:25px;}

    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te a {font-size:16px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub {margin-top:14px;}
    #m_hd .m_con .m_menu .slide .mn_subc .subc_down .subcd_te .scd_sub li a {font-size:14px; padding:12px 20px;}
}

@media screen and (max-width:360px) {
    #m_hd .m_con .m_menu .slide .slide_top {display: block;}
    #m_hd .m_con .m_menu .slide .slide_top ul:first-child {margin-bottom:8px;}
}