@charset "utf-8";

/* magin */
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px !important;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}


.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt65 {margin-top:65px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}
.mgt110 {margin-top:110px !important;}
.mgt120 {margin-top:120px !important;}
.mgt130 {margin-top:130px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl50 {margin-left:50px !important;}

.pdt0{padding-top:0px !important;}
.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}

.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}


/* color */
.blue{color: #1675be;}

.txt_underline{text-decoration:underline !important;}
.txt_red{color:#ec6e69 !important;}
.txt_black{color:#222 !important;}
.txt_yellow{color:#ffdb14 !important;}
.txt_blue{color:#08456c !important;}

.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}

/*#header .menu-wrap {width: 70%;}*/
/*#header .menu-wrap > ul {justify-content: space-between !important;}*/
/*#header .menu-wrap > ul > li {width: auto;}*/
/*#header .menu-wrap > ul > li > a {display: block;}*/

/*.sitemap_wrap .sitemap > ol > li > a {width: 340px;}*/

/*@media screen and (max-width: 1400px){*/
/*    .sitemap_wrap .sitemap > ol > li > a {width: 300px;}*/
/*}*/
/*@media screen and (max-width: 1280px){*/
/*    .sitemap_wrap .sitemap > ol > li > a {width: 300px;}*/
/*}*/
/*@media screen and (max-width: 1080px){*/
/*    .sitemap_wrap .sitemap > ol > li > a {width: 40%; font-size: 14px;}*/
/*    .sitemap_wrap .sitemap > ol > li > ol {width: 60%;}*/
/*}*/
/*@media screen and (max-width: 768px){*/
/*    .sitemap_wrap .sitemap > ol > li > a {width: 45%; padding: 0 25px 0 10px; word-break: break-all;}*/
/*    .sitemap_wrap .sitemap > ol > li > ol {width: 55%;}*/
/*}*/

/*#skipNavi{position:absolute; margin:0 auto; width:998px; list-style:none; font-size:1.15em; top:-10.5em; left:0; z-index:2000; background:#eee; border:1px solid #ccc;}*/
/*#skipNavi a:active, #skipNavi a:focus{ position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0;}*/

/*h2,h3,h4{*/
/*    font-family:"SUIT";*/
/*}*/
/*a#top_btn {*/
/*    position: fixed;*/
/*    right: 50px;*/
/*    bottom: 40px;*/
/*    display: none;*/
/*    width: 74px;*/
/*    z-index: 999;*/
/*}*/
/*a#top_btn img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
/*#top_btn .display_mo{*/
/*    display: none;*/
/*}*/

/*@media screen and (max-width: 768px){*/
/*    #top_btn .display_mo{display: inline-block;}*/
/*    #top_btn .display_pc{display: none;}*/
/*}*/
/*@media screen and (max-width: 480px){*/
/*    a#top_btn{right: 20px; bottom: 20px;}*/
/*}*/


/*!* 모바일메뉴 배경*!*/
/*@media screen and (max-width: 1400px) {*/
/*    .moblie_oneclick {*/
/*        max-height: 100vh;*/
/*        overflow: hidden;*/
/*        position: relative;*/
/*    }*/

/*    .moblie_oneclick::before {*/
/*        content: '';*/
/*        height: 100vh;*/
/*        opacity: 0.7;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 0;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*        background-color: #000;*/
/*        z-index: 1000;*/
/*    }*/
/*}*/


/*!* moblie_top_menu *!*/
/*.moblie_top_menu{display: none;}*/


/*@media screen and (max-width: 1400px){*/
/*    .moblie_top_menu{width: 100%; height: 100vh; position: absolute;}*/
/*    .moblie_top_menu.on{display: block;}*/
/*    .moblie_top_menu .btn_close{position: absolute; width: 17%; height: 100vh; z-index: 10000;padding: 15px;}*/
/*    .moblie_top_menu .btn_close a{}*/
/*    .moblie_top_menu .btn_close a>img{width: 20px;float: right;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap{position: absolute;width: 83%; height: 100vh;  background: white;z-index: 100000;top: 0;right: 0;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type1 a{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 20px; background: #0b3d6e; color: white;align-items: center;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type1 a>p{font-size: 0.9rem; font-weight: 600;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type1 a>img{width: 16px; color: white}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type2{display: none;}*/



/*    ul.menuCtg{}*/
/*    ul.menuCtg li.top_menu{display:table; table-layout:fixed; overflow:hidden; width:100%; background:#fafafa; border-top:6px solid #2996cc;}*/
/*    .s_c43 ul.menuCtg li.top_menu{border-top:5px solid #e67386;}  !* 용인시청소년수련관 *!*/
/*    .s_c45 ul.menuCtg li.top_menu{border-top:5px solid #9ba629;}  !* 용인시청소년상담복지센터 *!*/
/*    .s_c46 ul.menuCtg li.top_menu{border-top:5px solid #926ca6;}  !* 용인미래교육센터 *!*/
/*    .s_c47 ul.menuCtg li.top_menu{border-top:5px solid #4c86bf;}  !* 용인시청소년지원센터꿈드림 *!*/
/*    .s_c48 ul.menuCtg li.top_menu{border-top:5px solid #e69b50;}  !* 용인시청소년수련원 *!*/
/*    .s_c49 ul.menuCtg li.top_menu{border-top:5px solid #d96ca3;}  !* 유림청소년문화의집 *!*/
/*    .s_c50 ul.menuCtg li.top_menu{border-top:5px solid #42a6a6;}  !* 신갈청소년문화의집 *!*/
/*    .s_c51 ul.menuCtg li.top_menu{border-top:5px solid #5b74a6;}  !* 수지청소년문화의집 *!*/
/*    .s_c666 ul.menuCtg li.top_menu{border-top:5px solid #ffb037;}  !* 원클릭 *!*/
/*    ul.menuCtg li.top_menu p{display:table-cell;}*/
/*    ul.menuCtg li.top_menu p a{display:inline-block; text-align:center; padding:57px 0 20px 0; width:100%; color:#494949; font-size:14px; font-family:"NanumBarunGothic";}*/
/*    ul.menuCtg li.top_menu p:nth-child(3) a{display:inline-block; text-align:center; padding:42px 0 20px 0; width:100%; color:#494949; font-size:14px; font-family:"NanumBarunGothic";}*/


/*    !* 모바일메뉴 *!*/
/*    .dmm{position:fixed; top:0; left:0; right:0; z-index:6000; height:10000px; background-color:rgba(0, 0, 0, 0.7);}*/
/*    {position:fixed; top:0; right:-1000px; z-index:7000; width:100%; !* max-width:290px; *! max-width:362px;min-height:800px; background:#fff;}*/
/*    > div{overflow:auto; position:absolute; top:0; left:0; width:100%;}*/
/*    ul.menuCtg{}*/
/*    ul.menuCtg li.top_menu{display:table; table-layout:fixed; overflow:hidden; width:100%; background:#fafafa; border-top:6px solid #2996cc;}*/
/*    .s_c43 ul.menuCtg li.top_menu{border-top:5px solid #e67386;}  !* 용인시청소년수련관 *!*/
/*    .s_c45 ul.menuCtg li.top_menu{border-top:5px solid #9ba629;}  !* 용인시청소년상담복지센터 *!*/
/*    .s_c46 ul.menuCtg li.top_menu{border-top:5px solid #926ca6;}  !* 용인미래교육센터 *!*/
/*    .s_c47 ul.menuCtg li.top_menu{border-top:5px solid #4c86bf;}  !* 용인시청소년지원센터꿈드림 *!*/
/*    .s_c48 ul.menuCtg li.top_menu{border-top:5px solid #e69b50;}  !* 용인시청소년수련원 *!*/
/*    .s_c49 ul.menuCtg li.top_menu{border-top:5px solid #d96ca3;}  !* 유림청소년문화의집 *!*/
/*    .s_c50 ul.menuCtg li.top_menu{border-top:5px solid #42a6a6;}  !* 신갈청소년문화의집 *!*/
/*    .s_c51 ul.menuCtg li.top_menu{border-top:5px solid #5b74a6;}  !* 수지청소년문화의집 *!*/
/*    .s_c666 ul.menuCtg li.top_menu{border-top:5px solid #ffb037;}  !* 원클릭 *!*/
/*    ul.menuCtg li.top_menu p{display:table-cell;}*/
/*    ul.menuCtg li.top_menu p a{display:inline-block; text-align:center; padding:57px 0 20px 0; width:100%; color:#494949; font-size:14px; font-family:"NanumBarunGothic";}*/
/*    ul.menuCtg li.top_menu p:nth-child(3) a{display:inline-block; text-align:center; padding:42px 0 20px 0; width:100%; color:#494949; font-size:14px; font-family:"NanumBarunGothic";}*/
/*    li.top_menu .gnbHome a{background:url(/images/common/gnbhome.png) no-repeat center 18px;}*/
/*    li.top_menu .login a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/login.png) no-repeat center 19px;}*/
/*    li.top_menu .cell_phone_login a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/cell_phone_login.png) no-repeat center 16px;}*/
/*    li.top_menu .logout a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/logout.png) no-repeat center 19px;}*/
/*    li.top_menu .join a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/join.png) no-repeat center 19px;}*/
/*    li.top_menu .mypage a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/mypage.png) no-repeat center 19px;}*/
/*    li.top_menu .sitemap a{border-left:1px solid #c4cbd6; box-sizing:border-box; background:url(/images/common/sitemap.png) no-repeat center 19px;}*/
/*    li.on > ul > li{}*/
/*    li.on > ul > li .t_a_line{display: flex;align-items: center;justify-content: space-between; padding: 20px; border-bottom: 1px solid #ddd;}*/
/*    li.on > ul > li .t_a_line .mnTit{font-weight: 600; font-size: 1.1rem;}*/
/*    .s_c43 li.on > ul > li .t_a_line .mnTit{color:#e67386;}  !* 용인시청소년수련관 *!*/
/*    .s_c45 li.on > ul > li .t_a_line .mnTit{color:#9ba629;}  !* 용인시청소년상담복지센터 *!*/
/*    .s_c46 li.on > ul > li .t_a_line .mnTit{color:#926ca6;}  !* 용인미래교육센터 *!*/
/*    .s_c47 li.on > ul > li .t_a_line .mnTit{color:#4c86bf;}  !* 용인시청소년지원센터꿈드림 *!*/
/*    .s_c48 li.on > ul > li .t_a_line .mnTit{color:#e69b50;}  !* 용인시청소년수련원 *!*/
/*    .s_c49 li.on > ul > li .t_a_line .mnTit{color:#d96ca3;}  !* 유림청소년문화의집 *!*/
/*    .s_c50 li.on > ul > li .t_a_line .mnTit{color:#42a6a6;}  !* 신갈청소년문화의집 *!*/
/*    .s_c51 li.on > ul > li .t_a_line .mnTit{color:#5b74a6;}  !* 수지청소년문화의집 *!*/
/*    .s_c666 li.on > ul > li .t_a_line .mnTit{color:#ffb037;}  !* 원클릭 *!*/
/*    li.on > ul > li .t_a_line span.arrow{background-image: url("/images/subSite/oneclick/moblie_top_menu_down_icon.svg");background-repeat: no-repeat; width: 15px; height: 15px;}*/
/*    li.on > ul > li .t_a_line span.arrow.on{background-image: url("/images/subSite/oneclick/moblie_top_menu_up_icon.svg"); background-repeat: no-repeat; width: 15px; height: 15px;}*/
/*    li.on > ul > li.on .t_a_line{background-color:#2996cc;}*/
/*    .s_c43 li.on > ul > li.on .t_a_line{background-color:#e67386;}  !* 용인시청소년수련관 *!*/
/*    .s_c45 li.on > ul > li.on .t_a_line{background-color:#9ba629;}  !* 용인시청소년상담복지센터 *!*/
/*    .s_c46 li.on > ul > li.on .t_a_line{background-color:#926ca6;}  !* 용인미래교육센터 *!*/
/*    .s_c47 li.on > ul > li.on .t_a_line{background-color:#4c86bf;}  !* 용인시청소년지원센터꿈드림 *!*/
/*    .s_c48 li.on > ul > li.on .t_a_line{background-color:#e69b50;}  !* 용인시청소년수련원 *!*/
/*    .s_c49 li.on > ul > li.on .t_a_line{background-color:#d96ca3;}  !* 유림청소년문화의집 *!*/
/*    .s_c50 li.on > ul > li.on .t_a_line{background-color:#42a6a6;}  !* 신갈청소년문화의집 *!*/
/*    .s_c51 li.on > ul > li.on .t_a_line{background-color:#5b74a6;}  !* 수지청소년문화의집 *!*/
/*    .s_c666 li.on > ul > li.on .t_a_line{background-color:#ffb037;}  !* 원클릭 *!*/
/*    li.on > ul > li.on .t_a_line .mnTit{color:#fff;}*/
/*    .s_c43 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #e67386;}  !* 용인시청소년수련관 *!*/
/*    .s_c45 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #9ba629;}  !* 용인시청소년상담복지센터 *!*/
/*    .s_c46 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #926ca6;}  !* 용인미래교육센터 *!*/
/*    .s_c47 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #4c86bf;}  !* 용인시청소년지원센터꿈드림 *!*/
/*    .s_c48 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #e69b50;}  !* 용인시청소년수련원 *!*/
/*    .s_c49 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #d96ca3;}  !* 유림청소년문화의집 *!*/
/*    .s_c50 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #42a6a6;}  !* 신갈청소년문화의집 *!*/
/*    .s_c51 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #5b74a6;}  !* 수지청소년문화의집 *!*/
/*    .s_c666 li.on > ul > li.on .t_a_line span.arrow::after{border-top:4px solid #ffb037;}  !* 원클릭 *!*/
/*    li.on > ul > li > ul.side_sub{display:none; padding:10px 0; background:#f4f4f4; border-top:none}*/
/*    li.on > ul > li > ul.side_sub > li{border-bottom:none;}*/
/*    li.on > ul > li.on > .side_sub{display:block;}*/
/*    .side_sub > li > a{display:block; position:relative; padding:8px 0 8px 30px; color:#494949; font-size:15px;}*/
/*    .side_sub > li > a:hover{text-decoration:underline;}*/
/*    .side_sub > li > a.active{text-decoration:underline;}*/
/*    .side_sub > li > a::before{content:""; position:absolute; top:50%; left:17px;transform:translateY(-50%);width:6px; height:2px; background:#aaa;}*/
/*    .side_sub > li > ul > li:last-child{margin-bottom:10px;}*/
/*    .side_sub > li > ul > li a {display:inline-block; padding:4px 0 4px 40px; font-size:13px;}*/
/*    .side_sub > li > ul > li a.active {color:#197FC7; font-weight:bold;}*/
/*    .closeArea{position:absolute; top:30px; left:-50px;}*/
/*    .closeArea .close{display:block; position:relative; width:30px; height:29px; background:url('/images/common/bg_btn.png') no-repeat 0 0; z-index:6001;}*/
/*    .select_box_1 {text-align:center; margin:15px 0; font-size:15px;}*/
/*    .select_box_1 select{width:180px; height:28px; border:1px solid #d7d7d7;}*/
/*    .select_box_1 span a{display:inline-block; padding:6px 8px; color:#fff; font-size:14px; background:#2996cc;}*/
/*}*/


/*@media screen and (max-width: 768px){*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type2{width: 100%; background: #1464a2; padding: 25px 20px;  display: flex; flex-wrap: wrap; justify-content: space-between; color: white;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type2 .box_wrap a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type2 .box_wrap a>p{font-size: 0.9rem;}*/
/*    .moblie_top_menu .moblie_top_menu_wrap .type2 .box_wrap a>img{width: 13px; margin-right: 8px;}*/
/*}*/

/* //moblie_top_menu */




/*#header{*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    !*transition: background .3s;*!*/
/*    background-color: #ffffff;*/
/*    z-index: 100;*/
/*}*/
/*body.scrolling #header {*/
/*    !*background-color: #fff;*!*/
/*    box-shadow: 0 0 20px rgba(0,0,0,.1);*/
/*}*/
/*#header:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 135px;*/
/*    background-color: #fff;*/
/*    z-index: -1;*/
/*    box-shadow: 0 0 20px rgba(0,0,0,.1);*/
/*    opacity: 0;*/
/*    transition: .3s;*/
/*}*/
/*#header:hover:before{*/
/*    height: 420px;*/
/*    opacity: 1;*/
/*}*/
/*.header_out #header:hover:before{*/
/*    height: 135px;*/
/*    opacity: 0;*/
/*}*/
/*.header_out #header:hover:after{*/
/*    height: 1px;*/
/*    opacity: 0;*/
/*    transition: 0s;*/
/*}*/
/*#header:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1400px;*/
/*    height: 1px;*/
/*    bottom: -225px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background-image: url(/images/header/gnb_after.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 200px;*/
/*    background-position: left bottom 20px;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*}*/
/*#header:hover:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1400px;*/
/*    height: 285px;*/
/*    bottom: -285px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background-image: url(/images/header/gnb_after.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 225px;*/
/*    background-position: left bottom 25px;*/
/*    opacity: 1;*/
/*    pointer-events: all;*/
/*    transition: .1s;*/
/*    transition-delay: .1s;*/
/*}*/

/*@media screen and (max-width: 1400px){*/
/*    #header{padding: 0 40px;background-color: #fff;}*/
/*    #header:after{width: 100%;}*/
/*}*/
/*@media screen and (max-width: 768px){*/
/*    #header{padding: 20px;display: flex; align-items: center; border-bottom: 1px solid #ddd;}*/
/*    #header:after {bottom: 0;}*/
/*}*/
/*@media screen and (max-width: 480px){*/
/*    #header{padding: 15px 20px;}*/
/*}*/





/*!* header *!*/
/*.h_wrap{*/
/*    height:135px;*/
/*}*/
/*#header:hover .h_wrap{*/
/*    border-bottom: 1px solid #ddd;*/
/*}*/
/*.header_out #header:hover .h_wrap{*/
/*    border-bottom: 0;*/
/*}*/
/*.h_wrap:after{display:block; content:""; clear:both;}*/
/*.h_wrap .h_logo{position:relative; margin:0 auto; width:1400px;}*/
/*.h_wrap h1{*/
/*    position: absolute;*/
/*    top: 40px;*/
/*    left: 0;*/
/*    z-index: 1510;*/
/*}*/
/*.h_wrap h1:last-child{display: none;}*/
/*.h_navi{*/
/*    height:45px;*/
/*}*/
/*.h_navi .utill{*/
/*    display: flex;*/
/*    margin: 0 auto;*/
/*    width: 1400px;*/
/*    height: 100%;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*}*/

/*@media screen and (max-width: 1400px) {*/
/*    .h_navi{height: 70px;}*/
/*    .h_navi .utill{width: 100%; height: inherit;}*/
/*    .h_wrap .h_logo{width: 100%;}*/
/*    #header:hover .h_wrap {border-bottom: 0;}*/
/*}*/
/*@media screen and (max-width: 1080px) {*/
/*    .h_wrap h1 {top: 60px; max-width: 124px;}*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .h_navi{height: auto;}*/
/*    .h_wrap{height: auto;}*/
/*    .h_wrap h1{position: inherit;}*/
/*    .h_navi .utill{display: none;}*/
/*    .h_wrap .h_logo{position: inherit;}*/
/*}*/




.utill_menu{
    display: flex;
    line-height: 1;
    font-size: 0;
    gap: 40px;
}
.utill_menu li{
    position: relative;
}
.utill_menu li:before{
    content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background-image: url("/images/header/util_line.png");
    background-repeat: no-repeat;
}
.utill_menu li:last-child:before{
    display: none;
}
.utill_menu li a{
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: left -20px center;
    transition: all .5s;
    color: #214155;
    font-size: 14px;
    font-weight: 600;
}
.utill_menu li a:hover{
    padding-left: 20px;
    background-position: left 0 top;
}
.utill_menu li.item01 a{
    background-image: url('/images/header/back_icon.png');
}
.utill_menu li.item02 a{
    background-image: url('/images/header/login_icon.png');
}
.utill_menu li.item03 a{
    background-image: url('/images/header/join_icon.png');
}
.utill_menu li.item04 a{
    background-image: url('/images/header/sitemap_icon.png');
}
.utill_menu li.item05 a{
    background-image: url('/images/header/news_icon.png');
}
.utill_menu li.item06 a{
    background-image: url('/images/header/logout_icon.png');
}
.utill_menu li.item07 a{
    background-image: url('/images/header/mypage_icon.png');
}

.utill_menu .login_info > span{
    display: inline-block;
    color: #214155;
    font-size: 14px;
    font-weight: 600;
}
.utill_menu .login_info .user_status{
    display: inline-block;
    margin-left: 5px;
    margin-top: -4px;
    padding: 4px;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    background: #2e8ed8;
}

@media screen and (max-width: 1400px){
    .utill_menu li a{font-size: 1rem;}
}



/* 헤더영역 햄버거버튼*/
/*.header_btn_wrap{display: flex;align-items: center;justify-content: flex-end;}*/
/*.header_btn_wrap .hamber_btn{display: none;}*/

/*@media screen and (max-width: 1400px) {*/
/*    .header_btn_wrap{gap: 20px;min-height: 50px;}*/
/*    .header_btn_wrap .hamber_btn{display: block; width: 30px;z-index: 0;}*/
/*    .header_btn_wrap .hamber_btn a{display: none;}*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .h_wrap h1:first-child{display: none;}*/
/*    .h_wrap h1:last-child{display: block;}*/
/*    .h_wrap h1:last-child img{width: 160px;}*/
/*}*/



    /* 검색 */
/*.search_btn {*/
/*    position: absolute;*/
/*    transform: translate(-15%, -50%);*/
/*    top:50%;*/
/*    right: 0;*/
/*    z-index: 1100;*/
/*}*/
/*.search_btn.active {*/
/*    transform: translate(-15%, -50%);*/
/*}*/

/*.search_btn .input_holder {*/
/*    height: 50px;*/
/*    width:50px;*/
/*    background: rgba(255,255,255,0);*/
/*    border-radius:6px;*/
/*    position: relative;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.search_btn.active .input_holder {*/
/*    width:280px;*/
/*    height: 50px;*/
/*    border-radius: 50px;*/
/*    background: #969696;*/
/*    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);*/
/*}*/
/*.search_btn .input_holder .search_input {*/
/*    width: 100%;*/
/*    height: 0px;*/
/*    padding: 0px 70px 0 20px;*/
/*    opacity: 0;*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    background: transparent;*/
/*    box-sizing: border-box;*/
/*    border: none;*/
/*    outline: none;*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    line-height: 20px;*/
/*    color: #FFF;*/
/*    transform: translate(0, 60px);*/
/*    transition-delay: 0.3s;*/
/*}*/
/*.search_btn .input_holder .search_input::placeholder{*/
/*    color: #fff;*/
/*}*/
/*.search_btn.active .input_holder .search_input {*/
/*    height: 50px;*/
/*    opacity: 1;*/
/*    transform: translate(0, 0px);*/
/*}*/
/*.search_btn .input_holder .search_icon {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    margin: 0 -20px 0 0;*/
/*    border: none;*/
/*    border-radius: 50%;*/
/*    border-color: #1675be;*/
/*    padding: 0px;*/
/*    outline: none;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    float: right;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease-in-out;*/
/*    background-color: transparent;*/
/*}*/
/*.search_btn.active .input_holder .search_icon {*/
/*    margin: 0;*/
/*    background-color: #fff;*/
/*    border: 1px solid #1675be;*/
/*    border-radius: 30px;*/
/*}*/
/*.search_btn .input_holder .search_icon span {*/
/*    width:22px;*/
/*    height:22px;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    position:relative;*/
/*    transform: rotate(315deg);*/
/*    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);*/
/*}*/
/*.search_btn.active .input_holder .search_icon span {*/
/*    transform: rotate(-45deg);*/
/*}*/
/*.search_btn .input_holder .search_icon span::before, .search_btn .input_holder .search_icon span::after {*/
/*    position: absolute;*/
/*    content:'';*/
/*}*/
/*.search_btn .input_holder .search_icon span::before {*/
/*    width: 4px;*/
/*    height: 11px;*/
/*!*    left: 24px;*/
/*    top: 33px;*!*/
/*    left: 9px;*/
/*    top: 18px;*/
/*    border-radius: 2px;*/
/*    background: #222;*/
/*}*/
/*.search_btn .input_holder .search_icon span::after {*/
/*    width: 14px;*/
/*    height: 14px;*/
/*!*    left: 15px;*/
/*    top: 15px;*!*/
/*    left: 0px;*/
/*    top: 0px;*/
/*    border-radius: 16px;*/
/*    border: 4px solid #222;*/
/*}*/
/*.search_btn.active .input_holder .search_icon span::before {*/
/*    left: 9px;*/
/*    top: 17px;*/
/*    width: 3px;*/
/*    height: 7px;*/
/*    background: #1675be;*/
/*}*/
/*.search_btn.active .input_holder .search_icon span::after {*/
/*    left: 3px;*/
/*    top: 1px;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border: 4px solid #1675be;*/
/*}*/
/*.search_btn .close_btn {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top:24px;*/
/*    right:20px;*/
/*    width:25px;*/
/*    height:25px;*/
/*    cursor: pointer;*/
/*    transform: rotate(-180deg);*/
/*    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);*/
/*    transition-delay: 0.2s;*/
/*    opacity: 0;*/
/*}*/
/*.search_btn.active .close_btn {*/
/*    top: 13px;*/
/*    right:-45px;*/
/*    transform: rotate(45deg);*/
/*    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);*/
/*    transition-delay: 0.5s;*/
/*    opacity: 1;*/
/*}*/
/*.search_btn .close_btn::before, .search_btn .close_btn::after {*/
/*    position:absolute;*/
/*    content:'';*/
/*    background: #1675be;*/
/*    border-radius: 30px;*/
/*}*/
/*.search_btn .close_btn::before {*/
/*    left: 11px;*/
/*    top: 1px;*/
/*    width: 3px;*/
/*    height: 23px;*/
/*}*/
/*.search_btn .close_btn::after {*/
/*    left: 1px;*/
/*    top: 11px;*/
/*    width: 23px;*/
/*    height: 3px;*/
/*}*/



/*.side_menu{display:none;}*/
/*.search_m {display:none;}*/
/*.m_search_box{display:none;}*/

/*.lnb {*/
/*    position: absolute;*/
/*    top: 44px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 1400px;*/
/*    height: 90px;*/
/*    z-index: 1000;*/
/*}*/
/*.lnb > ul {*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    width: 68%;*/
/*    margin: 0 auto;*/
/*    transition: all .3s;*/
/*}*/
/*.header_out .lnb > ul{*/
/*    width: 75%;*/
/*}*/
/*.lnb > ul.active{z-index:500;}*/
/*.lnb > ul > li {*/
/*    position: relative;*/
/*    float: left;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.lnb > ul > li > a{*/
/*    display: block;*/
/*    position: relative;*/
/*    padding: 31px 29px;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*    color: #222;*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    letter-spacing: -0.045em;*/
/*}*/
/*.lnb > ul > li > a:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: -2px;*/
/*    transform: translateY(-50%);*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    background-color: #c6c6c6;*/
/*    border-radius: 50%;*/
/*}*/
/*.lnb > ul > li:last-child > a:before{*/
/*    display: none;*/
/*}*/
/*.lnb > ul > li > a + p{display:none;padding: 30px 0 0;font-size: 18px;font-family: "NanumSquareB";letter-spacing: -0.045em;text-align: center;}*/
/*!*.lnb > ul > li > a::after{content:""; position:absolute; left:0; bottom:10px; width:0; height:3px; background:#2996cc; transition:width 0.3s ease-in-out;}*!*/
/*.lnb > ul > li:hover > a{*/
/*    color:#1675be;*/
/*}*/
/*.lnb > ul > li:hover > a::after{width:100%;}*/
/*.lnb > ul > li > a span{margin-right:5px; color:#898b1c; font-size:16px;}*/
/*.lnb > ul > li > ul{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    overflow: hidden;*/
/*    position: static;*/
/*    padding: 0;*/
/*    width: 100%;*/
/*    height: 0;*/
/*    background: transparent;*/
/*    box-sizing: border-box;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*}*/
/*#header:hover .lnb > ul > li > ul{*/
/*    opacity: 1;*/
/*    padding: 20px 0;*/
/*    pointer-events: all;*/
/*    height: 100%;*/
/*    transition: .3s;*/
/*    transition-delay: .1s;*/
/*}*/
/*.header_out .lnb > ul > li > ul{*/
/*    display: none !important;*/
/*}*/
/*.lnb > ul > li > ul > li{float: left;word-break: keep-all;box-sizing: border-box;}*/
/*.lnb > ul > li > ul > li a{display: block;position: relative;text-align: left;padding: 10px;margin: 0;color: #333;font-size: 15px;line-height: 18px;text-align: center;word-break: break-word;}*/
/*.lnb > ul > li > ul > li a:hover{color:#1675be;font-weight: 500;}*/
/*li.l_title3 > a {color: #1675be !important;}*/

/*@media screen and (max-width: 1400px) {*/
/*    #header:before{display: none;}*/
/*    .lnb{width: 100%;position: absolute;left: 50%;transform: translate(-53%,0); top: 60px;}*/
/*    .lnb > ul {display: none;}*/
/*    .lnb > ul.active {z-index: -100;}*/
/*    #header:hover:after{display: none;}*/
/*    .search_btn{position: inherit; transform: none;z-index: 0;}*/
/*    .search_btn .input_holder .search_icon{margin: 0;}*/
/*    .search_btn .close_btn{transition: none;}*/
/*    .search_btn.active{transform: translate(-20%, 0);}*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .lnb{position: initial; transform: initial; height: auto; display: inline-block;}*/
/*    .lnb > ul{overflow: initial; position: absolute; top: 0;}*/
/*    .lnb > ul > li{position: initial; float: initial;}*/
/*    .lnb > ul > li > a{position: initial; margin: auto;}*/
/*    .search_btn.active {position: absolute;top: 100%;width: 100%;transform: none;}*/
/*    .search_btn.active .input_holder{width:100%;border-radius: 0;background: #000000e0;transition: all .5s;}*/
/*    .search_btn.active .close_btn{right: 20px;}*/
/*    .search_btn.active .input_holder .search_icon {right: 50px;height: 50px;margin: 0;background-color: transparent;border: none;border-radius: 0;}*/
/*    .search_btn .input_holder .search_icon span{transition: none;}*/
/*    .search_btn.active .input_holder .search_icon span::after{left: 3px;top: 2px;border:3px solid #fff;}*/
/*    .search_btn.active .input_holder .search_icon span::before{background-color: #fff;}*/
/*    .search_btn .close_btn::after{background-color: #fff;}*/
/*    .search_btn .close_btn::before{background-color: #fff;}*/
/*    .search_btn .input_holder .search_input{padding: 0 100px 0 20px;}*/
/*    .search_btn .input_holder .search_icon{height: 45px;}*/
/*    .search_btn .input_holder .search_icon span::after {left: 1px;top: 2px;border: 3px solid #222;}*/
/*    .search_btn .input_holder .search_icon span::before{width: 4px;height: 10px;left: 9px;top: 21px;}*/
/*}*/





/*!* footer *!*/
/*#footer{*/
/*    margin-top: 40px;*/
/*    background: #ffffff;*/
/*}*/
/*#footer > .inner{*/
/*    width: 1400px;*/
/*    margin: 0 auto;*/
/*}*/
/*.ft_wrap{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    margin-bottom: 15px;*/
/*}*/
/*.f_menu{*/

/*}*/
/*.f_menu .fm{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    font-size: 0;*/
/*}*/
/*.f_menu .fm li:after{content: '';height: 15px;border: 1px solid #ddd;margin: 0 20px;color: #ddd;display: inline-block;margin-top: 5px;}*/

/*.f_menu .fm li:last-child:after{*/
/*    display: none;*/
/*}*/
/*.f_menu .fm li a{*/
/*    font-size: 18px;*/
/*    font-weight: 700;*/
/*    color: #666;*/
/*    line-height: 1.6;*/
/*}*/
/*.f_menu .fm li a b{*/
/*    color: #1675be;*/
/*    vertical-align: middle;*/
/*}*/
/*.f_sel{*/
/*    display: flex;*/
/*    gap: 10px;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*}*/
/*.f_sel > div{*/
/*    position: relative;*/
/*    width: 162px;*/
/*    flex: 1;*/
/*}*/
/*.f_sel > div > a{*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 46px;*/
/*    padding: 13px 20px;*/
/*!*    background-image: url(/images/subSite/main/all_view_icon.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 12px;*/
/*    background-position: center right 22px;*!*/
/*    background-color: #f4f4f4;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    color: #666;*/
/*    border: 1px solid #dcdcdc;*/
/*    border-radius: 10px;*/
/*    cursor: pointer;*/
/*    appearance: none;*/
/*}*/
/*.f_sel > div > a:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 24px;*/
/*    width: 8px;*/
/*    height: 2px;*/
/*    background: #555;*/
/*    z-index: 99;*/
/*    transform: rotate(-40deg) translateY(-50%);*/
/*    transition: 0.5s;*/
/*}*/
/*.f_sel > div > a:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 20px;*/
/*    width: 8px;*/
/*    height: 2px;*/
/*    background: #555;*/
/*    z-index: 99;*/
/*    transform: rotate(40deg) translateY(-50%);*/
/*    transition: 0.5s;*/
/*}*/
/*.f_sel > div > a.open::after{*/
/*    right:20px;*/
/*}*/
/*.f_sel > div > a.open::before{*/
/*    right:26px;*/
/*}*/
/*.f_sel > div > a.open{*/
/*    background-color: #fff;*/
/*    color: #222;*/
/*}*/
/*.f_sel > div > .submit {*/
/*    display: none;*/
/*}*/
/*.f_sel > div > ul {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    bottom: 110%;*/
/*    background: #fff;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    z-index: 999;*/
/*    border: 1px solid #e9e9e9;*/
/*    box-shadow: 0 0 5px rgba(0,0,0,0.10);*/
/*}*/
/*.f_sel > div > ul.open {*/
/*}*/
/*.f_sel > div > ul > li{*/
/*    padding: 8px 15px;*/
/*    cursor: pointer;*/
/*    line-height: 18px;*/
/*}*/
/*.f_sel > div > ul > li:hover{*/
/*    background-color: #1675be;*/
/*}*/
/*.f_sel > div > ul > li > a{*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    color: #666;*/
/*}*/
/*.f_sel > div > ul > li:hover > a{*/
/*    color: #fff;*/
/*}*/
/*.fm_wrap{*/
/*    display: flex;*/
/*    gap: 55px;*/
/*    padding-top: 20px;*/
/*    padding-bottom: 26px;*/
/*    border-top: 1px solid #eaeaea;*/
/*    align-items: center;*/
/*}*/
/*.fm_wrap .f_logo{*/

/*}*/
/*.fm_wrap .f_logo img{*/

/*}*/
/*.fm_wrap .f_txt{*/
/*    margin-top: 10px;*/
/*}*/
/*.fm_wrap .f_txt p{*/
/*    line-height: 1;*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*    color: #999;*/
/*    letter-spacing: -0.5px;*/
/*}*/
/*.fm_wrap .f_txt p:last-child{*/
/*    margin-top: 15px;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    color: #444;*/
/*}*/

/*@media screen and (max-width: 1400px){*/
/*    #footer > .inner{width: 100%;}*/
/*    .ft_wrap{padding: 0 40px; margin-bottom: 30px;}*/
/*    .fm_wrap{display: block; padding: 20px 40px 30px 40px;}*/
/*    .fm_wrap .f_txt p{line-height: 1.5;}*/
/*    .f_logo img{display: none;}*/
/*    .f_sel > div{flex: inherit;}*/
/*}*/
/*@media screen and (max-width: 1271px){*/
/*    .f_menu{margin-bottom: 30px;}*/
/*}*/
/*@media screen and (max-width: 768px){*/
/*    .f_sel{margin-bottom: 30px;}*/
/*    .f_menu{order: 1; margin-bottom: 0;}*/
/*    .f_menu .fm li a {font-size: 14px; line-height: 20px;}*/
/*    .f_menu .fm li:after {margin: 0 10px;}*/
/*    .fm_wrap .f_txt p {font-size: 12px; line-height: 16px;}*/
/*    .fm_wrap .f_txt p:last-child {font-size: 12px;}*/
/*    a#top_btn {width: 62px;}*/
/*}*/
/*@media screen and (max-width: 560px){*/
/*    .ft_wrap{padding: 0 20px;}*/
/*    .fm_wrap{padding: 20px;}*/
/*    .f_sel{width: 100%; flex-wrap: wrap;}*/
/*    .f_sel > div{width: 100%;}*/
/*    .f_menu .fm li:after{margin: 4px 15px 0px 15px;}*/
/*    .f_menu .fm li a{font-size: 14px;}*/
/*}*/
/*@media screen and (max-width: 480px){*/
/*    a#top_btn {width: 54px;}*/
/*    .ft_wrap{margin-bottom: 0;}*/
/*    .fm_wrap{padding: 10px 20px 20px;border: 0;}*/
/*    .f_menu .fm{width: 300px;}*/
/*    .f_menu .fm li:after {width: 1px;height: 12px;margin: 4px 12px 0px 12px;border: 0;background: #ddd;}*/
/*    .f_menu .fm li:nth-child(3):after{display: none;}*/
/*}*/