@charset "UTF-8";
@import url("/font/flightsans.css");

#header{position:absolute; top:0; width:100%; min-height:152px; z-index:9; box-sizing:border-box; z-index:99}

html.allgnb_fixed{overflow:hidden}
html.allgnb_fixed body.index #header{background:#fff}

#logo{position:absolute; left:50%; top:84px; margin-left:-699px; z-index:1}
#logo a{display:block; width:270px; height:35px; background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:270px 35px}

#hnb{position:relative; background-color:#384688}
#hnb .hnb_inner{display:flex; align-items:center; position:relative; width:1400px; height:52px; margin:0 auto; box-sizing:border-box}

body.index #logo a{background:url("../img/layout/logo_index.svg") no-repeat 50% 50%; background-size:270px 35px}
body.index.gnb_open #logo a{background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:270px 35px}
html.allgnb_fixed #logo a{background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:270px 35px}

.hnb_util{display:flex; align-items:center; order:1}
.hnb_util .user_manual{display:flex; align-items:center}
.hnb_util .user_manual span{color:#fff; font-size:16px; font-weight:normal; letter-spacing:-0.5px}
.hnb_util .user_manual:before,
.hnb_util .user_manual:after{color:#fff; font-family:remixicon}
.hnb_util .user_manual:before{content:'\eb71'; margin-right:4px; font-size:21px}
.hnb_util .user_manual:after{content:'\ea68'; margin-left:4px; font-size:19px}

.hnb_uacc{display:flex; align-items:center; margin-left:auto; order:2}
.hnb_uacc .uacc_be,
.hnb_uacc .uacc_af{display:flex; align-items:center; gap:25px}
.hnb_uacc a{display:flex; align-items:center}
.hnb_uacc a span{position:relative; color:#fff; font-size:16px; font-weight:normal; letter-spacing:-0.5px}
.hnb_uacc a.login:before,
.hnb_uacc a.join:before,
.hnb_uacc a.eng:before,
.hnb_uacc a.mypage:before,
.hnb_uacc a.logout:before{margin-right:4px; color:#fff; font-family:remixicon; font-size:21px}
.hnb_uacc a.login:before{content:'\eed6'}
.hnb_uacc a.join:before{content:'\f264'}
.hnb_uacc a.eng:before{content:'\edcf'}
.hnb_uacc a.mypage:before{content:'\f261'}
.hnb_uacc a.logout:before{content:'\eede'}
.hnb_uacc .uacc_info{display:flex; align-items:center}
.hnb_uacc .uacc_info .message{margin-left:5px; color:#fff; font-size:16px; font-weight:normal; letter-spacing:-0.5px}
.hnb_uacc .uacc_be .uacc_info{display:none}
.hnb_uacc .uacc_be .uacc_info .message{margin-left:0}

#gnb{position:absolute; top:52px; right:0; left:0; background-color:#fff; overflow:hidden}
#gnb.gnb_hover:before{content:''; position:absolute; top:99px; left:0; right:0; height:1px; background-color:#dadada}
#gnb .gnb_inner{display:flex; align-items:center; justify-content:center; position:relative; width:1400px; margin:0 auto; box-sizing:border-box}
#gnb .gnb_inner .gnb_menu{display:flex; align-items:center}
#gnb .gnb_inner .gnb_menu > li > a{display:flex; align-items:center; justify-content:center; position:relative; height:100px; margin:0 40px; box-sizing:border-box}
#gnb .gnb_inner .gnb_menu > li > a:before{content:''; position:absolute; left:0; bottom:0; width:0; height:4px; background:#639dd9; background:linear-gradient(90deg,#639dd9,#6c6ee8); transition:all .20s ease}
#gnb .gnb_inner .gnb_menu > li > a:after{content:''; position:absolute; right:-43px; top:50%; width:4px; height:4px; margin-top:-2px; background-color:#202020; border-radius:50%}
#gnb .gnb_inner .gnb_menu > li:last-child > a:after{display:none}
#gnb .gnb_inner .gnb_menu > li > a > span{color:#202020; font-family:FlightSans; font-size:19px; font-weight:300; letter-spacing:-0.8px; transition:all .35s ease}
#gnb .gnb_inner .gnb_menu > li.active > a:before{width:100%}
#gnb .gnb_inner .gnb_menu > li.active > a > span{color:#577ee3}

#gnb .gnb_depth{display:none; position:absolute; left:0; right:0; top:100%; background-color:#fff; transition:all .35s ease}
#gnb .gnb_depth.active{display:flex}
#gnb .gnb_depth .depth_l{min-width:290px; max-width:290px; padding:40px 20px 0}
#gnb .gnb_depth .depth_l .depth1_tit{display:flex; flex-direction:column; align-items:center}
#gnb .gnb_depth .depth_l .depth1_tit .ico{display:flex; align-items:center; justify-content:center; position:relative; width:100px; height:100px; background:#639dd9; background:linear-gradient(130deg,#639dd9,#6c6ee8); border-radius:50%}
#gnb .gnb_depth .depth_l .depth1_tit .ico:before{content:''; width:100px; height:100px}
#gnb .gnb_inner .gnb_menu > li.gnb_group1 .depth1_tit .ico:before{background:url("../img/layout/gnb_group1_ico.svg") no-repeat 50% 50%; background-size:100px 100px}
#gnb .gnb_inner .gnb_menu > li.gnb_group2 .depth1_tit .ico:before{background:url("../img/layout/gnb_group2_ico.svg") no-repeat 50% 50%; background-size:100px 100px}
#gnb .gnb_inner .gnb_menu > li.gnb_group3 .depth1_tit .ico:before{background:url("../img/layout/gnb_group3_ico.svg") no-repeat 50% 50%; background-size:100px 100px}
#gnb .gnb_inner .gnb_menu > li.gnb_group4 .depth1_tit .ico:before{background:url("../img/layout/gnb_group4_ico.svg") no-repeat 50% 50%; background-size:100px 100px}
#gnb .gnb_inner .gnb_menu > li.gnb_group5 .depth1_tit .ico:before{background:url("../img/layout/gnb_group5_ico.svg") no-repeat 50% 50%; background-size:100px 100px}
#gnb .gnb_depth .depth_l .depth1_tit .tit{margin-top:25px; line-height:1.2em; color:#202020; font-family:FlightSans; font-size:29px; font-weight:300; letter-spacing:-1px}

#gnb .gnb_depth .depth_r{flex:1; padding:45px 50px 80px 64px}
#gnb .gnb_depth .depth_r .depth2_list{display:flex; flex-wrap:wrap; margin-left:-35px; margin-top:-40px}
#gnb .gnb_depth .depth_r .depth2_list .depth2_align{width:33.333333%}
#gnb .gnb_depth .depth_r .depth2_box{display:flex; flex-direction:column; margin-left:35px; margin-top:40px}
#gnb .gnb_depth .depth_r .depth2_box .depth2_tit{padding-bottom:10px; border-bottom:1px solid #dadada}
#gnb .gnb_depth .depth_r .depth2_box .depth2_info{padding-top:10px}
#gnb .gnb_depth .depth_r .depth2_box .depth2_tit strong,
#gnb .gnb_depth .depth_r .depth2_box .depth2_tit span{display:inline-block; line-height:1.5em; letter-spacing:-0.5px}
#gnb .gnb_depth .depth_r .depth2_box .depth2_tit strong{color:#202020; font-size:19px; font-weight:600}
#gnb .gnb_depth .depth_r .depth2_box .depth2_info span{color:#808080; font-size:15px; font-weight:normal; word-break:keep-all}


.gnb_overlay{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.65); z-index:98}
.gnb_overlay.active{display:block}

.gnb_handle{position:absolute; right:50%; top:78px; margin-right:-707px}
.gnb_handle .sitemap_toggle{display:block; position:relative; width:46px; height:46px; background:transparent; box-sizing:border-box}
.gnb_handle .sitemap_toggle:before,
.gnb_handle .sitemap_toggle:after{content:''; position:absolute; left:9px; width:30px; height:2px; background:#202020; transition:all .20s ease}
.gnb_handle .sitemap_toggle:before{top:11px}
.gnb_handle .sitemap_toggle:after{bottom:11px}
.gnb_handle .sitemap_toggle strong{display:block; position:absolute; top:22px; left:9px; width:21px; height:2px; background:#202020; transition:all .20s ease}
.gnb_handle .sitemap_toggle:hover:before,
.gnb_handle .sitemap_toggle:hover:after{width:21px}
.gnb_handle .sitemap_toggle:hover strong{width:30px}

.gnb_handle .allgnb_open{display:none; position:relative; width:46px; height:46px; background:transparent; box-sizing:border-box}
.gnb_handle .allgnb_open.off{display:none}
.gnb_handle .allgnb_open:before,
.gnb_handle .allgnb_open:after{content:''; position:absolute; left:9px; width:30px; height:2px; background:#202020; transition:all .20s ease}
.gnb_handle .allgnb_open:before{top:11px}
.gnb_handle .allgnb_open:after{bottom:11px}
.gnb_handle .allgnb_open strong{display:block; position:absolute; top:22px; left:9px; width:21px; height:2px; background:#202020; transition:all .20s ease}
.gnb_handle .allgnb_open:hover:before,
.gnb_handle .allgnb_open:hover:after{width:21px}
.gnb_handle .allgnb_open:hover strong{width:30px}

.gnb_handle .allgnb_close{display:none; position:relative; width:46px; height:46px; background:transparent; box-sizing:border-box}
.gnb_handle .allgnb_close.on{display:block}
.gnb_handle .allgnb_close:before,
.gnb_handle .allgnb_close:after{content:''; position:absolute; left:9px; width:30px; height:2px; background:#202020; transition:all .20s ease}
.gnb_handle .allgnb_close:before{top:22px; transform: rotate(45deg)}
.gnb_handle .allgnb_close:after{bottom:22px; transform: rotate(-45deg)}


body.index #gnb{background-color:transparent}
body.index #gnb .gnb_inner .gnb_menu > li > a > span{color:#fff}
body.index #gnb .gnb_inner .gnb_menu > li > a:after{background-color:#fff}

body.index .gnb_handle .sitemap_toggle:before,
body.index .gnb_handle .sitemap_toggle:after{background:#fff}
body.index .gnb_handle .sitemap_toggle strong{background:#fff}

body.index .gnb_handle .allgnb_open:before,
body.index .gnb_handle .allgnb_open:after{background:#fff}
body.index .gnb_handle .allgnb_open strong{background:#fff}

body.index.gnb_open #gnb.gnb_hover{background-color:#fff}
body.index.gnb_open #gnb.gnb_hover .gnb_inner .gnb_menu > li > a > span{color:#202020}
body.index.gnb_open #gnb.gnb_hover .gnb_inner .gnb_menu > li > a:after{background-color:#202020}

body.index .gnb_handle.active .sitemap_toggle:before,
body.index .gnb_handle.active .sitemap_toggle:after{background:#202020}
body.index .gnb_handle.active .sitemap_toggle strong{background:#202020}

body.index.gnb_open .gnb_handle .sitemap_toggle:before,
body.index.gnb_open .gnb_handle .sitemap_toggle:after{background:#202020}
body.index.gnb_open .gnb_handle .sitemap_toggle strong{background:#202020}

body.index .gnb_handle.active .allgnb_open:before,
body.index .gnb_handle.active .allgnb_open:after{background:#202020}
body.index .gnb_handle.active .allgnb_open strong{background:#202020}

body.index.gnb_open .gnb_handle .allgnb_open:before,
body.index.gnb_open .gnb_handle .allgnb_open:after{background:#202020}
body.index.gnb_open .gnb_handle .allgnb_open strong{background:#202020}

html.allgnb_fixed .gnb_handle .allgnb_open{display:none}

#allgnb_layer{display:none; position:fixed; top:230px; right:0; left:0; bottom:0; background-color:#fff; overflow-y:auto; box-sizing:border-box; z-index:999}
#allgnb_layer.active{display:block}
#allgnb_layer .gnb_depth{display:flex}
#allgnb_layer .gnb_depth .depth_l{min-width:320px; max-width:320px; padding:40px 20px 0; box-sizing:border-box}
#allgnb_layer .gnb_depth .depth_l .depth1_tit{display:flex; flex-direction:column; align-items:center}
#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico{display:flex; align-items:center; justify-content:center; position:relative; width:100px; height:100px; background:#639dd9; background:linear-gradient(130deg,#639dd9,#6c6ee8); border-radius:50%}
#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico:before{content:''; width:100px; height:100px}
#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group1 .depth1_tit .ico:before{background:url("../img/layout/gnb_group1_ico.svg") no-repeat 50% 50%; background-size:54px 46px}
#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group2 .depth1_tit .ico:before{background:url("../img/layout/gnb_group2_ico.svg") no-repeat 50% 50%; background-size:52px 52px}
#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group3 .depth1_tit .ico:before{background:url("../img/layout/gnb_group3_ico.svg") no-repeat 50% 50%; background-size:49px 51px}
#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group4 .depth1_tit .ico:before{background:url("../img/layout/gnb_group4_ico.svg") no-repeat 50% 50%; background-size:54px 51px}
#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group5 .depth1_tit .ico:before{background:url("../img/layout/gnb_group5_ico.svg") no-repeat 50% 50%; background-size:59px 37px}
#allgnb_layer .gnb_depth .depth_l .depth1_tit .tit{margin-top:15px; line-height:1.2em; color:#202020; font-family:FlightSans; font-size:23px; font-weight:300; letter-spacing:-1px}

#allgnb_layer .gnb_depth .depth_r{flex:1; padding:45px 20px 60px 20px}
#allgnb_layer .gnb_depth .depth_r .depth2_list{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:-20px; min-height:180px}
#allgnb_layer .gnb_depth .depth_r .depth2_list .depth2_align{width:33.333333%}
#allgnb_layer .gnb_depth .depth_r .depth2_box{display:flex; flex-direction:column; margin-left:20px; margin-top:20px}
#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit{padding-bottom:10px; border-bottom:1px solid #ebebeb}
#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit strong,
#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit span{display:inline-block; line-height:1.5em; letter-spacing:-0.5px}
#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit strong{color:#202020; font-size:19px; font-weight:600}


#footer .footer_wrap {padding: 3.6rem 0;position: relative;width: 140rem;max-width: calc(100% - 4rem);margin-left: auto !important;margin-right: auto !important;}
#footer .fnb {color: #fff;font-size: 1.5rem;}
#footer .fnb:before {content: "";width: 1000%;height: 100%;position: absolute;left: 50%;margin-left: -500%;top: 0;background-color: #3C3F51;z-index: -1;}
#footer .fnb .fnb1 {display: flex;margin-bottom: 1rem;font-weight: 700;flex-wrap: wrap;}
#footer .fnb .fnb1 li {font-weight: 300;position: relative;margin-right: 0.8rem;padding-right: 0.8rem;margin-bottom: 0.5rem;position: relative;font-size: 1.5rem;font-weight: 700;margin-right: 3.3rem;}
#footer .fnb .fnb1 li:nth-child(2) {color: #63ABE3;}
#footer .fnb .fnb1 li:last-child:after {display: none;}
#footer .fnb .fnb1 li:after {content: '';width: 3px;height: 3px;border-radius: 3px;background-color: #fff;position: absolute;top: 50%;right: -1.5rem;transform: translateY(-50%);}
#footer .fnb .fnb1 li:hover, #footer .fnb .fnb1 li:focus {text-decoration: underline;}
#footer .fnb .fnb2 {font-weight: 400;}
#footer .fnb .fnb2 > * {margin-top: .4rem;}
#footer .fnb .fnb2 .contact span {display: inline-block;margin-right: 3rem;}
#footer .fnb .fnb2 .contact b {font-weight: 700;}
#footer .fnb .f_logo {position: absolute; top:10rem; right:15rem}
#footer .fnb .f_logo a{display:block}
#footer .fnb .f_logo a img{width:25.7rem; height:3.8rem}
#footer .fnb .related {position: absolute;right:0;top:2.7rem;}
#footer .fnb .related .group {width: 22rem;position: relative;}
#footer .fnb .related .label {border: 1px solid rgba(213, 215, 216, 0.2);display: block;line-height: 5.2rem;height: 5.2rem;font-size: 1.5rem;font-weight: 400;background: transparent;padding-left:2.8rem;border-radius: 5px;width: 100%;text-align: left;}
#footer .fnb .related .label:after {content: "\ea4d";position: absolute;top: 0;right: 2.2rem;font-family: "remixicon";font-size: 1.6rem;color: #fff;transition: all 0.2s;transform: rotate(180deg);}
#footer .fnb .related .active .label:after {transform: rotate(0deg);}
#footer .fnb .related .active .r_list {visibility: visible;overflow: visible;height: auto;opacity: 1;width: 100%;background-color: #3C3F51;border: 1px solid rgba(213, 215, 216, 0.2);border-radius: 5px 5px 0 0;  z-index:9999;}
#footer .fnb .related .r_list {visibility: hidden;overflow: hidden;width: 0;height: 0;opacity: 0;position: absolute;left: 0;bottom: 4.7rem;width: 100%;height: auto;padding: 1rem 0;margin-bottom: 1px;border: 1px solid #BFBFBF;background: #fff;line-height: 3rem;transition: all 0.2s;}
#footer .fnb .related .r_list a {display: block;font-size: 1.5rem;padding: 0.5rem 2.7rem 0.5rem 3.2rem;color: #fff;font-weight: 300;}

/*웹접근성 품질 인증마크 영역 추가*/
#footer .fnb .web-i {position:absolute;right:0rem;top:10rem;}
#footer .fnb .web-i img {height: 65px;width: 95px;}

.btn-top {position: fixed;bottom: 15rem;right: 9.6rem;z-index: 5;opacity: 0;transition: .2s;}
.btn-top.active {opacity: 1;}
.btn-top .go_top {width: 6.5rem;height: 6.5rem;background-color: #fff;border-radius: 50%;text-align: center;display: block;color: #000;font-weight: 600;font-size: 1.5rem;opacity: 0;visibility: hidden;transition: all 0.3s;font-weight: 500;box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.3);padding-top: 1rem;}
.btn-top .go_top.active {opacity: 1;visibility: visible;}
.btn-top .go_top>* {display: block;}

.sch_btn_area{margin-top:.5rem;text-align:center}
.sch_btn{display:inline-flex;height:4.6rem;padding:0 3.7rem;background:#008AF3;border:1px solid transparent;border-radius:5px;justify-content:center;align-items:center;color:#fff;font-size:1.9rem;font-weight:600;transition:all .2s}
.sch_btn:hover,
.sch_btn:focus{background:#fff;color:#008AF3;border-color:#008AF3}



/* **************************************** *
* response max 1500px / pc
* **************************************** */
@media all and (max-width:1500px)
{
	#hnb .hnb_inner{width:100%; padding:0 20px}
	#logo{left:20px; top:87px; margin-left:0}
	
	#gnb .gnb_inner{justify-content:flex-end; width:100%; padding-right:80px}
	#gnb .gnb_inner .gnb_menu > li > a{margin:0 30px}
	#gnb .gnb_inner .gnb_menu > li > a:after{right:-33px}
	
	.gnb_handle{right:13px; margin-right:0}
}

/* **************************************** *
* response max 1200px / Tablet
* **************************************** */
@media all and (max-width:1280px)
{
    .btn-top {bottom:5rem; right:2rem;}
    #footer .fnb .web-i{right:-45rem}
    #footer .fnb .web-i{right:0rem}
}

@media all and (max-width:1200px)
{
	#header{min-height:80px}
	
	#hnb{display:none; top:80px; background-color:#3b3f52}
	#hnb.active{display:block}
	#hnb .hnb_inner{flex-direction:column; align-items:normal; gap:10px; height:auto; padding:15px 20px}
	.hnb_uacc .uacc_be, .hnb_uacc .uacc_af{flex-wrap:wrap; gap:12px; width:100%; box-sizing:border-box}
	.hnb_uacc{order:1; margin-left:0}
	.hnb_util{order:2; width:100%; padding-top:8px; border-top:1px solid rgba(255,255,255,.2)}
	.hnb_uacc .uacc_info{width:100%}
	.hnb_uacc a.eng{margin-left:auto}
	.hnb_uacc .uacc_be .uacc_info{display:flex}
	
	
	#logo{top:26px}
	#logo a{width:230px; height:30px; background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:230px 30px}
	
	#gnb{display:none}
	
	.gnb_handle{top:15px}
	.gnb_handle .sitemap_toggle{display:none}
	.gnb_handle .allgnb_open{display:block}
		
	body.index #logo a{background:url("../img/layout/logo_index.svg") no-repeat 50% 50%; background-size:230px 30px}
	body.index.gnb_open #logo a{background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:230px 30px}
	html.allgnb_fixed #logo a{background:url("../img/layout/logo.svg") no-repeat 50% 50%; background-size:230px 30px}
}
@media all and (min-width:1200px)
{	
	#allgnb_layer.active{display:none}
	.gnb_handle .allgnb_close.on{display:none}	
	
}
@media all and (max-width:1000px)
{
	#allgnb_layer .gnb_depth .depth_l{min-width:220px; max-width:220px; padding:30px 0 0}
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico{width:80px; height:80px}
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico:before{content:''; width:80px; height:80px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group1 .depth1_tit .ico:before{background:url("../img/layout/gnb_group1_ico.svg") no-repeat 50% 50%; background-size:80px 80px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group2 .depth1_tit .ico:before{background:url("../img/layout/gnb_group2_ico.svg") no-repeat 50% 50%; background-size:80px 80px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group3 .depth1_tit .ico:before{background:url("../img/layout/gnb_group3_ico.svg") no-repeat 50% 50%; background-size:80px 80px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group4 .depth1_tit .ico:before{background:url("../img/layout/gnb_group4_ico.svg") no-repeat 50% 50%; background-size:80px 80px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group5 .depth1_tit .ico:before{background:url("../img/layout/gnb_group5_ico.svg") no-repeat 50% 50%; background-size:80px 80px}
	
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .tit{font-size:21px}
	
	#allgnb_layer .gnb_depth .depth_r{padding:25px 20px 40px 20px}
	#allgnb_layer .gnb_depth .depth_r .depth2_list{margin-left:-15px; margin-top:-15px; min-height:180px}
	#allgnb_layer .gnb_depth .depth_r .depth2_list .depth2_align{width:50%}
	#allgnb_layer .gnb_depth .depth_r .depth2_box{margin-left:15px; margin-top:15px}
	#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit{padding-bottom:5px}
	#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit strong{font-size:17px}
	
    #footer .footer_wrap {padding: 3.6rem 0 18rem;}
    #footer .fnb .f_logo {top: inherit; bottom:9.2rem; right:inherit; left:0}
    #footer .fnb .related {top: inherit;bottom: 2rem;width: 100%;}
    #footer .fnb .related .group {width: 100%;}
    #footer .fnb .web-i {left:32rem; bottom:9rem; top:inherit; right:inherit}
    #footer .fnb .web-i img {width: 65px;}
}

/* **************************************** *
* response max 1000px / mobile
* **************************************** */
@media all and (max-width:800px)
{
	
}
@media all and (max-width:600px)
{	
	#allgnb_layer .gnb_depth .depth_l{min-width:140px; max-width:140px}
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico{width:60px; height:60px}
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .ico:before{content:''; width:60px; height:60px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group1 .depth1_tit .ico:before{background:url("../img/layout/gnb_group1_ico.svg") no-repeat 50% 50%; background-size:60px 60px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group2 .depth1_tit .ico:before{background:url("../img/layout/gnb_group2_ico.svg") no-repeat 50% 50%; background-size:60px 60px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group3 .depth1_tit .ico:before{background:url("../img/layout/gnb_group3_ico.svg") no-repeat 50% 50%; background-size:60px 60px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group4 .depth1_tit .ico:before{background:url("../img/layout/gnb_group4_ico.svg") no-repeat 50% 50%; background-size:60px 60px}
	#allgnb_layer .gnb_inner .gnb_menu > li.gnb_group5 .depth1_tit .ico:before{background:url("../img/layout/gnb_group5_ico.svg") no-repeat 50% 50%; background-size:60px 60px}
	#allgnb_layer .gnb_depth .depth_l .depth1_tit .tit{font-size:19px}
	
	#allgnb_layer .gnb_depth .depth_r .depth2_list{min-height:auto}
	#allgnb_layer .gnb_depth .depth_r .depth2_list .depth2_align{width:100%}
	#allgnb_layer .gnb_depth .depth_r .depth2_box .depth2_tit strong{font-size:16px}
}
@media (max-width:500px)
{
    #footer .fnb .web-i {top:inherit; left:inherit; bottom:inherit; right:inherit; padding-top: 10px; right: 0rem; z-index: -1;}
	#footer .fnb .web-i img {width:100%; max-width: 70px;}    
}
@media (max-width:370px)
{
    #footer .fnb .f_logo a img{width:22rem; height:3.3rem}
}