@charset "utf-8";
/* CSS Document */

.header															{ border-bottom:1px solid #e7e7e7 }
#container														{ margin-bottom:9em;  }
@media all and (max-width:1568px){
    #container													{ margin-bottom:8em; }
}
@media all and (max-width:1268px){
    #container													{ margin-bottom:7em; }
}
@media all and (max-width:868px){
    #container													{ margin-bottom:6em; }
}
@media all and (max-width:468px){
    #container													{ margin-bottom:5em; }
}


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

 							공유

**********************************************************************/
.page_util																	{ display:flex; align-items:center; --sizeHig:40px; margin-top:1em; gap:6px; justify-content:end; }
.page_util>li																{ position:relative; }
.page_util>li>button														{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:8px; background:#ededed }
.page_util>li>button:before													{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; }
.page_util>li .share_bt:before												{ background-image:url(/resource/hamyeol/images/sub/ico_share.svg); background-size:16px; margin-top:-.5px}
.page_util>li>button.copy:before											{ background-image:url(/resource/hamyeol/images/sub/ico_copy_link.svg);}
.page_util>li>button.print:before											{ background-image:url(/resource/hamyeol/images/sub/ico_print.svg); background-size:17px 16px;}
.page_util>li>button.braille:before											{ background-image:url(/resource/hamyeol/images/sub/ico_bx_link.svg); background-size:19px 10px;}
.page_util>li>button.braille_down:before									{ background-image:url(/resource/hamyeol/images/sub/ico_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.page_util>li.share .share_drop												{ display:none; position:absolute; top:-1px; left:-3px; z-index:10; width:calc(var(--sizeHig) + 6px); box-sizing:border-box; background-color:var(--color-white);
    border:1px solid #e5e5e5;  text-align:center; z-index:1 ; border-radius:8px;}
.page_util>li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.page_util>li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.page_util>li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%; }
.page_util>li.share .share_drop ul > li[data-share="blog"] a:before			{ background-image:url(/resource/hamyeol/images/sub/icon_blog.svg); background-color:#32b44a;}
.page_util>li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/hamyeol/images/sub/icon_youtube.svg); background-color:#e03232;}
.page_util>li.share .share_drop ul > li[data-share="facebook"] a:before		{ background-image:url(/resource/hamyeol/images/sub/icon_facebook.svg); background-color:#385691;}
.page_util>li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/hamyeol/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.page_util>li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/hamyeol/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.page_util>li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/hamyeol/images/sub/icon_twitter.png); background-color:#000;}
.page_util>li.share .share_drop ul > li[data-share="band"] a:before			{ background-image:url(/resource/hamyeol/images/sub/icon_band.png); background-color:#50b748;}
.page_util>li.share .share_drop ul > li[data-share="copy"] a:before			{ background-image:url(/resource/hamyeol/images/sub/icon_copy.svg); background-color:#555555;}
.page_util>li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.page_util>li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.page_util>li.share .share_close::after										{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.page_util>li.share .share_close:hover										{ transform:rotate(90deg); }
@media all and (max-width:1368px){
    .page_util																{ --sizeHig:38px; }
}
@media all and (max-width:1268px){
    .page_util																{ --sizeHig:35px;}
    .page_util>li .share_bt:before											{ background-size:14px; }
    .page_util>li>button.print:before										{ background-size:auto 14px; }
    .page_util>li>button.braille:before										{ background-size:auto 8px; }
    .page_util>li>button.braille_down:before								{ background-size:auto 11px; }
}

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

 							비주얼

**********************************************************************/
.visual_wrap													{ width:100%; display:flex; flex-flow:column; align-items:center; margin-top:1em }
.visual_wrap strong												{ display:flex; flex-flow:column; align-items:center; font-size:1.56em; line-height:1; gap:.56em; margin-top:.5em }
.visual_wrap strong>em											{ font-size:1.8em; font-weight:800; color:var(--color-point); }
.visual_wrap .visual											{ display:flex; margin-top:1.56em; background-position:50%; background-repeat:no-repeat; background-size:contain; }
.visual_wrap .visual.bg1										{ width:345px; height:98px; background-image:url(/resource/hamyeol/images/sub/bg_sub1.svg); }
.visual_wrap .visual.bg2										{ width:245px; height:147px; background-image:url(/resource/hamyeol/images/sub/bg_sub2.svg); }
.visual_wrap .visual.bg3										{ width:231px; height:90px; background-image:url(/resource/hamyeol/images/sub/bg_sub3.svg); }
.visual_wrap .visual.bg4										{ width:176px; height:129px; background-image:url(/resource/hamyeol/images/sub/bg_sub4.svg); }
.visual_wrap .visual.bg5										{ width:61px; height:119px; background-image:url(/resource/hamyeol/images/sub/bg_sub5.svg); }
.visual_wrap .visual.bg6										{ width:106px; height:121px; background-image:url(/resource/hamyeol/images/sub/bg_sub6.svg); }


/* 위치 */
.visual_wrap .lco												{ display:flex; flex-wrap:wrap; align-items:center; gap:3px 0; --sizeHig:40px; }
.visual_wrap .lco>li											{ position:relative; font-size:.98em; }
.visual_wrap .lco [data-location="home"] a						{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig); opacity:.7 }
.visual_wrap .lco [data-location="home"] a::before				{ content:''; display:block; width:100%; height:100%; background:url(/resource/hamyeol/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; opacity:1; }
.visual_wrap .lco>li:nth-child(2)								{ margin-left:0; }
.visual_wrap .lco>li+li											{ padding-left:15px; margin-left:15px; }
.visual_wrap .lco>li+li::before									{ position:absolute; width:3px; height:3px; border-radius:100%; content:''; left:0; top:50%; background:var(--color-base); opacity:.3; transform:translateY(-50%); }
.visual_wrap .lco>li:last-child									{ padding-right:25px; }
.visual_wrap .lco>li:last-child::after							{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#575757; transform:translateY(-80%) rotate(45deg);
    transition:var(--trans-ani); content:''; vertical-align:middle; }

@media all and (max-width:1468px){
    .visual_wrap strong											{ font-size:1.46em; gap:.56em; margin-top:.5em }
    .visual_wrap .visual.bg1									{ width:310px; height:88px;  }
    .visual_wrap .visual.bg2									{ width:228px; height:137px;  }
    .visual_wrap .visual.bg3									{ width:205px; height:80px;  }
    .visual_wrap .visual.bg4									{ width:165px; height:119px;  }
    .visual_wrap .visual.bg5									{ width:56px; height:109px;  }
    .visual_wrap .visual.bg6									{ width:97px; height:111px; }

    /* 위치 */
    .visual_wrap .lco											{ --sizeHig:35px; }
    .visual_wrap .lco>li										{ font-size:.95em; }
    .visual_wrap .lco>li:nth-child(2)							{ margin-left:5px; }
    .visual_wrap .lco>li:last-child::after						{ width:6px; height:6px; transform:translateY(-95%) rotate(45deg);}
    .visual_wrap .lco>li:last-child								{ padding-right:20px; }
    .visual_wrap .lco>li+li::before								{ top:45%; }
}
@media all and (max-width:1368px){
    .visual_wrap strong											{ font-size:1.36em; }
    .visual_wrap .visual.bg1									{ width:275px; height:78px;  }
    .visual_wrap .visual.bg2									{ width:212px; height:127px;  }
    .visual_wrap .visual.bg3									{ width:180px; height:70px;  }
    .visual_wrap .visual.bg4									{ width:151px; height:109px;  }
    .visual_wrap .visual.bg5									{ width:51px; height:99px;  }
    .visual_wrap .visual.bg6									{ width:88px; height:101px; }

    /* 위치 */
    .visual_wrap .lco											{ --sizeHig:35px; }
    .visual_wrap .lco>li										{ font-size:.95em; }
    .visual_wrap .lco>li:nth-child(2)							{ margin-left:5px; }
    .visual_wrap .lco>li:last-child::after						{ width:6px; height:6px; transform:translateY(-95%) rotate(45deg);}
    .visual_wrap .lco>li:last-child								{ padding-right:20px; }
    .visual_wrap .lco>li+li::before								{ top:45%; }
}
@media all and (max-width:1268px){
    .visual_wrap .visual.bg1									{ width:239px; height:68px;  }
    .visual_wrap .visual.bg2									{ width:195px; height:117px;  }
    .visual_wrap .visual.bg3									{ width:154px; height:60px;  }
    .visual_wrap .visual.bg4									{ width:137px; height:99px;  }
    .visual_wrap .visual.bg5									{ width:46px; height:89px;  }
    .visual_wrap .visual.bg6									{ width:80px; height:91px; }


    .visual_wrap .lco											{ --sizeHig:32px; }
    .visual_wrap .lco>li										{ font-size:.88rem; }
    .visual_wrap .lco [data-location="home"] a::before			{ margin-top:-1px; }
}
@media all and (max-width:968px){
    .visual_wrap strong											{ font-size:1.26em; }
}
@media all and (max-width:668px){
    .visual_wrap strong											{ font-size:1.2em; }
}
@media all and (max-width:568px){
    .visual_wrap .visual.bg1									{ width:204px; height:58px;  }
    .visual_wrap .visual.bg2									{ width:178px; height:107px;  }
    .visual_wrap .visual.bg3									{ width:149px; height:58px;  }
    .visual_wrap .visual.bg4									{ width:123px; height:89px;  }
    .visual_wrap .visual.bg6									{ width:71px; height:81px; }
}
@media all and (max-width:468px){
    .visual_wrap strong											{ font-size:1.167em; }
    .visual_wrap .visual.bg1									{ width:204px; height:58px;  }
    .visual_wrap .visual.bg2									{ width:162px; height:97px;  }
}
@media all and (max-width:368px){
    .visual_wrap strong											{ font-size:1.03em; }
}
/**********************************************************************

 							section_middle

**********************************************************************/
.section_middle													{ position:relative; margin-top:3.13em;  }
@media all and (max-width:1668px){
    .section_middle												{ margin-top:3em;  }
}
@media all and (max-width:1568px){
    .section_middle												{ margin-top:2.5em;  }
}
@media all and (max-width:1068px){
    .section_middle												{ margin-top:2em;  }
}
/**********************************************************************

 							title

**********************************************************************/
.h2_title														{ display:flex; font-size:2.81em; font-weight:800; line-height:1; justify-content:center; color:var(--color-point); }
@media all and (max-width:1468px){
    .h2_title													{ font-size:2.7em; }
}
@media all and (max-width:1368px){
    .h2_title													{ font-size:2.6em; }
}
@media all and (max-width:968px){
    .h2_title													{ font-size:2.5em; margin-bottom:.25em; }
}
@media all and (max-width:668px){
    .h2_title													{ font-size:2.25em; margin-bottom:.75em; }
}
@media all and (max-width:468px){
    .h2_title													{ font-size:1.9em; margin-bottom:.5em; }
}

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

 							snb

**********************************************************************/
.section_middle .snb_wrap										{ position:relative; border-bottom:1px solid #e8e8e8; display:flex; justify-content:center; padding-top:3.13em; margin-bottom:5em; overflow-y:hidden }
.section_middle .snb_wrap .list									{ display:flex; gap:0 4.38em; }
.section_middle .snb_wrap .list>li>a							{ position:relative; display:flex; align-items:center; padding:1em 1.1em; opacity:.8; font-size:1.25em; font-weight:500; transition:var(--trans-ani); }
.section_middle .snb_wrap .list>li>a::before					{ position:absolute; width:0; height:4px; background:var(--color-point); content:''; left:50%; bottom:-1px; transition:var(--trans-ani); transform:translateX(-50%)}
.section_middle .snb_wrap .list>li.active>a,
.section_middle .snb_wrap .list>li>a:hover,
.section_middle .snb_wrap .list>li>a:focus						{ color:var(--color-point); font-weight:700; opacity:1;}
.section_middle .snb_wrap .list>li.active>a::before,
.section_middle .snb_wrap .list>li>a:hover::before,
.section_middle .snb_wrap .list>li>a:focus::before				{ width:100%; }
.section_middle .snb_wrap::before								{ position:absolute; width:100%; height:100%; text-align:center; bottom:.1em; left:0; font-size:7.5em; color:var(--color-point); opacity:.04; text-transform:uppercase; font-weight:bold }
.section_middle .snb_wrap.cate1::before							{ content:'introduction'; }
.section_middle .snb_wrap.cate2::before							{ content:'employee'; }
.section_middle .snb_wrap.cate3::before							{ content:'program'; }
.section_middle .snb_wrap.cate4::before							{ content:'Information'; }
.section_middle .snb_wrap.cate5::before							{ content:'location'; }
.section_middle .snb_wrap.cate6::before							{ content:'notice'; }
.section_middle .snb_wrap:not(:has(.list))						{ padding-bottom:4em ;}

.section_middle .snb_wrap .list>li>a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:13px; height:13px;
       																	 background:url(/resource/hamyeol/images/common/icon_blank.svg) no-repeat 50% 50% / auto; margin-top:-3px; }
.section_middle .snb_wrap .list>li>a[target='_blank']:hover::after,
.section_middle .snb_wrap .list>li>a[target='_blank']:focus::after	{ filter: invert(10%) sepia(75%) saturate(4689%) hue-rotate(202deg) brightness(101%) contrast(102%); }
																		 

@media all and (max-width:1668px){
    .section_middle .snb_wrap									{ padding-top:3em; margin-bottom:4.5em; }
    .section_middle .snb_wrap .list								{ gap:0 4em; }
    .section_middle .snb_wrap::before							{ font-size:7em; bottom:.05em;}
}
@media all and (max-width:1568px){
    .section_middle .snb_wrap									{ padding-top:2.5em; margin-bottom:4em; }
    .section_middle .snb_wrap .list								{ gap:0 3.5em; }
    .section_middle .snb_wrap .list>li>a						{ font-size:1.2em;  }
    .section_middle .snb_wrap::before							{ font-size:6.5em; }
}
@media all and (max-width:1468px){
    .section_middle .snb_wrap									{ margin-bottom:3.5em; }
    .section_middle .snb_wrap .list								{ gap:0 3em; }
    .section_middle .snb_wrap .list>li>a						{ padding:.9em 1em;  }
    .section_middle .snb_wrap::before							{ font-size:6em; }
	.section_middle .snb_wrap:not(:has(.list))					{ padding-bottom:3.5em ;}
	.section_middle .snb_wrap .list>li>a[target='_blank']::after { margin-top:-1.5px; }
}
@media all and (max-width:1068px){
    .section_middle .snb_wrap									{ padding-top:2em; margin-bottom:3em; }
    .section_middle .snb_wrap .list								{ gap:0 2em; }
    .section_middle .snb_wrap .list>li>a						{ padding:.75em 1em;  }
    .section_middle .snb_wrap::before							{ font-size:5.5em; }
}
@media all and (max-width:868px){
    .section_middle .snb_wrap::before							{ font-size:5em; bottom:-.01em;}
}
@media all and (max-width:768px){
    .section_middle .snb_wrap::before							{ font-size:4.5em; bottom:-.15em;}
}
@media all and (max-width:668px){
    .section_middle .snb_wrap::before							{ font-size:4em; bottom:.2em;}
    .section_middle .snb_wrap									{ width:100%; height:var(--sizeHig); overflow-x:scroll; --sizeHig:50px; padding-top:0; }
    .section_middle .snb_wrap::-webkit-scrollbar 				{ display:none }
    .section_middle .snb_wrap .list								{ position:absolute; top:0; overflow-x:scroll; display:flex;   }
    .section_middle .snb_wrap .list::-webkit-scrollbar 			{ display:none }
    .section_middle .snb_wrap .list>li>a						{ height:var(--sizeHig); padding:0 .75em; }
}
@media all and (max-width:568px){
    .section_middle .snb_wrap::before							{ font-size:3.5em; bottom:.1em;}
    .section_middle .snb_wrap .list								{ gap:0 .5em; }
}
@media all and (max-width:468px){
    .section_middle .snb_wrap									{ --sizeHig:45px; }
    .section_middle .snb_wrap::before							{ font-size:3em; bottom:0}
    .section_middle .snb_wrap .list>li>a						{ padding:.3em;  }
	.section_middle .snb_wrap:not(:has(.list))					{ padding-bottom:3em;}
}
@media all and (max-width:368px){
    .section_middle .snb_wrap									{ margin-bottom:2em; }
    .section_middle .snb_wrap::before							{ font-size:2.5em; bottom:-.2em;}
}
/**********************************************************************

 							common

**********************************************************************/
[data-subarea] .type28															{ font-size:1.75rem; line-height:1.2 }
[data-subarea] .bold															{ font-weight:bold; }
[data-subarea] .opa74															{ opacity:.74; }
[data-subarea] .line_list														{ display:flex; flex-wrap:wrap; gap:1.75em; margin-top:3.13em;  }
[data-subarea] .line_list>li													{ display:flex; flex-flow:column; width:calc((100% - 5.25em) / 4); border:1px solid #d1d1d1; border-radius:10px 10px 30px 10px; padding:3.13em; justify-content:space-between; }
[data-subarea] .line_list>li dl													{ display:flex; flex-flow:column; font-weight:bold;}
[data-subarea] .line_list>li dl>dt												{ font-size:1.167em; opacity:.74; line-height:1; margin-bottom:1.5em }
[data-subarea] .line_list>li dl>dd												{ font-size:1.46em; line-height:1.2  }
[data-subarea] .line_list>li .icon												{ display:flex; margin-top:3em; }
[data-subarea] .line_list>li .icon::before										{ display:flex; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; content:''; }
@media all and (max-width:1668px){
    [data-subarea] .type28														{ font-size:1.65rem; }
    [data-subarea] .line_list													{ margin-top:3em;  }
    [data-subarea] .line_list>li												{ padding:2.5em; }
    [data-subarea] .line_list>li dl>dt											{ font-size:1.067em; margin-bottom:1.5em }
    [data-subarea] .line_list>li dl>dd											{ font-size:1.36em; }
}
@media all and (max-width:1568px){
    [data-subarea] .type28														{ font-size:1.55rem; }
    [data-subarea] .line_list													{ gap:1.5em; margin-top:2.5em;  }
    [data-subarea] .line_list>li												{ width:calc((100% - 4.5em) / 4); }
    [data-subarea] .line_list>li												{ padding:2.25em; }
    [data-subarea] .line_list>li dl>dt											{ font-size:1.03em; margin-bottom:1em }
    [data-subarea] .line_list>li dl>dd											{ font-size:1.26em; }
}
@media all and (max-width:1268px){
    [data-subarea] .type28														{ font-size:1.3rem; }
    [data-subarea] .line_list													{ gap:1em; margin-top:2em;  }
    [data-subarea] .line_list>li												{ width:calc((100% - 3em) / 4); }
    [data-subarea] .line_list>li												{ padding:2em; }
    [data-subarea] .line_list>li dl>dd											{ font-size:1.2em; }
}
@media all and (max-width:1168px){
    [data-subarea] .type28														{ font-size:1.2rem; }
    [data-subarea] .line_list>li												{ width:calc((100% - 1em) / 2); }
    [data-subarea] .line_list>li .icon											{ margin-top:2.5em; }
}
@media all and (max-width:768px){
    [data-subarea] .type28														{ font-size:1.167rem; }
    [data-subarea] .line_list>li												{ padding:1.88em; }
}
@media all and (max-width:568px){
    [data-subarea] .type28														{ font-size:1.067rem; }
    [data-subarea] .line_list>li												{ width:100%; padding:1.5em; }
    [data-subarea] .line_list>li .icon											{ margin-top:2em; }
}