@charset "utf-8";
@import url(swiper.min.css);
@import url('../font/font.css');
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'JalnanOTF00';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@media print {a:after {content: "" !important;}}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'Pretendard', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#222;}
button,textarea {line-height:1.2; font-family: 'Pretendard', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#222;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover, a:focus {text-decoration:none; color:#222; cursor:pointer;}
a:active, a:hover, button:active, button:hover , button:focus {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}
html, body { height: auto;}
html{font-size:10px;}
body {min-width:300px;}
body img{width:auto}

/*
input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;opacity:0.8;}
input::-moz-placeholder {color:#afafaf;opacity:0.8;}
input:-ms-input-placeholder {color:#afafaf;}
input::placeholder {color:#afafaf;opacity: 0.8;}
*/

input::-webkit-input-placeholder {color:#333333;}
input:-moz-placeholder {color:#333333;opacity:1;}
input::-moz-placeholder {color:#333333;opacity:1;}
input:-ms-input-placeholder {color:#333333;}
input::placeholder {color:#333333;opacity: 1;}

button{margin:0;padding:0;}

body{background:#fff}
.hdn{font-size:0; height:0; overflow:hidden; position:absolute; width:0; line-height:0;}
.rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}


.elp{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:1;line-height: 1.1em;-webkit-box-orient: vertical;}
.elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.5em;-webkit-box-orient: vertical;}
.elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;}


.wb-show{display:block;}
.mb-show{display:none;}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#222222;} 
a:hover, a:active {color:#222222;}
a:focus-visible,
button:focus-visible{outline: 3px solid #000;}

/* color style */
.text-blue {color:#4D71CD !important;}

.text-center{text-align:center}

.hj, .jp{font-family:"Nanum Gothic"}
.bold{font-weight:600;}

/* table */
table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;}
table caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;	}
table button, table input {*overflow:auto;}


/* hide style */
.hidden, legend, .hdn{display:block !important;width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;}
.msg_sound-only, .sound-only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 컨텐츠 공통 */
.rwd-wide{width:1920px;margin:0 auto;}
.rwd{width:1400px;margin:0 auto;}

.br{display:block;}

.vmd{vertical-align:middle;}

.mr10{margin-right:1rem;}

.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt40{margin-top:4rem;}
.mt50{margin-top:5rem;}
.mt80{margin-top:6rem;}
.mt70{margin-top:7rem;}
.mt80{margin-top:8rem;}

.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb40{margin-bottom:4rem;}
.mb50{margin-bottom:5rem;}
.mb60{margin-bottom:6rem;}
.mb70{margin-bottom:7rem;}
.mb80{margin-bottom:8rem;}
.mb100{margin-bottom:10rem;}

.ic{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;;}
.ic-menu{width:24px;height:24px;background-image:url('../img/common/ic-menu.svg');}
.ic-talk{width:23px;height:21px;background-image:url('../img/common/ic-talk.svg');}
.ic-instar{width:20px;height:20px;background-image:url('../img/common/ic-instar.svg');}
.ic-more{width:24px;height:24px;background-image:url('../img/common/ic-more.svg');}
.ic-prev{width:8px;height:14px;background-image:url('../img/common/ic-prev.svg');}
.ic-next{width:8px;height:14px;background-image:url('../img/common/ic-prev.svg'); transform: rotate(-180deg);}
.ic-bn-prev{width:7px;height:10px;background-image:url('../img/common/ic-bn-prev.svg');}
.ic-bn-next{width:7px;height:10px;background-image:url('../img/common/ic-bn-prev.svg'); transform: rotate(-180deg);}
.ic-bn-stop{width:8px;height:11px;background-image:url('../img/common/ic-bn-stop.svg');}
.ic-prev-sm{width:7px;height:10px;background-image:url('../img/common/ic-prev-sm.svg');}
.ic-next-sm{width:7px;height:10px;background-image:url('../img/common/ic-prev-sm.svg'); transform: rotate(-180deg);}
.ic-sch{width:25px;height:25px;background-image:url('../img/common/ic-sch.svg');}
.ic-file{width:25px;height:25px;background-image:url('../img/common/ic-file.svg');}
/* 
.ic-next{width:27px;height:27px;background-image:url('../img/common/ic-next.svg');}
.ic-share{width:30px;height:30px;background-image:url('../img/common/ic-share.svg');}
.ic-print{width:30px;height:30px;background-image:url('../img/common/ic-print.svg');} */


.ft15{font-size:1.5rem}
.ft17{font-size:1.7rem}

.pt{color:#0071CE}
.pt2{color:#53C5EA;}
.pt3{color:#666;}
.pt4{color:#002479;}





#mobile-header{display:none}


#web-header{position:fixed;top:0;left:0;width:100%;z-index:150;}
#web-header .header{width:100%; height:75px;z-index:998;background:#fff;transition:background 0.5s ease;}
#web-header .header:after{content:"";display:block;clear:both;}
#web-header .rwd{position:relative;display:flex;}
#web-header .rwd:after{content:"";display:block;clear:both;}
#web-header .header h1{flex-shrink:0;display:flex;padding-top:18px;}

#web-header .header h1 img{max-width:320px;}
#web-header #nav {display:flex;;position:relative;height:75px;overflow:hidden;padding:0 0rem;margin-left:auto}
#web-header #nav:after{content:"";display:block;clear:both}
#web-header #nav .nav-box > ul{display:flex;justify-content:flex-end;margin:0 auto}
#web-header #nav .nav-box > ul > li {position:relative;}
#web-header #nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:75px;line-height:75px;padding:0 3.5rem;;text-align:center;white-space:nowrap;font-size:1.8rem;color:#333; font-weight:500}
#web-header #nav .nav-box > ul > li > a span:after {content:""; display:block;height:5px;width:5px;border-radius:100%;position:absolute; bottom:2.4rem; left:50%;box-sizing:unset}
#web-header #nav .nav-box > ul > li.active > a,
#web-header #nav .nav-box > ul > li.on > a,
#web-header #nav .nav-box > ul > li > a:hover,
#web-header #nav .nav-box > ul > li > a:focus{color:#333;font-weight:700;background:transparent;}

#web-header #nav .nav-box > ul .smenu {display:block;position:absolute;top:75px;left:0;width:100%;padding:2rem 0em 0px}
#web-header #nav .nav-box > ul .smenu ul > li{margin-right:0;font-size:1.7rem;font-weight:400;}
#web-header #nav .nav-box > ul .smenu ul > li a{display:block;padding:7px 0;color:#333;text-align:center;line-height:1.5em;white-space:nowrap}
#web-header #nav .nav-box > ul .smenu ul > li a:hover,
#web-header #nav .nav-box > ul .smenu ul > li a:focus,
#web-header #nav .nav-box > ul .smenu ul > li.active a{color:#000000}

#web-header #nav .nav-box > ul li.on .smenu{display:block;}

#web-header .bg{position:absolute;top:75px;left:0;width:100%;height:0px;background:#fff;border-top:1px solid #efefef}
#web-header .bg-full{display:none;position:fixed;top:0px;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.75);}

#web-header .nav-right{position:relative;padding-top:13px;}
#web-header .nav-right button,
#web-header .nav-right a{display:inline-block;width:48px;height:48px;line-height:48px;background:#222;border-radius:100%;text-align:center}

#container{position:relative;top:75px;width:100%;float:none;font-size:1.6rem;margin:0;}

footer{position:relative;top:79px;z-index:10;padding:0rem 0 3rem;background:#222222;border-top:none;color:#C3C3C3;}
footer .flink{border-bottom:1px solid #3D3D3D}
footer .flink ul{display:flex;border-left:1px solid #3D3D3D}
footer .flink ul li {border-right:1px solid #3D3D3D}
footer .flink ul li a{display:block;color:#E0E0E0;font-size:1.6rem;padding:1.8rem 3rem;}
footer .finfo{position:relative;color:#868686;font-size:1.5rem;text-align:left;}
footer h2{display:flex;flex-wrap:wrap;align-items:center;padding:2rem 0 2.3rem;font-size:14px}
footer h2 img{flex-shrink:0;}
footer h2 a{margin-right:1rem;}
footer .finfo-box{display:flex;flex-wrap:wrap}
footer  .address-info{display:flex;flex-wrap:wrap;margin-bottom:2rem;}
footer .finfo dl {display:flex;}
footer .finfo dt{flex-shrink:0;font-weight:700;margin-right:1rem}
footer .finfo dl dd {display:flex;flex-wrap:wrap}
footer .address-info li{display:inline-block;}
footer .address-info li strong{font-weight:700}
footer .address-info li:before{content:"";display:inline-block;width:1px;height:14px;margin:0 1.2rem;background:#414141;vertical-align:middle;}
footer .finfo .f-copyright{font-weight: 400;}
footer .finfo-box .sns-list{margin-left:auto;margin-top:auto}
footer .finfo-box .sns-list li{display:inline-block;margin-left:10px;text-align:center;}
footer .finfo-box .sns-list li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;background: rgba(255, 255, 255, 0.08);vertical-align:middle;}



img{max-width:100%;}

.br{display:block;}

@keyframes armove {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

/* 메인 */

.tit-bar{display:flex;}
.tit-bar .right{margin-left:auto}
.mtit{font-size:3rem;color:#333;font-family:'JalnanOTF00', sans-serif !important;white-space:nowrap}

.ctl {display:inline-block;}
.ctl button{width:42px;height:42px;border-radius: 42px;background: #FFF;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);text-align:center;line-height:42px;margin-left:5px;}
.ctl .swiper-button-disabled .ic{opacity:0.3}
.ctl2 button{width:24px;height:24px;border-radius: 5px;background:#FFF;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);text-align:center;line-height:24px;cursor:pointer}
.ctl2 button.play .ic{width:10px;height:12px;background-image:url('../img/common/ic-bn-play.svg');margin-left:2px;}

.btn-more{display:inline-block;width:42px;height:42px;border-radius: 42px;background:#394C72;text-align:center;line-height:42px;margin-left:5px;}
.btn-more .ic{transition: transform 1s;}
.btn-more:hover .ic{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.swiper-button-lock + button{display:none;}

.main-visual{position:relative;overflow:hidden;background:#fff !important;}
.main-visual .main-slide{background-position:center bottom;background-size:cover}
.main-visual .main-slide .rwd{display:flex;align-items:center}
.main-visual .main-slide .rwd .img{margin-left:auto;padding:4.6rem 0 6px;;}
.main-visual .slogan strong{line-height:1.5em;color:#333  !important;font-size:clamp(1.8rem, 3.5vw, 5.4rem); font-family: 'JalnanOTF00', sans-serif;}
.main-visual .slogan span{color:#53C5EA}
.main-visual .slogan p{color:#555;font-size:clamp(1.6rem, 2vw, 2.4rem);margin-top:2.5rem;font-weight:500}
.main-visual .mvisual-control{position:absolute;bottom:3rem;left:0;width:100%;z-index:80;text-align:center}
.main-visual .mvisual-control button{margin:0 3px;}
.main-visual .mvisual-swiper-pagination{color:#fff;display:inline-block;font-size:1.6rem;letter-spacing:-0.09em;text-align:center;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff  !important;margin:0 6px 0 0;font-size:0;opacity:1;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:14px;height:14px;background:transparent;background:#009688  !important;border-radius:14px;}



.msection1 .msection-notice{display:flex;padding:6rem 0 8rem;}
.msection1 .msection-news{flex:1;margin-right:4rem;position:relative;    word-break: break-all;}
.msection1 .msection-news .top{display:flex;align-items:center;margin-bottom:3.5rem;padding-right:150px;;}
.msection1 .msection-news .top .tab{margin:0 auto}
.msection1 .msection-news .top .tab ul {display:flex;}
.msection1 .msection-news .top .tab ul li {display:flex;align-items:center}
.msection1 .msection-news .top .tab ul li a{font-size:1.8rem;color:#7C8699;white-space:nowrap;font-family: 'JalnanOTF00', sans-serif;}
.msection1 .msection-news .top .tab ul li.active a:after{content:"";display:block;background:#333;height:2px;width:100%;;}
.msection1 .msection-news .top .tab ul li.active a{color:#333;}
.msection1 .msection-news .top .tab ul li:after{content:"";display:inline-block;background:#D9D9D9;width:5px;height:5px;border-radius:5px;margin:0 2rem;}
.msection1 .msection-news .top .tab ul li:last-child:after{display:none}
.msection1 .msection-news .control{display:inline-block;position:absolute;top:0;right:0;}


.msection1 .new-tab-container .tab-cont{max-width:1010px;overflow:hidden;display:none}
.msection1 .new-tab-container .tab-cont:nth-child(1){display:block}
.msection1 .news-list ul{display:flex;padding:1rem .5rem 1rem .6rem;margin:0 -1.2rem;}
.msection1 .news-list li{max-width:317px;min-height:250px;margin:0 1.2rem;;border-radius: 30px;background: #FFF;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);}
.msection1 .news-list li a{display:block;padding:4.4rem 4rem;}
.msection1 .news-list li a .date{color:#53C5EA;font-size:1.8rem;font-weight:700}
.msection1 .news-list li a .tit{display:block;margin:1.6rem 0 2rem;font-size:2rem;line-height:1.4em}
.msection1 .news-list li a .txt{display:block;line-height:1.4em;color:#666}
.msection1 .news-list li:last-child{margin-right:0;}
.msection1 .news-list li.empty{max-width:100%;width:100%;text-align:center;box-shadow:none;padding:3rem 0}

.msection1 .msection-info{max-width:350px;height:327px;flex-shrink:0;padding:3.5rem 4rem;color:#fff;border-radius: 30px;background: var(--ddd, linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%));}
.msection1 .msection-info .ctg{display:block;color:#FFED61;font-weight: 600;}
.msection1 .msection-info strong{display:block;margin:1rem 0 1.5rem;font-size:3rem;font-family: 'JalnanOTF00', sans-serif;}
.msection1 .msection-info p{display:block;line-height:1.5em;margin-bottom:1.5rem;letter-spacing: -0.02em; word-break: keep-all;}
.msection1 .msection-info ul li{margin-top:1rem;}
.msection1 .msection-info ul li a{display:block;border-radius: 50px;background: rgba(255, 255, 255, 0.20);padding:1.3rem 4rem;font-size:2rem;font-weight:700;color:#fff}
.msection1 .msection-info ul li a span{padding-left:3.5rem;background:url('../img/main/ic-tel.svg') 0 top no-repeat;}

.msection2{background:url('../img/main/bg-banner-bar.jpg') center top no-repeat;color:#fff;background-size:cover;}
.msection2 .banner-bar{display:flex;align-items:center;padding:9rem 0 8rem;}
.msection2 .banner-bar dt{font-size:3rem;line-height:1.5em;font-family: 'JalnanOTF00', sans-serif;word-break:keep-all}
.msection2 .banner-bar dd{font-size:1.8rem;margin-top:1.5rem;word-break:keep-all}
.msection2 .banner-bar ul{margin-left:auto;}
.msection2 .banner-bar ul li {padding:8px 0}
.msection2 .banner-bar ul li a{display:block;position:relative;width:260px;height: 60px;padding:2rem 2.8rem;border-radius: 60px;background: rgba(255, 255, 255, 0.80);font-size:1.8rem;font-weight:700;color:#394C72;letter-spacing:-0.05em}
.msection2 .banner-bar ul li a:after{content:"";display:block;width:20px;height:20px;position:absolute;right:2.8rem;top:2rem;background:url('../img/main/ic-more-ar1.svg') right center;transition: all 0.2s ease;}
.msection2 .banner-bar ul li:nth-child(2) a{background:#394C72;color:#fff;}
.msection2 .banner-bar ul li:nth-child(2) a:after{background:url('../img/main/ic-more-ar2.svg') right center;}
.msection2 .banner-bar ul li a:hover:after{animation: armove 0.5s ease-out 1;}

.msection3 .rwd{padding:8.5rem 0 8rem;}
.msection3 .tit-bar{margin-bottom:4rem;}
.msection3 .card-news-list{overflow:hidden;}
.msection3 ul{display:flex;}
.msection3 ul li{width:248px;margin-right:4rem;}
.msection3 ul li .img{position:relative;display:block;padding-top:100%;overflow:hidden;border-radius:30px;}
.msection3 ul li .img .img-src{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:30px;transition: transform 0.3s ease-in-out;}
.msection3 ul li .img:hover .img-src{transform: scale(1.05);}
.msection3 ul li .info strong{display:block;color:#333;font-size:2rem;display:block;margin:3rem 0 2rem;}
.msection3 ul li .info .date{color:#666;}
.msection3 ul li:last-child{margin-right:0}
.msection3 ul li.empty{width:100%;text-align:center;padding:5rem 0;min-height:240px;}

.msection4 {background:#192F55;padding:6rem 0;overflow:hidden;}
.msection4 .tit-bar{display:block;margin-bottom:3rem;text-align:center}
.msection4 .tit-bar p{font-size:1.8rem;color:#56E479;font-size:600;margin-bottom:1.5rem;;}
.msection4 .tit-bar .mtit{color:#fff;}
.msection4 .counselor-list .swiper-wrapper{display:flex;flex-wrap:nowrap;margin-bottom:5rem;}
.msection4 .counselor-list .swiper-wrapper .swiper-slide{width:auto !important}
.msection4 .counselor-list .items{flex-shrink:0;width:320px;margin:0 2rem;padding:4rem 3rem;border-radius: 30px;background: #FFF;}
.msection4 .counselor-list .items .img{display:block;width:150px;height:150px;border-radius:100%;margin:0 auto 3rem;background-position:center center;background-size:cover}
.msection4 .counselor-list .items .name-bar{display:block;margin-bottom:2rem;}
.msection4 .counselor-list .items .name-bar strong{color:#333;font-size:2.6rem;font-weight:700;margin-right:1rem;}
.msection4 .counselor-list .items .name-bar .part{color:#53C5EA;font-size:1.8rem;font-weight:700;}
.msection4 .counselor-list .items .info{margin-bottom:2rem;}
.msection4 .counselor-list .items .info li{display:flex;color:#666;padding:1px 0;line-height:1.3em}
.msection4 .counselor-list .items .info li:before{content:"·";margin-right:5px;flex-shrink:0;}
.msection4 .counselor-list .items .tag-list li{display:inline-block;padding:5px 13px;margin:5px 8px 5px 0;border-radius: 50px;background: #F4F4F4;color:#4369AA}
.msection4 .counselor-list .items .tag-list li:before{content:"#"}
.msection4 .control{text-align:center}
.msection4 .control button{border:2px solid #FFF;background:transparent;width:30px;height:30px;margin:0 2rem;line-height:30px;vertical-align:middle;}
.msection4 .control button .ic{margin-bottom:5.5px;}
.msection4 .control .counselor-pagination{position:relative;width:360px;display:inline-block;height:3px;background: rgba(255, 255, 255, 0.50);vertical-align:middle;}
.msection4 .control .counselor-pagination .swiper-pagination-progressbar-fill{background:#fff;}

.msection5 .rwd{padding:8rem 0 16rem;}
.msection5 .tit-bar{margin-bottom:3rem;display:flex;align-items:center}
.msection5 .ctl2{margin-left:3rem;}
.msection5 .banner-list{overflow:hidden;}
.msection5 .banner-list ul{display:flex;}
.msection5 .banner-list ul li{margin-right:2rem;width:auto !important}
.msection5 .banner-list ul li:last-child{margin-right:0}

/* 서브*/
.sub-container{background:#fff;}
.sub-top{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:300px;color:#fff;background:url('../img/sub/img-sub-top.jpg') center top no-repeat;background-size:cover;}
.sub-top h2{font-size:clamp(2.6rem, 4vw, 4rem);text-align:center;letter-spacing: -1.5px;color:#fff;font-weight:700;margin-bottom:2.5rem;}
.sub-top p{font-weight: 500;padding-bottom:3rem;font-size:clamp(1.6rem, 4vw, 2.4rem);}

#sub-top1{background:url('../img/sub/img-sub-top1.jpg') center 0 no-repeat;background-size:cover;}
#sub-top2{background:url('../img/sub/img-sub-top2.jpg') center 0 no-repeat;background-size:cover;}
#sub-top3{background:url('../img/sub/img-sub-top3.jpg') center 0 no-repeat;background-size:cover;}
#sub-top4{background:url('../img/sub/img-sub-top4.jpg') center 0 no-repeat;background-size:cover;}
#sub-top5{background:url('../img/sub/img-sub-top5.jpg') center 0 no-repeat;background-size:cover;}
#sub-top6{background:url('../img/sub/img-sub-top6.jpg') center 0 no-repeat;background-size:cover;}

.sub-top-menu-no{height:75px;}
.sub-top-menu{ transform: translateY(-50%);max-width:1200px;margin:0 auto 0rem}
.sub-top-menu button{display:none}
.sub-top-menu ul.depth-list {display:flex;align-items:center;justify-content:center}
.sub-top-menu ul.depth-list li{min-width:25%;border: 1px solid #DDD;background: #FFF;margin:0 -1px;flex:1}
.sub-top-menu ul.depth-list li > a{font-size:1.8rem;color:rgba(102, 102, 102, 0.40);text-align:center;display:block;padding:2.4rem 1rem 2.4rem 1rem;font-weight: 700;}
.sub-top-menu ul.depth-list li.active{background:#394C72;margin:-1px;border: 1px solid #394C72}
.sub-top-menu ul.depth-list li.active > a{color:#ffffff;font-weight:700;}
.sub-top-menu ul.depth-list li:first-child{border-radius:10px 0 0 10px;margin:0 0px;}
.sub-top-menu ul.depth-list li:last-child{border-radius:0 10px 10px 0;margin:0 0px;}
.sub-top-menu ul.depth-list li:first-child:last-child{border-radius:10px;}

.page-title{text-align:center;margin:5rem 0 8rem;}
.page-title .page-location{margin-bottom:2.5rem;letter-spacing:-0.01em;color:#666;font-size:1.5rem}
.page-title .page-location a,
.page-title .page-location span{color:#666}
.page-title .page-location .home{padding-left:28px;background:url('../img/common/ic-home.svg') 0 center no-repeat;}
.page-title .page-location a:after,
.page-title .page-location span:after{content:"";display:inline-block;position:relative;top:-2px;width:20px;height:20px;margin:2px .6rem 0;background:url('../img/sub/ic-location-ar.svg') center center no-repeat;vertical-align:middle;}
.page-title .page-location span:last-child,
.page-title .page-location span:last-child a{color:#53C5EA;font-weight:700}
.page-title .page-location span:last-child:after{display:none}
.page-title h3{font-size:3.6rem;font-weight:700;color:#000}


.sub-content  #content{position:relative;min-height:400px;padding:0px 0 20rem}
.sub-content  #conttent.pb0{padding-bottom: 0;}


.btn-scroll-top{position:fixed;bottom:20px;left:0;z-index:1000;width:100%}
.btn-scroll-top .rwd{position:relative;}
.btn-scroll-top a{position:absolute;top:-50px;right:-80px;display:inline-block;background:#000 url("../img/common/ic-move-top.svg") center center no-repeat;width:50px;height:50px;border-radius:100%}


.tit1{margin-bottom:3rem;font-size:2.6rem;color:#222;font-weight:700;background:url('../img/page/ic-tit01.svg') 0 center no-repeat;padding-left:3rem;}


.table-chart{width:100%;border-collapse:collapse;}
.table-chart{border-top:2px solid #394C72}
.table-chart thead th{background:#F9FAFB;color:#333;padding:2.5rem 1.5rem;text-align:center;border-bottom:1px solid #DDD}
.table-chart tbody td{border-bottom:1px solid #DDD;color:#333;padding:2rem 1.5rem;text-align:center;vertical-align:middle;line-height:1.5em;font-weight:500}
.table-chart tbody td.left{text-align:left}
.table-chart.table-lg td{height:90px;}

/*
.btn01{display:inline-block;padding:0 20px;min-width:38px;min-height:38px;line-height:38px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box}
.btn02{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#de6e6c !important;border:1px solid #de6e6c  !important;color:#fff;box-sizing:border-box;white-space:nowrap}
.btn03{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#3777bc !important;border:1px solid #3777bc  !important;color:#fff;box-sizing:border-box}
button.btn03{padding:0 0px!important;}
.btn03:hover{color:#fff}
.btn04{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#fff !important;border:1px solid #00a651  !important;color:#00a651;box-sizing:border-box}
.btn04:hover{color:#00a651}


.btn-site-link{display:inline-block;padding:0rem 3rem;height:80px;line-height:80px;border-radius: 40px;border: 1px solid #E0E0E0;box-sizing:border-box}
.btn-site-link img{vertical-align:middle;}
.btn-site-link span{vertical-align:middle;font-size:2rem;color:#666;font-weight:700;margin-left:3rem;}


.tit1{margin-bottom:3rem;font-size:2rem;color:#006E2C}
.tit2{position:relative;margin-bottom:3rem;font-size:1.6rem;padding-left:25px;color:#333;font-weight:600}
.tit2:before{content:"";position:absolute;top:7px;left:10px;;display:block;width:4px;height:4px;border-radius:100%;background:#333;}

.dash-list li{position:relative;padding-left:1.3rem;margin:1rem 0;}
.dash-list li:before{content:"-";position:absolute;top:0;left:0;}

.img-caption{text-align:center;}
.img-caption .img{display:inline-block;text-align:center;}
.img-caption .stxt{display:block;margin-top:1.5rem;color:#999;font-size:1.4rem;letter-spacing:.01em}


.section-box{line-height:1.65em;color:#333}
.section-bg{border: 1px solid #DDD;background: #F8F8F8;}

.txt-list li{color:#333;margin-bottom:2rem;line-height:1.65em;}
.txt-list li strong{display:block;margin-bottom:.5rem;}

.dsc-section{display:flex;justify-content: space-between;margin-right:0 -1.2rem;}
.dsc-section .txt{display:block;padding:2rem 1rem;text-align:center;line-height:1.4em;font-size:1.4rem}
.dsc-section .item{display:block;flex-grow: 1;text-align:center;padding:0 1.2rem;}
.dsc-section .item .item-cont{display:flex;flex-direction:column;height:100%;justify-content: space-between;}
.dsc-section .item .item-cont .img{margin:auto 0;}


.top-txt{line-height:1.6em;margin-bottom:2.5rem;color:#333}
.top-txt strong{font-weight:600}

.tab-style ul{display:flex;flex-wrap:wrap;margin-left:-8px;margin-bottom:6rem;}
.tab-style ul li{flex:1}
.tab-style ul li a{display:flex;justify-content:center;align-items: center;height:100%;border: 1px solid #000;font-size:1.6rem;color:#000;margin-left:8px;padding:1.5rem;text-align:center;}
.tab-style ul li.active a{background:#006E2C;color:#fff;border:1px solid #006E2C;font-weight:700}

.tab-style .tab5{margin-bottom:4rem;}
.tab-style .tab5 li{width:20%; flex: inherit;margin-bottom:1rem;}
.tab-style .tab4 li{width:25%; flex: inherit;margin-bottom:1rem;}
.tab-style .tab3 li{width:33.3%; flex: inherit;margin-bottom:1rem;    word-break: break-all;}

.tab-select button{display:none}


.list-style1{border-top:2px solid #000}
.list-style1 .item{display:flex;align-items:center;padding:2rem 3rem;border-bottom:1px solid #E0E0E0}
.list-style1 .item .img{flex-shrink:0;border:1px solid #E0E0E0;text-align:center}
.list-style1 .item .cont{padding-left:3rem;width:100%}
.list-style1 .item .cont .tit{display:block;font-size:2rem;color:#000;font-weight:500}
.list-style1 .item .cont .txt{display:block;margin:2rem 0 4rem;line-height:1.6em}
.list-style1 .item .cont .btn-view{display:block;max-width:200px;height:50px;line-height:50px;text-align:center;font-weight:500;border:1px solid #000;}

.list-style2{border-top:2px solid #000;margin-bottom:3rem;}
.list-style2 ul li{border-bottom:1px solid #E0E0E0;display:block;padding:2rem 3rem 1.5rem}
.list-style2 ul li .opt{display:block;margin-bottom:2rem;}
.list-style2 ul li .opt span{display:inline-block;padding:.5rem 1rem}
.list-style2 ul li .opt span.num{min-width:60px;border:1px solid #000;color:#333;margin-right:.8rem;text-align:center}
.list-style2 ul li .opt span.ctg{border:1px solid #006E2C;color:#006E2C}
.list-style2 ul li .tit{display:block;font-size:2rem;letter-spacing:-0.01em;min-height:48px;margin-bottom:1rem;font-weight:500;color:#000}
.list-style2 ul li .info{display:flex;flex-wrap:wrap;align-items:center}

.txt-bar{display:flex;align-items:center;padding:.5rem 0}
.txt-bar:after{content:"";display:inline-block;width:1px;height:16px;margin:0 2rem;background:#ddd;}
.txt-bar:last-child:after{display:none}
.txt-bar strong{color:#006E2C;font-weight:500;margin-right:1rem;white-space:nowrap}
.txt-bar.wide{display:block;margin-bottom:.3rem;}
.txt-bar.wide:after{display:none}

.list-style2.size-sm{margin-bottom: 0;}
.list-style2.size-sm ul li .tit{font-size:1.6rem;min-height:auto}


/*  인사말 */
.intro-top{position:relative;display:flex;align-items:center;padding-bottom:7rem;margin-bottom:7rem;;border-bottom:1px solid #999}
.intro-top:after{content:"";display:block;width:180px;height:2px;background:#000;position:absolute;bottom:0;left:0;}
.intro-top .intro-talk{padding-right:2rem}
.intro-top .intro-talk .txt{display:block;margin-bottom:3rem;;font-family: 'Continuous', sans-serif;font-size:clamp(2rem, 4vw, 3.4rem);font-weight:400;color:#53C5EA}
.intro-top .intro-talk strong{display:block;margin-bottom: 7rem;font-size:clamp(2.4rem, 4vw, 4rem);color:#000;line-height:1.7em;}
.intro-top .intro-talk .sign-box{font-size:clamp(1.6rem, 4vw, 2rem);display:flex;align-items:center;}
.intro-top .intro-talk .sign-box .sign{margin-left:4rem;}
.intro-top .img{margin-left:auto;}

.intro-content {font-size:2rem;color:#666;line-height:2em;}
.intro-content strong{line-height:1.5em;font-size:3rem;color:#000;display:block;margin-bottom:4rem;;}


/* 조직도 */
.img-org{margin-bottom:8rem;}


/* 이용안내 */
.guild-area{display:flex;align-items:center;padding:5rem;border-radius: 30px;background: #F5F9FD;}
.guild-area dl{padding-right:2rem;}
.guild-area dl dt{margin-bottom:2rem;background:url('../img/page/ic-tit-cs.svg') 0 center no-repeat;padding:1rem 0 1rem 7rem;color:#000;font-weight:700;font-size:3rem}
.guild-area dl dd{font-size:2rem;color:#666;font-weight: 500;}
.guild-area dl dd p{margin-bottom:4rem;line-height:1.8em}
.guild-area dl dd ul{margin-bottom:2rem;}
.guild-area dl dd li{color:#666;padding:1rem 0;font-weight:700;font-size:2rem;background:url('../img/page/ic-li-ar.svg') 0 17px no-repeat;padding-left:3rem;}
.guild-area .img{margin-left:auto }

/* 상담문의 */
.page-counsel{padding-bottom:4rem;}
.page-counsel .counsel-top{padding:6rem 4rem 4rem;border-radius: 30px;background:#F5F9FD;text-align:center}
.page-counsel .counsel-top1 .title{display:inline-block;position:relative;;padding:2rem 120px;margin-bottom:6rem; }
.page-counsel .counsel-top1 .title:before,
.page-counsel .counsel-top1 .title:after{content:"";position:absolute;display:inline-block;width:94px;height:66px;}
.page-counsel .counsel-top1 .title:before{top:0;left:0;background:url('../img/page/icon-tit-left.png');}
.page-counsel .counsel-top1 .title:after{bottom:0;right:0;background:url('../img/page/icon-tit-right.png');}
.page-counsel .counsel-top1 .title{text-align:center;font-size:3rem;line-height:1.5em;color:#000;}
.page-counsel .counsel-top1 .title-txt{display:inline-block;word-break: keep-all;;}
.page-counsel .counsel-top1 .title-txt strong{font-weight:700;display:block;}
.page-counsel .counsel-top1 .title-txt span{display:inline-block;}

.flow-chart img{max-width:1099px;}
/* .page-counsel .counsel-top1  .flow-chart-box{display:flex;justify-content:center;align-items:center}
.page-counsel .counsel-top1 .flow-chart-box .circle-center{position:relative;width:30%;padding-top: 30%;background: #FFF;border-radius:100%;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);}
.page-counsel .counsel-top1 .flow-chart-box .circle-center span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#53C5EA;font-size:3rem;font-weight:700;}
.page-counsel .counsel-top1 .flow-chart-box .item{display:flex;align-items:center;padding:0 2rem}
.page-counsel .counsel-top1 .flow-chart-box .item .txt{display:block;color:#394C72;font-size:2rem;text-align:center;margin:0 2rem}
.page-counsel .counsel-top1 .flow-chart-box .item .txt span{display:block;padding:2rem 0;font-weight: 700;}
.page-counsel .counsel-top1 .flow-chart-box .item .txt .bar{width:207px;height:15px;background:url('../img/page/icon-arrow.png') 0 center no-repeat;}
.page-counsel .counsel-top1 .flow-chart-box .item.left .txt .bar{transform: rotate(180deg)} */

.page-counsel .counsel-top2{display:flex;border-radius:30px;background: #f9f9f9;padding:7rem 6rem 0 8rem;text-align:left}
.page-counsel .counsel-top2 .title{margin:auto 0;padding:4rem 0;width:55%}
.page-counsel .counsel-top2 .title-txt{display:block;margin-bottom:4rem;font-size:3rem;line-height:1.5em;color:#000;}
.page-counsel .counsel-top2 .title-txt strong{display:block;}
.page-counsel .counsel-top2 .title ul {display:flex;flex-wrap:wrap}
.page-counsel .counsel-top2 .title ul li{margin-right:1rem;}
.page-counsel .counsel-top2 .title ul li a{display:inline-block;border-radius: 50px;padding:1.4rem 3rem;margin:.5rem 0;background: linear-gradient(90deg, #1E3C72 0%, #1E3C72 1%, #2A5298 100%);color:#fff;font-size:2rem;font-weight:500;;}
.page-counsel .counsel-top2 .title ul li a span{padding-left:4rem;background:url('../img/page/icon-tel.png') 0 center no-repeat;}
.page-counsel .counsel-top2 .title ul li:nth-child(2) a{padding:1.4rem 3rem;background: linear-gradient(90deg, #2193B0 0%, #6DD5ED 100%);}
.page-counsel .counsel-top2 .title ul li:nth-child(2) a span{padding-left:3.5rem;background:url('../img/page/icon-talk.png') 0 center no-repeat;}
.page-counsel .counsel-top2 .img{margin-left:auto;margin-top:auto;max-width:45%;padding-left:2rem}


.page-counsel .counsel-top3{display:flex;border-radius:30px;background: var(--ddd, linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%));padding:5rem 8rem 5rem 2rem;margin-bottom:8rem;;text-align:left}
.page-counsel .counsel-top3 .title{margin:auto 0}
.page-counsel .counsel-top3 .title-txt{display:block;margin-bottom:1rem;font-size:3rem;line-height:1.5em;color:#fff;}
.page-counsel .counsel-top3 .title p{color:#fff;font-size:2rem;font-weight:500;line-height:1.7em;margin-bottom:4rem;}
.page-counsel .counsel-top3 .title p strong{color:#FFED61}
.page-counsel .counsel-top3 .title ul {display:flex;flex-wrap:wrap;}
.page-counsel .counsel-top3 .title ul li{margin-right:2rem;}
.page-counsel .counsel-top3 .title ul li a{display:inline-block;border-radius: 50px;padding:1.4rem 4rem;margin:.5rem 0;background: rgba(255, 255, 255, 0.20);color:#fff;font-size:2rem;font-weight:700;white-space:nowrap}
.page-counsel .counsel-top3 .title ul li a span{padding-left:4rem;background:url('../img/page/icon-tel.png') 0 center no-repeat;}
.page-counsel .counsel-top3 .img{position:relative;bottom:-5rem;margin-top:auto;flex-shrink:0;max-width:50%}


.page-counsel .counsel-txt{margin:6rem 0 8rem;text-align:center;font-size:2rem;color:#666;line-height:1.8em;font-weight:500}
.page-counsel .counsel-dl-list{margin-bottom:6rem;}
.page-counsel .counsel-dl-list .item{padding:2rem;border-radius: 100px;border: 1px solid #E3E3E3;background: #FFF;margin-bottom:4rem;color:#666;}
.page-counsel .counsel-dl-list .item dl{display:flex;align-items:center;padding:4.9rem 8rem;border-radius: 100px;border: 1px solid #3A69EA;background: #FFF;}
.page-counsel .counsel-dl-list .item dl dt{flex-shrink:0;margin-right:8.5%;text-align:center;width:180px;}
.page-counsel .counsel-dl-list .item dl dt span{font-size:1.8rem;font-weight:400}
.page-counsel .counsel-dl-list .item dl dt strong{display:block;font-size:2.4rem;color:#3A69EA;font-weight:700}
.page-counsel .counsel-dl-list .item dl dd{font-weight: 500;font-size:2rem}
.page-counsel .counsel-dl-list .item:nth-child(2) dl{border-color:#45C0B9}
.page-counsel .counsel-dl-list .item:nth-child(2) dt strong{color:#45C0B9}
.page-counsel .counsel-dl-list.counsel-dl-list2 .item:nth-child(1) dl{border-color:#F09819}
.page-counsel .counsel-dl-list.counsel-dl-list2 .item:nth-child(1) dt strong{color:#F09819}
.page-counsel .counsel-dl-list.counsel-dl-list2 .item:nth-child(2) dl{border-color:#34C759}
.page-counsel .counsel-dl-list.counsel-dl-list2 .item:nth-child(2) dt strong{color:#34C759}

.page-counsel .target-list{}
.page-counsel .target-list li{display:flex;align-items:center;margin-bottom:2rem;border-radius: 80px;background: #F3FBFF;padding:4rem 9rem;}
.page-counsel .target-list li:nth-child(even){background:#F5F9FD;}
.page-counsel .target-list li:nth-child(even) .num{color:#3A69EA;}
.page-counsel .target-list li .num{font-size:3.4rem;font-weight:700;color:#53C5EA;margin-right:6.5rem;}
.page-counsel .target-list li .txt{font-size:2rem;font-weight:400;color:#333;}

.btn-link-bar{text-align:center}
.btn-link-bar a{border-radius: 60px;background: #394C72;color:#fff;display:inline-block;min-width:26rem;text-align:left;padding:1.8rem 2.8rem;border-radius: 29px;border: 1px solid #0E3A83;font-size:1.8rem;font-weight:600}
.btn-link-bar a span{position:relative;display:block;padding-right:3rem;}
.btn-link-bar a span:after{content:"";display:block;width:20px;height:20px;position:absolute;right:0;top:0rem;background:url('../img/main/ic-more-ar2.svg') right center;transition: all 0.2s ease;}
.btn-link-bar a:hover span:after{animation: armove 0.5s ease-out 1;}
.btn-link-bar a.md-size{min-width:34rem;}

/* 평가프로그램 */
.page-program{margin-bottom:4rem;}
.page-program .program-top{display:flex;align-items:center;padding:5rem 6rem 5rem 7rem;margin-bottom:6rem;border-radius: 30px;background: #F5F9FD;}
.page-program .program-top .title strong{display:block;margin-bottom:3rem;color: #000;font-size: 30px;font-weight: 700;line-height:1.5em}
.page-program .program-top .title p{color:#666;font-weight:500;;font-size:2rem;line-height:1.7em}
.page-program .program-top .img{margin-left:auto;min-width:40%;max-width:55%;padding-left:3rem;flex-shrink:0;}

.page-program .program-dl-list{margin-bottom:6rem;}
.page-program .program-dl-list .item{display:flex;align-items:center;padding:2rem;border-radius: 100px;border: 1px solid #E3E3E3;background: #FFF;margin-bottom:4rem;color:#666;}
.page-program .program-dl-list .item dl{padding-right:2rem}
.page-program .program-dl-list .item dl dt{font-size:2.4rem;margin-bottom:1.4rem;color:#34C759;font-weight:700}
.page-program .program-dl-list .item dl dd{font-weight: 500;font-size:2rem}
.page-program .program-dl-list .item .img{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius: 100px;border: 1px solid #34C759;background: #FFF;width:160px;height:160px;margin-right:6%;text-align:center;}
.page-program .program-dl-list .item .img img{width:50%}
.page-program .program-dl-list .item:nth-child(2) dt{color:#08F}
.page-program .program-dl-list .item:nth-child(2) .img{border-color:#08F}
.page-program .program-dl-list .item:nth-child(3) dt{color:#F09819}
.page-program .program-dl-list .item:nth-child(3) .img{border-color:#F09819}

.page-program .program-dl-list2 .item:nth-child(2) dt{color:#53C5EA}
.page-program .program-dl-list2 .item:nth-child(2) .img{border-color:#53C5EA}
.page-program .program-dl-list2 .item:nth-child(2) dt{color:#3A69EA}
.page-program .program-dl-list2 .item:nth-child(2) .img{border-color:#3A69EA}
.page-program .program-dl-list2 .item:nth-child(3) dt{color:#45C0B9}
.page-program .program-dl-list2 .item:nth-child(3) .img{border-color:#45C0B9}

/* 로그인 */
.auth_wrap{display:flex;align-items:center;min-height:100%;padding:80px 2rem 60px;margin:0 auto;max-width:1280px;box-sizing:border-box}
.login-box{width:1028px;margin:0 auto;border:1px solid #d4d6d8}
.login-box .login-header{background:#f6f8fa;padding:4rem 2rem;text-align:center}
.login-box .login-header h1{margin:0;font-size:clamp(2rem, 4vw, 3.3rem);margin-bottom:2rem;}
.login-box .login-header p{font-size:1.5rem;line-height:1.5em}
.login-box .login-body{max-width:400px;padding:5rem 2rem;margin:0 auto;text-align:left}
.login-box .login-body dl{margin-bottom:1.5rem;}
.login-box .login-body dl dt{display:none}
.login-box .login-body .inp{font-size:1.5rem}
.login-box .checkbox {margin-bottom:1.5rem;}
.login-box .checkbox label, .login-box .radio label{padding-left: 0;}
.login-box .checkbox .lb{font-size:1.4rem;padding-left:.5rem;color:#46464a;vertical-align:middle;}

.login-box .inp{height:45px;line-height:45px;background:#fff;border:1px solid #ddd;text-indent:20px;width:100%;border-radius:0px;font-size:1.4rem}
.login-box .inp:focus{background:#e8f0fe;}

input.inp{padding:0;font-size:1.4rem}
input.inp::-webkit-input-placeholder {color:#999999;}
input.inp:-moz-placeholder {color:#999999;opacity:0.8;}
input.inp::-moz-placeholder {color:#999999;opacity:0.8;}
input.inp:-ms-input-placeholder {color:#999999;}
input.inp::placeholder {color:#999999;opacity: 0.8;}

.login-box .btn-submit button{width:100%;background-color:#006E2C;border:1px solid #006E2C;color:#fff;display:inline-block;height:58px;line-height:58px;vertical-align:middle;padding:0;font-weight:400;font-size:2rem;text-align:center}
.login-box .btn-submit button:hover{background:#006E2C;border-color:#006E2C}

.etc-page{max-width:1200px;margin:0 auto;line-height:1.4em}
.email_box{text-align:center}
.email_box img{margin-bottom:2rem;}

.jumbotron{background:#fff;}
.jumbotron h3{margin-bottom:2rem;}
.jumbotron  p{font-size:1.6rem !important}

/* 외부상담소 */
.img-map{margin-bottom:4rem;}
.map-info{display:flex;align-items:center;margin-bottom:6rem;}
.map-info dl dt{margin-bottom:2.5rem;color:#000000;font-size:3rem}
.map-info dl dd ul li{display:flex;align-items:center;margin-bottom:2rem;color:#666;}
.map-info dl dd ul li a{color:#666}
.map-info dl dd ul li strong{flex-shrink:0;margin:0 1.5rem}
.map-info dl dd ul li:before{content:"";background-color:#F6F6F6;background-repeat:no-repeat;background-position:center center;width:30px;height:30px;border-radius:100%;display:inline-block;}
.map-info dl dd ul li.addr:before{background-image:url('../img/page/ic-addr.svg');}
.map-info dl dd ul li.tel:before{background-image:url('../img/page/ic-tel.svg');}
.map-info dl dd ul li.mail:before{background-image:url('../img/page/ic-mail.svg');}
.map-info dl dd ul li.fax:before{background-image:url('../img/page/ic-fax.svg');}
.map-info .right{display:inline-block;margin-left:auto}
.map-info .right a{display:inline-flex;align-items:center;min-width:26rem;border-radius: 60px;background: #394C72;color:#fff;font-size:1.8rem;font-weight:700;padding:1.7rem 2.5rem;text-align:left}
.map-info .right a:after{content:"";display:block;width:20px;height:20px;margin-left:auto;background-image:url('../img/page/ic-map-ar.svg');}


@media screen and (max-width:1500px) {
.btn-scroll-top .rwd{width:100%}
.btn-scroll-top a{right:20px}
}


@media screen and (max-width:1440px) {
.rwd{width:100%;padding-left:2rem !important;padding-right:2rem !important;}

}

@media screen and (max-width:1360px) {
.page-program .program-top .title strong .br{display:inline-block;}

#web-header .header h1{padding-top:22px}
#web-header .header h1 img{width:280px;}
}
@media screen and (max-width:1326px) {


#web-header .header h1 img{width:260px;}

#web-header #nav{margin-left:2rem;width:100%;}
#web-header #nav .nav-box{margin:0 auto}
#web-header .nav-right{margin-left:auto}

#web-header #nav .nav-box > ul > li a{padding:0 3rem}
}


@media screen and (max-width:1220px) {
#web-header #nav{margin-left:0}
#web-header #nav .nav-box{width:100%}
#web-header #nav .nav-box > ul > li{flex:1}
#web-header #nav .nav-box > ul > li a{padding:0 1rem}

.br{display:inline-block;}


.flow-chart img{width:100%}
.msection2 .banner-bar dd .br{display:block !important}
}

@media screen and (max-width:1060px) {
.main-visual .main-slide .rwd .img{padding-top:10rem;}
}



@media screen and (max-width:980px) {


.hidden-xs, .hidden-sm{display:block !important;font-size:0;}

#web-header .rwd{flex-wrap:wrap}
#web-header .header{height:100px;}
#web-header .header h1{width:100%;justify-content:center;padding-top:5px;}

#web-header .nav-right{display:none}
#web-header .bg{top:100px;}

#web-header #nav{height:50px;}
#web-header #nav .nav-box > ul > li a{height:50px;line-height:50px;}
#web-header #nav .nav-box > ul .smenu{top:50px}


#web-header nav .nav-box > ul{justify-content: space-between;padding:0}
#web-header nav .nav-box > ul > li > a{height:50px;line-height:50px;}



#container{font-size:1.55rem}

footer .finfo-box .sns-list{width:100%;margin-top:2rem;}
footer .finfo-box .sns-list li{margin-left:0;margin-right:2rem;}
footer .finfo-box .sns-list li:last-child{margin-right:0;}

footer h2{text-align:center}
footer .flink ul{justify-content:center;border-left:none}
footer .flink ul li:last-child{border-right:none}
footer .flink ul li a{padding:1.8rem 2rem}
footer .finfo-box{text-align:center}
footer .finfo{width:100%}
footer .finfo dl{margin:auto;}
footer .finfo .f-copyright{text-align:center}
footer .address-info{flex-wrap:wrap;text-align:center}
footer .address-info ul{width:100%;margin-top:.5rem}
footer .address-info ul li:before{display:none}




.msection1 .msection-notice{flex-wrap:wrap}
.msection1 .msection-news{margin-right:0;width:100%;}
.msection1 .msection-info{margin-top:auto;height:auto;max-width:100%;width:100%;margin-top:3rem;}

.msection2 .banner-bar dl{padding-right:2rem}
.msection2 .banner-bar dd .br{display:inline-block !important}

/* 인사말 */
.intro-top .img{flex-shrink:0;width:40%}

/*  외부상담소 */
.map-info{flex-wrap:wrap}
.map-info .right{width:100%;margin-left:0;margin-top:1rem}
.map-info .right a{padding:1.4rem 2.5rem;}

.page-counsel .counsel-top2{padding:3rem 4rem 0 4rem;}
.page-counsel .counsel-top3 .img{bottom:0rem;margin:auto 0}
}



/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:768px) {

body{line-height:1.4;} 

 
/* 컨텐츠 공통 */
body{font-size:9px}

.wb-show{display:none;}
.mb-show{display:block;}

.mb80{margin-bottom:4rem;}

.table-responsive{overflow-x:auto;position:relative;}
.table-responsive table{min-width:960px;font-size:1.6rem}
.table-responsive table .table-chart{min-width:auto}
.table-responsive table th{white-space:nowrap;}

.table-chart thead th{padding:2rem 1.5rem;}
.table-chart tbody td{padding:1.5rem 1.5rem;}

.tit1{font-size:2rem;margin-bottom:1.5rem;}

/* 레이아웃 */
#web-header nav > ul .smenu{padding-top:30px}
#web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em}


#web-header{display:none;}
#mobile-header{display:block;}


#mobile-header{position:fixed;top:0;left:0;width:100%;z-index:5000;background:#fff }
#mobile-header h1{text-align:center;height:60px;border-bottom:1px solid #efefef}
#mobile-header h1 a{display:block;position:absolute;top:.7rem;left: 50%;transform: translateX(-50%);}
#mobile-header h1 img{vertical-align:middle;width:200px;}
#mobile-header h1 .logo{display:block}
#mobile-header h1 .logo-ov{display:none}
#mobile-header .fright{position:absolute;top:20px;right:10px;}
#mobile-header .fright a{margin-left:1.5rem;}

#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px}
#mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#000; transition:all .4s}
#mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#000; transition:all .4s}
#mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#000; transition:all .4s}


#mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#000; transition:all .4s}
#mobile-header .btn-menu-close .allmenu {opacity:0}
#mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#000;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
#mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#000; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s}

#mobile-header .btn-menu-close{position:absolute;left:20px;top:20px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;}

#mobile-header .mobile-nav{position:fixed;top:60px;z-index:2000;width:100%;height:0;overflow-y:auto;background-color:transparent;content:'';transition:all .3s}
#mobile-header .mobile-nav .nav{width:100%;min-height:100%;background:#fff;}


#mobile-header .mobile-nav.nav-on{width:100%;height:calc(100vh - 60px);}
#mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;box-sizing:border-box}
#mobile-header .nav-box{height:100%;overflow-y:hidden;box-sizing:border-box;padding-bottom:2rem;}

#mobile-header .nav-box > ul{padding:0; float:none;}
#mobile-header .nav-box > ul li {float:none; width:auto !important; margin-left:0;}
#mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:17px 2rem; font-size:1.6rem; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000}
#mobile-header  .nav > li > a:hover, #mobile-header  .nav > li > a:focus{background:transparent;}

/* 1차메뉴 */
#mobile-header .nav-box > ul > li > a{font-size:1.8rem;color:#000;font-weight:500; border-bottom:1px solid #E0E0E0;}
#mobile-header .nav-box > ul > li.has-sub > a:before{background-image:url('../img/common/ic-mb-menu-depth1.svg');}
#mobile-header .nav-box > ul > li.active > a,
#mobile-header .nav-box > ul > li > a.ov,
#mobile-header .nav-box > ul > li > a.on{color:#000;} 
#mobile-header .nav-box > ul > li.active > a:before,
#mobile-header .nav-box > ul > li > a.ov:before,
#mobile-header .nav-box > ul > li > a.on:before{background-image:url('../img/common/ic-mb-menu-depth1-ov.svg');}
#mobile-header .nav-box > ul > li .smenu{display:none;}

/* 2차메뉴 */
#mobile-header .nav-box > ul > li.active > div{display:block;}
#mobile-header .nav-box > ul > li ul li ul{border-top:none;display:none;background:#F8F8F8;margin-top:-1px;border-top:1px solid #E0E0E0}
#mobile-header .nav-box > ul > li ul li.active ul{display:block}


#mobile-header .nav-box > ul > li .smenu ul{border-top:none;background: #efefef;border-top:1px solid #E0E0E0;margin-top:-1px;padding:1rem 0}
#mobile-header .nav-box > ul > li .smenu ul > li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile-header .nav-box > ul > li .smenu ul > li > a{position:relative;margin-top:-1px; padding:10px 2rem; }
#mobile-header .nav-box > ul > li .smenu ul > li.has-sub > a:after{content:"";display:block;width:14px;height:9px;position:absolute;top:22px;right:20px;background:url('../img/common/ic-mb-has-sub.svg') 95% center no-repeat;}

#mobile-header .nav-box > ul > li .smenu ul > li.active > a,
#mobile-header .nav-box > ul > li .smenu ul > li > a.on{color:#394C72;font-weight:700;}

#mobile-header .nav-box > ul > li .smenu ul > li.has-sub  > a.ov:after,
#mobile-header .nav-box > ul > li .smenu ul > li.has-sub  > a.on:after{transform: rotate(180deg)}

#mobile-header .nav-box > ul > li .smenu ul > li ul li.active a{color:#394C72}

#mobile-header .nav-box > ul > li .smenu ul >  ul{padding-left:15px;}
#mobile-header .nav-box > ul > li.active > div li.active > div{display:block;}

/* 3차메뉴 */
#mobile-header .nav-box > ul > li ul > li > ul{padding:10px 0;border-bottom:1px solid #E0E0E0;}
#mobile-header .nav-box > ul > li ul > li > ul > li > a{position:relative;padding-left:30px;padding-top:10px;padding-bottom:10px;}
#mobile-header .nav-box > ul > li ul > li > ul > li > a:before{content:"·";position:absolute;top:8px;left:2rem}

#mobile-header .nav-box > ul{padding-bottom:15px}
#mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word}
#mobile-header .nav-box .flogo{padding:15px;}

#mobile-header .nav-box .flogo .logout{float:right;font-size:1.6rem;padding-top:1rem;font-weight:700}


#mobile-header .mobile-nav-top{display:none;position:absolute;top:0;left:0;width:100%;background:#fff;}

#mobile-header .mobile-nav-top ul{margin-left:auto;display:flex;}
#mobile-header .mobile-nav-top ul li a{color:#fff;font-size:1.5rem;padding-left:2.5rem;margin-left:3rem;line-height:1em}
#mobile-header .mobile-nav-top ul li:nth-child(1) a{background:url('../img/common/ic-mb-home.svg') 0 center no-repeat;}
#mobile-header .mobile-nav-top ul li:nth-child(2) a{background:url('../img/common/ic-mb-lang.svg') 0 center no-repeat;}

#mobile-header.nav_on_wrap  .mobile-nav-top{display:block;}

footer h2 a{display:none}
footer .finfo dl {flex-wrap:wrap;text-align:center}
footer .finfo dl dt{width:100%}
footer .flink .rwd{padding: 0 !important}
footer .flink ul {flex-wrap:wrap}
footer .flink ul li{width:50%;border-bottom:1px solid  #3D3D3D}
footer .flink ul li a{padding:1.8rem 1.5rem;text-align:center}

#container{font-size:1.45rem}

/* 서브레이아웃 */
.sub-top{margin-bottom: 0;height:25rem}

.sub-top-menu{position:relative;z-index:100;background: #fff !important;;z-index:10;height:auto;}
.sub-top-menu .rwd{overflow: inherit;padding:0 !important}
.sub-top-menu button{display:block}
.sub-top-menu .menu-select{position:relative;display:block;border-bottom:1px solid #DFDFDF;}
.sub-top-menu .menu-select button{position:relative;height:55px;width:100%;line-height:55px;font-size:1.8rem;text-align:left;padding-left:20px;box-sizing:border-box;display:block;font-size:1.6rem}
.sub-top-menu .menu-select button:after{content:"";display:block;width:14px;height:8px;background:url('../img/sub/ic-sdown.svg') 0 0 no-repeat;position:absolute;top:25px;right:20px;z-index:50}
.sub-top-menu .menu-select ul{position:absolute;top:56px;left:0;z-index:500;width:100%;background: #fff;border-top:none;box-sizing:border-box;display:none;border-radius:0;margin:0;padding-left: 0;}
.sub-top-menu .menu-select ul li{width:100%;min-width:auto;float:none;padding:0;border-right:none;border-left:none;border-top:1px solid #ddd;border-top:none}
.sub-top-menu .menu-select ul li a{display:block;text-align:left;padding:15px 0 15px 20px;line-height:1em;color:#666666;font-weight:400;font-size:1.6rem;border-radius:0;}
.sub-top-menu .menu-select ul li.active{border:none;margin:0;border-bottom:1px solid #ddd;}
.sub-top-menu .menu-select ul li.active > a{background:#fff;color:#000;}
.sub-top-menu .menu-select ul li.active:after{display:none}

.sub-top-menu ul.depth-list li:first-child{border-radius: 0px;}
.sub-top-menu ul.depth-list li:last-child{border-radius:0px;}
.sub-top-menu ul.depth-list li:first-child:last-child{border-radius:0px;}

.page-location .rwd{padding-left:0;padding-right: 0;}
.page-location a:after,
.page-location span:after{margin:0 .2rem;}

.sub-body{flex-wrap:wrap;padding-bottom:7rem;}
.sub-body .sub-side{display:none}
.sub-body .sub-box{padding-left:0;padding-top:2rem;}

.page-title{margin-bottom:5rem;padding-left:2rem;padding-right:2rem;}
.page-title .title h2{font-size:2.8rem}
.page-title .title .stit{margin-top:0;}
.page-title .share-link > button,
.page-title .share-link .btn-share > button{width:35px;height:35px;}


.page-location{margin-bottom:3rem;}

#container{top:60px;}



.main-visual .main-slide .rwd{flex-wrap:wrap;padding:3rem 0}
.main-visual .main-slide .rwd .slogan{width:100%;text-align:center}
.main-visual .slogan strong{font-size:clamp(1.8rem, 5vw, 5.4rem); }
.main-visual .main-slide .rwd .img{margin:0 auto;max-width:60%}

.msection1 .msection-news .top{display:block;}
.msection1 .msection-news .top h3{display:block;margin-bottom:8rem;}
.msection1 .msection-news .top .tab{position:absolute;top:70px;width:100%;}
.msection1 .msection-news .top .tab ul{justify-content:center}

.msection1 .news-list li a{padding:4.4rem 3rem}
.msection1 .msection-info ul li a{padding:1.3rem 2rem}
.msection1 .msection-info{padding:3.5rem 2.5rem}


.msection2 .banner-bar{flex-wrap:wrap}
.msection2 .banner-bar ul{margin:3rem auto 0 }

.msection3 ul{margin:0 0re}
.msection3 ul li{margin-left:2rem;margin-right:0;}
.msection3 ul li:first-child{margin-left:0;}

.mtit{font-size:2.6rem;}
.ctl button{width:32px;height:32px;border-radius:32px;line-height:32px;}
.btn-more{width:32px;height:32px;line-height:32px;}

.page-title h3{font-size:3.2rem}

/*  인사말 */
.intro-top .img{width:60%}
.intro-top{flex-wrap:wrap}
.intro-top .img{order:0;margin:0 auto}
.intro-top .intro-talk{order:1;margin-top:3rem;}
.intro-content{font-size:1.6rem}
.intro-content strong{font-size:2.6rem}


/* 이용안내 */
.guild-area{flex-wrap:wrap;padding:3rem}
.guild-area dl{margin-bottom:2rem;}
.guild-area dl dt{font-size:2.6rem;padding-left:5rem;background-size:40px auto;}
.guild-area dl dd{font-size:1.8rem;}
.guild-area dl dd p{margin-bottom:2rem;}
.guild-area dl dd li{font-size:1.8rem;background-position:0 15px;}

/*  외부상담소 */
.map-info dl dt{font-size:2.4rem}
.map-info .right a{font-size:1.6rem;padding:1rem 2rem;min-width:20rem}



/* 상담문의 */
.page-counsel{padding-bottom:4rem;}
.page-counsel .counsel-top{padding:6rem 2rem 4rem;border-radius: 30px;text-align:center}
.page-counsel .counsel-top1 .title{font-size:2.4rem}
.page-counsel .counsel-top1 .title{display:inline-block;position:relative;;padding:2rem 60px;margin-bottom:6rem; }
.page-counsel .counsel-top1 .title:before,
.page-counsel .counsel-top1 .title:after{content:"";position:absolute;display:inline-block;width:30px;height:21px;background-size:30px auto}

.page-counsel .counsel-top2 {flex-wrap:wrap;padding:4rem 2rem 0rem;}
.page-counsel .counsel-top2 .title-txt{font-size:2.4rem}
.page-counsel .counsel-top2 .title{width:100%;padding:2rem 0 4rem}
.page-counsel .counsel-top2 .title ul li{text-align:center;width:100%;margin-right:0}
.page-counsel .counsel-top2 .title ul li a{display:inline-block;border-radius: 50px;padding:1.2rem 3rem;font-size:1.6rem}
.page-counsel .counsel-top2 .title ul li:nth-child(2) a{padding:1.2rem 3rem;}
.page-counsel .counsel-top2 .img{margin:auto}

.page-counsel .counsel-top3{flex-wrap:wrap;padding:4rem 2rem 4rem;}
.page-counsel .counsel-top3 .img{margin:2rem auto}
.page-counsel .counsel-top3 .title-txt{font-size:2.4rem}
.page-counsel .counsel-top3 .title p{font-size:1.8rem}
.page-counsel .counsel-top3 .title ul li{text-align:center;width:100%}
.page-counsel .counsel-top3 .title ul li a{display:inline-block;border-radius: 50px;padding:1.2rem 3rem;font-size:1.6rem}

.page-counsel .counsel-txt{font-size:1.8rem;}
.page-counsel .counsel-dl-list .item{border-radius:10px;}
.page-counsel .counsel-dl-list .item dl{flex-wrap:wrap;padding:2.9rem 4rem;border-radius:10px;}
.page-counsel .counsel-dl-list .item dl dt {width:100%;margin-right: 0;}
.page-counsel .counsel-dl-list .item dl dt span{font-size:1.6rem;}
.page-counsel .counsel-dl-list .item dl dt strong{font-size:2.2rem;}
.page-counsel .counsel-dl-list .item dl dd{font-size:1.6rem;margin-top:2rem;}

.page-counsel .target-list li{padding:2rem 4rem;}
.page-counsel .target-list li .num{margin-right:7%;font-size:2.2rem}
.page-counsel .target-list li .txt{font-size:1.7rem}



/* 평가프로그램 */
.page-program .program-top{flex-wrap:wrap;padding:3rem;text-align:center;word-break: keep-all;}
.page-program .program-top .img{min-width:100%;max-width:100%;padding-left:0;margin-top:2rem;}
.page-program .program-top .title strong{font-size:2.2rem;margin-bottom:1rem;}
.page-program .program-top .title p{font-size:1.7rem}

.page-program .program-dl-list .item{flex-wrap:wrap;border-radius:10px;}
.page-program .program-dl-list .item .img{width:90px;height:90px;margin:0 auto;text-align:center;}
.page-program .program-dl-list .item dl{width:100%;margin-right:0;text-align:center;margin-top:2.5rem;padding:0 2rem}
.page-program .program-dl-list .item dl dt{font-size:2rem;margin-bottom:1rem;}
.page-program .program-dl-list .item dl dd{font-size:1.6rem}

.btn-link-bar a{padding:1.4rem 2.8rem;font-size:1.6rem}
.btn-link-bar a.md-size{min-width:auto}


}


@media all and (max-width:680px) {

.msection4 .control .ctl{display:block;}
.msection4 .control .counselor-pagination{width:50%;}


}

@media all and (max-width:480px) {

html, body, #mobile-header{min-width:320px;}



}

@media all and (max-width:360px) {

.msection1 .news-list ul{margin-left:0;padding-right:2rem}
.msection1 .news-list li{max-width:240px;}
.msection1 .news-list li:first-child{margin-left:0;}
.msection1 .news-list li:last-child{margin-right:2rem;}
.msection3 ul li{width:280px;}
.msection4 .counselor-list .items{width:280px}


}