@charset "utf-8";

html,body{height:100%}
html{font-size:10px}@media all and (max-width:1024px){html{font-size:9px;}}@media all and (max-width:768px){html{font-size:8px;}}@media all and (max-width:480px){html{font-size:7px;}}
body{background-color:#454d5d;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{border:0 none;outline:1px dashed;}
#wrap ::-webkit-scrollbar{width:10px;height:10px;}
#wrap ::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10px;}
#wrap ::-webkit-scrollbar-thumb{background-color:#a2a2a2;border-radius:10px;background-clip:padding-box;border:2px solid transparent;}

.slick-list a:focus{outline-offset:-1px;}
.dot_list li{position:relative;padding-left:10px;}
.dot_list li:before{content:'·';position:absolute;top:0;left:0;}

/*.fixed #wrap{position:fixed;width:100%;overflow:hidden;transition:all .2s ease;}*/

#allNav{display:none;position:fixed;top:0px;left:-100%;width:300px;height:100%;background-color:#fff;z-index:1001}
#allNav > .frame{position:relative;overflow-x:hidden;overflow-y:auto;width:300px;height:100%;color:#fff;-webkit-overflow-scrolling:touch}
.all_nav_mask{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:1000;display:none;}

.allnav_ctrl{display:none;position:absolute;width:44px;height:44px;z-index:1001;overflow:hidden;text-indent:-9999px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.allnav_open{/* display:block; */position:absolute;top:7.2rem;left:10px;width:44px;height:44px;padding:0;cursor:pointer}
.allnav_open span, .allnav_open span::after, .allnav_open span::before{display:block;position:relative;height:3px;width:24px;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.allnav_open span{margin:9px auto;-webkit-transition:background-color .2s;transition:background-color .2s;}
.allnav_open span::before, .allnav_open span::after{ position:absolute;content:'';left:0;-webkit-t	ransition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
.allnav_open span::before{-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.allnav_open span::after{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}

.allnav_close{top:50%;right:5px;margin-top:-22px;background:url(../images/common/allnav_btn_close.png) 50% 50% no-repeat;background-size:20px 20px;/*transform:rotate(0);transition:.5s;*/}

.allnav_util{border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(45,45,45,0.1);}
.allnav_util:after{display:block;clear:both;content:'';}
.allnav_util li{position:relative;float:left;width:33.33%;border-left:1px solid rgba(255,255,255,0.1);}
.allnav_util li:first-child{border-left:0 none}
.allnav_util a{display:block;height:28px;line-height:28px;padding:0 10px;font-size:12px;color:#dad7d4;text-align:center}

.allnav_sns{padding:10px;border-bottom:1px solid #eeeeee;}
.allnav_sns .title{display:block;padding:10px;font-size:14px;color:#181818;}
.allnav_sns ul{padding-bottom:10px;}
.allnav_sns ul:after{display:block;clear:both;content:'';}
.allnav_sns li{position:relative;float:left;padding:0 0 0 10px;}
.allnav_sns a{display:block;width:30px;height:30px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;transition:all 0.3s;text-indent:-9999px}
.allnav_sns a.sns_01{background-image:url(http://203.251.57.106:82/jwsys_site/gj_welfare/pbs/images/common/anb_sns_facebook.png)}
.allnav_sns a.sns_02{background-image:url(http://203.251.57.106:82/jwsys_site/gj_welfare/pbs/images/common/anb_sns_instagram.png)}
.allnav_sns a.sns_03{background-image:url(http://203.251.57.106:82/jwsys_site/gj_welfare/pbs/images/common/anb_sns_youtube.png)}
.allnav_sns a.sns_04{background-image:url(http://203.251.57.106:82/jwsys_site/gj_welfare/pbs/images/common/anb_sns_blog.png)}
.allnav_sns a.sns_05{background-image:url(http://203.251.57.106:82/jwsys_site/gj_welfare/pbs/images/common/anb_sns_kakaostory.png)}

.allnav_head{position:relative;padding:0;background:#015bac}
.allnav_title{position:relative;}
.allnav_title .title{padding:12px 20px;line-height:25px;font-size:17px;color:#fff;}
.allnav_title .title img{height:25px;}
.allnav_title .home_btn{}

#anb .menu_btn{padding:15px 20px;border-bottom:1px solid #eeeeee;background:#fff;font-size:16px;color:#181818}
#anb a{position:relative;display:block;}
#anb a > .arrow{position:absolute;width:25px;height:25px;top:50%;right:10px;margin-top:-12px;overflow:hidden;text-indent:-9999px;background:#f9f9f9;border:1px solid #ddd;}
#anb a > .arrow:before,#anb a > .arrow:after{content:"";display:block;position:absolute;background:#939393;transition:all .3s;opacity:1}
#anb a > .arrow:before{top:6px;left:12px;width:1px;height:11px;margin-left:-1px;}
#anb a > .arrow:after{top:12px;left:6px;width:11px;height:1px;margin-top:-1px;}
#anb a.active > .arrow:before,#anb a.active > .arrow:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#anb a.active > .arrow:before{opacity:0}

#anb .depth2{display:none;}
#anb .depth2 > li{border-bottom:1px solid #eeeeee;background-color:#f8f8f8;}
#anb .depth2 > li > a{padding:10px 0 10px 32px;background:url(../images/common/anb_bullet.png) no-repeat 22px 50% / 4px 4px;font-size:15px;color:#181818}
#anb .depth2 a > .arrow{border:1px solid #f8f8f8;background:#f8f8f8}
#anb .depth2 a > .arrow:before,#anb a > .arrow:after{background:#939393;}

#anb .depth3{display:none;padding:10px 0;border-top:1px solid #eeeeee;background-color:#eee}
#anb .depth3 > li{}
#anb .depth3 > li > a{padding:5px 0 5px 32px;font-size:14px;color:#383838}

/* Common Layout */
#wrap{min-width:1300px;background:#fff;}
#wrap,#header,#footer,#container,#content{position:relative}
#wrap::after,#header::after,#footer::after,#container::after,#content::after{display:block;clear:both;content:''}
#header .inner,#footer .inner,section > .inner,#gnb .depth2_wrap > .inner{position:relative;width:1300px;margin:0 auto;}
.inner::after{display:block;clear:both;content:''}
.wrap_mask{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:500;display:none;}


@media screen and (max-width:1340px){
	#wrap{min-width:auto}
	#header .inner,#footer .inner,section > .inner,#gnb .depth2_wrap > .inner{width:100%;}
}
@media screen and (max-width:1024px){

}

#header{z-index:501}

#headTop{height:40px;padding-top:10px;background-color:#151e24;z-index:10;font-size:15px;color:#ffffff;letter-spacing:-0.05em;line-height:22px;}
#headTop::after{display:block;clear:both;content:''}
.header_util{float:left;}
.header_util .bukgu{float:left;}
.header_util .bukgu a{position:relative;display:inline-block;font-size:15px;font-weight:700;}
.header_util .bukgu a + a{margin-left:7px;padding-left:8px;}
.header_util .bukgu a + a::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background-color:#cfdce1;}

.header_util .weather{float:left;margin-left:23px;}
.header_util .weather > li{float:left;position:relative;}
.header_util .weather > li.ico{}
.header_util .weather > li.date{margin-left:8px;padding-right:12px;}
.header_util .weather > li.date::after{display:block;clear:both;content:'';position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#cfdce1;}
.header_util .weather > li.temp{margin-left:8px;padding-right:6px;}
.header_util .weather > li.temp b{font-weight:900;}
.header_util .weather > li.dust{margin-left:12px;}
.header_util .weather > li.dust b{display:inline-block;padding-left:6px;}

.header_link{float:right;font-size:0;text-align:right;}
.header_link > li{display:inline-block;}
.header_link > li + li{margin-left:46px;}
.header_link > li a{display:block;font-size:14px;font-weight:500}

#headGlobal{display:flex;justify-content:space-between;width:1300px;margin:0 auto;padding-top:10px;z-index:500}
.gnb_wrap::after{display:block;clear:both;content:''}
.header_logo{float:left;margin-top:15px;}
.header_logo a{display:block;width:19.4rem;height:5.4rem;background:url(../images/main/header_logo.png) no-repeat 0 0 / 100% 100%;text-indent:-9999px;font-size:0;}
.header_sitemap{float:right;margin-top:30px;}
.header_sitemap a{display:block;width:3rem;height:3rem;background:url(../images/main/header_sitemap.png) no-repeat 0 0 / 100% 100%;text-indent:-9999px;font-size:0}
.header_nav{float:left;margin-left:50px;}

#header.on{background-color:#fff !important;background-image:none !important}
#header.on .header_logo a{background-image:url(../images/main/header_logo_on.png);}
#header.on .header_sitemap a{background-image:url(../images/main/header_sitemap_on.png)}
#header.on #gnb > li > a{color:#323232}

#gnb{margin:auto}
#gnb::after{display:block;clear:both;content:''}
#gnb a{display:block;position:relative}
#gnb > li{float:left;padding:0 78px;text-align:center;}
#gnb > li > a{display:inline-block;height:89px;line-height:89px;padding:0 5px;font-size:1.9rem;font-weight:700;color:#fff;text-align:center;letter-spacing:-0.05em;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;vertical-align:top;}
#gnb > li > a:before,#gnb > li > a:after{display:block;content:'';position:absolute;left:50%;opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#gnb > li > a:before{bottom:0;width:0;height:3px;background:#0c4da2}
#gnb > li > a:after{bottom:-3px;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:1px solid #0c4da2}
#gnb > li.on > a,#gnb > li > a:hover{color:#4268e3}
#gnb > li.on > a:before,#gnb > li.on > a:after{opacity:1}
#gnb > li.on > a:before{left:0;width:100%}
#gnb > li.on > a:after{bottom:3px;border-bottom:7px solid #0c4da2}

#gnb .depth2_wrap{display:none;position:absolute;left:0;right:0;margin:auto;padding:0;border-top:1px solid #019bfb;background-color:#ffffff;text-align:center;z-index:9}
#gnb .depth2_wrap > .inner{padding-top:26px}
#gnb .on .depth2_wrap{display:block}

/* GNB 2Depth */
#gnb .depth2{position:relative;margin:0 -10px;background:#fff}
#gnb .depth2::after{display:block;clear:both;content:''}
#gnb .depth2 > li{float:left;width:25%;padding:0 10px 26px}
#gnb .depth2 > li:nth-child(4n+1){clear:both}
#gnb .depth2 > li > a{height:41px;line-height:39px;border:1px solid #dddddd;border-radius:8px;font-size:1.6rem;font-weight:500;color:#323232;text-align:center;transition:all .2s}
#gnb .depth2 > li.on > a{border-color:#fc6767;background-color:#fc6767;color:#fff}
#gnb .depth2 > li > a:hover,#gnb .depth2 > li > a:focus{border-color:#fc6767;background-color:#fc6767;color:#fff}

/* GNB 3Depth */
#gnb .depth3{display:block;padding:13px 0 6px 30px;background-color:#fff;text-align:left}
#gnb .depth3 > li > a{padding-left:10px;font-size:1.5rem;font-weight:350;color:#505050;line-height:24px}
#gnb .depth3 > li > a:hover{color:#4268e3;text-decoration:underline}
#gnb .depth3 > li > a:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:1.5px;background-color:#187ee3;}
#gnb .depth3 > li > a:hover:before{background-color:#4268e3}

@media screen and (max-width:1340px){
	#headTop{padding:10px 20px 0;font-size:14px;}
	.header_util .bukgu a{font-size:14px;}

	#headGlobal{width:100%;padding:0 20px}
	.header_nav{width:calc(100% - 194px - 30px);margin-left:0;text-align:center;font-size:0;}
	#gnb > li{display:inline-block;float:none;padding:0 38px;}
}
@media screen and (max-width:1140px){
	#gnb > li{padding:0 20px;}
}

@media screen and (min-width:1025px){
	#allNav,.all_nav_mask{display:none !important}

}
@media screen and (max-width:1024px){
	.header_link > li{display:none;}
	.header_link > li.user{display:inline-block;}
	.header_link > li + li{margin-left:20px}

	#headGlobal{position:relative;}
	.header_logo{float:none;margin:0}
	.header_logo a{margin:2.5rem auto;}
	.header_sitemap{display:none;float:none;margin:0;position:absolute;top:50%;left:20px;margin-top:-1.5rem;}

	.header_nav{display:none;}
	.allnav_ctrl{display:block}

}
@media screen and (max-width:768px){
	.header_util .weather > li.dust{display:none;}

}
@media screen and (max-width:640px){
	.header_util .bukgu{display:none;}
	.header_util .weather{margin-left:0;}
}
@media screen and (max-width:480px){
	#headTop{padding:10px 14px 0;}
	.header_util .bukgu{display:none;}
	.header_util .weather{margin-left:0;}
	#headGlobal{padding:0 14px}
}

/* Footer */
#footer{z-index:10;background-color:#454d5d;}
#footTop{border-bottom:1px solid #6a717d;}
#footTop .inner{padding:2rem 0 1.6rem;}
.footer_nav{}
.footer_nav:after{display:block;clear:both;content:'';}
.footer_nav dt,.footer_nav dd{float:left;line-height:25px;letter-spacing:-0.05em;line-height:20px;}
.footer_nav dt{padding-right:1.2rem;font-family:'Gmarket Sans';font-size:1.6rem;font-weight:700;color:#eeeeee;}
.footer_nav dd{margin-left:4rem;font-size:1.5rem;color:#eae9e9;}
.footer_nav dd.point{color:#ffcf90}
.footer_nav a{}

#footGlobal{position:relative;}
#footGlobal .inner{padding:2.7rem 0 5rem 21.5rem}
.footer_logo{position:absolute;top:2rem;left:0;width:17rem;}
.footer_addr{}
.footer_addr address,.footer_addr p{display:inline-block;margin-right:1.4rem;font-size:1.5rem;color:#c7c7c7;letter-spacing:-0.05em;line-height:1.4;}
.footer_addr p{}
.footer_copy{margin-top:5px;font-size:10px;font-weight:900;color:#c7c7c7;letter-spacing:-0.025em;}
.footer_tel{position:absolute;top:2.7rem;right:0;}
.footer_tel em,.footer_tel span,.footer_tel p{display:inline-block;color:#eeeeee;vertical-align:top;line-height:1.5;}
.footer_tel em{display:block;margin-bottom:5px;font-size:1.8rem;font-weight:700;letter-spacing:-0.05em;}
.footer_tel p{display:block;font-size:1.6rem;font-weight:500;letter-spacing:-0.05em;}
.footer_tel span{margin-left:1.2rem;font-size:2.8rem;font-weight:900;letter-spacing:-0.025em;}

@media screen and (max-width:1340px){
	#footTop .inner{padding:2rem 20px 1.6rem;}
	#footGlobal .inner{padding:2.7rem 20px 5rem 23.5rem}
	.footer_logo{left:20px;}
	.footer_tel{right:20px;}
}
@media screen and (max-width:1024px){
	.footer_tel{position:relative;top:auto;right:auto;margin-bottom:20px;}
	.footer_addr,.footer_copy,.footer_tel em,.footer_tel span,.footer_tel p{font-size:14px;color:#c7c7c7;}
	.footer_tel p{font-size:13px;}
	.footer_copy{font-size:12px;}
}
@media screen and (max-width:768px){
	.footer_nav dt{float:none}
	.footer_nav dd{margin-left:0;margin-right:4rem;}
}
@media screen and (max-width:480px){
	#footTop .inner{padding:2rem 15px 1.6rem;}
	#footGlobal .inner{padding:2.7rem 15px 5rem}
	.footer_logo{position:relative;top:auto;left:auto;margin-bottom:10px;}
	.footer_nav dd{margin-right:0;}
	.footer_nav dd + dd{margin-left:2rem;}
}

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

}
@media screen and (max-width:1024px){
	/*#content{padding:3.5rem 3rem;}*/
}
@media screen and (max-width:768px){

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

}