@charset "utf-8";#tnb { background: #1d2a3e; } 
#tnb .layout { max-width: 100%; padding: 0 0 0 30px; justify-content: flex-end; } 
#tnb .layout .sitelink { display: none; } 
#tnb .layout .sitelink li:after { height: 11px; width: 1px; opacity: .2; background: #fff; border-radius: 0px; right: 0px;; } 
#tnb .layout .sitelink li a span { color: #fff; font-family: "gothic"; } 
#tnb .layout .sitelink li a { font-family: "gothic"; } 
#tnb .layout .sitelink li a:hover span,#tnb .layout .sitelink li a.on span { font-family: "gothic";}
#tnb .layout .sitelink li a.on span { font-weight: bold; } 
#tnb .layout .utile_wrap { position: relative; justify-content: flex-end; height: 100%; width: 100%; } 
#tnb .layout .utile_wrap .site-link { margin-right: 0px; } 
#tnb .layout .utile_wrap .site-link a em { padding-right: 22px; color: #fff; background: url(/images/kor/common/more_icon.png) right center no-repeat; } 
#tnb .layout .utile_wrap .site-link a { height: 100%; background: #418087 url(/images/kor/common/page_m.png) right top no-repeat; padding: 0 35px; display: flex; align-items: center;}
#tnb .layout .utile_wrap .language-link { position: relative; width: auto; } 
#tnb .layout .utile_wrap .language-link button { padding: 0 25px; } 
#tnb .layout .utile_wrap .language-link button span { color: #fff; font-family: "gothic"; background: none; padding-right: 32px; position: relative;}
#tnb .layout .utile_wrap .language-link button:hover span,#tnb .layout .utile_wrap .language-link.on button span { color: #fff; } 
#tnb .layout .utile_wrap .language-link button span:after { width: 21px; height: 21px; position: absolute; top:-3px; right:0px; content: ""; border-radius: 50%; background: #344052 url(/images/kor/common/arr_w.png) center no-repeat;; }
#tnb .layout .utile_wrap .language-link button:hover span:after,#tnb .layout .utile_wrap .language-link.on button span:after { background: #fff url(/images/kor/common/arr_b.png) center no-repeat;; } 
#tnb .layout .utile_wrap .language-link button:hover span { font-family: "gothic"; } 
#tnb .layout .utile_wrap .language-link > div { padding: 10px; } 
#tnb .layout .utile_wrap .language-link > div li a { padding: 8px 10px; border-radius: 5px; } 
#tnb .layout .utile_wrap .language-link > div li a:hover, #tnb .layout .utile_wrap .language-link > div li a:active, #tnb .layout .utile_wrap .language-link > div li a:focus { background: #e1f2f4; color: #346a70; } 
#tnb .layout .utile_wrap li.weather {position: absolute;padding-right: 5px;left:0px;top:0;}
#tnb .layout .utile_wrap li.weather::before { display: none; content: ""; width: 1px; height:11px; position: absolute; top:50%; right:0px; background: #fff; transform: translate(0,-50%); } 
#tnb .layout .utile_wrap li.weather .weather_box { display: flex; align-items: center; justify-content: flex-start; height: 100%; } 
#tnb .layout .utile_wrap li.weather .weather_box>span { color: #fff; margin-right: 10px; } 
#tnb .layout .utile_wrap li.weather .weather_box span.temp { font-family: "GmarketSans"; font-size: 22px; line-height: 1.2; font-weight: bold; } 
#tnb .layout .utile_wrap li.weather .weather_box span.dust { line-height: 1; font-size: 15px; } 
#tnb .layout .utile_wrap li.weather .weather_box span.dust span { margin-left: 8px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon { display: block; width: 52px; height: 46px; background-position: center; background-repeat: no-repeat; background-image: url(/images/kor/common/cm_ir.png)}
#tnb .layout .utile_wrap li.weather .weather_box .icon1 { background-position: 0px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon2 { background-position: -52px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon3 { background-position: -104px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon4 { background-position: -156px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon5 { background-position: -208px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon6 { background-position: -260px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon7 { background-position: -310px -240px; } 
#tnb .layout .utile_wrap li.weather .weather_box .icon8 { background-position: -364px -240px; } 




#gnb_layout .depth1_ul > li > a:after { display: none; } 

#gnb_layout.open .depth1_ul > li.n5 .depth2_ul::before { display: none; } 
#gnb_layout .depth1_ul .depth2_ul:after { content: ""; position: absolute; top: -35px; bottom: 0px; right: 0; left:auto; width: 1px; height: calc(100% + 105px); background: #e4e7ea; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding-right: 10px; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li { padding: 0 10px; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(1) { width: 50%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(2) { width: 25%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(3) { width: 100% } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(4) { width: 25%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(5) { width: 25%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(6) { width: 25%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(7) { width: 100%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li .depth3_ul { display: flex !important; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; height: 115px; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(4) .depth3_ul { height: calc(29px * 7); } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(5) .depth3_ul { height: calc(29px * 9); } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(6) .depth3_ul { height: calc(29px * 9); } 


#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(1) .depth3_ul li { width: calc(100% / 2 - 10px); } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(2) .depth3_ul li { width: 100%; } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(3) .depth3_ul li {width: 15%;} 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(4) .depth3_ul li { width: calc(100% / 5 - 10px); } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(6) .depth3_ul li { width: calc(100% / 3 - 10px); } 
#gnb_layout.open .depth1_ul > li.n5 .depth2_ul > li:nth-child(5) .depth3_ul li { width: 100%; } 


#gnb_layout .depth1_ul > li.n6 .depth2_ul:after,#gnb_layout .depth1_ul > li.n6 .depth2_ul:before { display: none; } 
#gnb_layout .depth1_ul > li.n6 .item { padding: 0;; padding-top: 40px; max-width: 1440px; left:50%; transform: translate(-50%,0); min-height: 400px; height: 400px; } 
#gnb_layout .depth1_ul > li.n6 .item .gnb-title { display: none; } 

#gnb_layout .depth1_ul > li.n6 .depth2_ul { display: flex; align-items: flex-start; justify-content: center; padding-bottom: 10px; border-bottom: 1px dashed #cccccc; height: auto !important; padding-bottom: 10px; } 

#gnb_layout .depth1_ul > li.n6 .depth2_ul > li { width: calc(100% / 13 - 5px); margin: 0; padding: 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a { width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; border: 0px solid #000; padding: 0; height: auto; } 

#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a span { display: block;; width: 100%; text-align: center; margin-bottom: 10px; } 

#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a.on, #gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:hover, #gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:focus { background: none; color: #418087; border: 0px solid #418087; box-shadow: 0px 0px 0px 0 rgb(0,0,0,0); } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:after { width: 21px; height: 16px; background: url(/images/kor/common/n6_ov.png) 0 0 no-repeat; transform: rotate(0); opacity: 0; position: static; border: 0px solid #000; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a.on:after, #gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:hover:after, #gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:focus:after { border: 0px solid #fff; border-width: 0 0px 0px 0; opacity: 1; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a:before { content: ""; display: block; width: 80px; height: 80px; border-radius: 20px; background-color: #f4f6fa; background-repeat: no-repeat; background-position: center; margin-bottom: 15px; background-image: url(/images/kor/common/cm_ir.png) } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(1) > a:before { background-position: 0 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(2) > a:before { background-position:-80px 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(3) > a:before { background-position: -160px 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(4) > a:before { background-position: -240px 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(5) > a:before { background-position: -320px 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(6) > a:before { background-position: -158px -160px; }
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(7) > a:before { background-position: -400px 0; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(8) > a:before { background-position: 0 -80px } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(9) > a:before { background-position: -240px -80px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(10) > a:before { background-position: -160px -80px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(11) > a:before { background-position: -80px -80px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(12) > a:before { background-position: -320px -80px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(13) > a:before { background-position: -400px -80px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(14) > a:before { background-position: -80px -160px; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul > li:nth-child(15) > a:before { background-position: 0 -160px; } 



#gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a span { line-height: 1.2; } 
#gnb_layout .depth1_ul > li.n6 .depth2_ul li .depth3_ul { position: absolute; top:170px; left:0%; width: 100%; display: none; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin: 0; margin-top: 10px; padding: 0 80px; } 
 #gnb_layout .depth1_ul > li.n6 .depth2_ul > li > a.on + .depth3_ul { display: flex; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul li a { padding: 0; height: 45px; padding: 0 15px; display: flex; align-items: center; justify-content: center; margin: 0 5px; border: 1px solid #e4e7ea; border-radius: 5px; transition: all .3s; margin-bottom: 10px; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul li a span { line-height: 1; padding: 0; background-color: transparent; transition: all .3s; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:hover,
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:focus { border: 1px solid #418087; background: #418087; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:hover span,
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:focus span { color: #fff; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul li a:before { display: none; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a[target="_blank"] { padding-right:20px; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a[target="_blank"]::before { display: none; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a[target="_blank"]:after { margin-left: 5px; display:block; position:static; top: 20px; left: auto; right: 14px; width:14px; height:14px; margin-top: -3px; background:url(/template/assets/images/target_blank.png) no-repeat; border: 0; transform: none; content:''; } 
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a.on[target="_blank"]:after,
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:hover[target="_blank"]:after,
#gnb_layout .depth1_ul > li.n6 .depth3_ul > li > a:focus[target="_blank"]:after { background:url(/template/assets/images/target_blank_ov.png) } 



#top_layout .top_wrap #logo { position: absolute; width: 181px; height: 48px; z-index: 10; } 
#top_layout .top_wrap #logo > a { display: block; width: 100%; height: 100%; background: url(/template/assets/images/logo.svg) no-repeat; padding-left: 0; font-size: 0; font-family: "GmarketSans"; color: #222; position: relative; line-height: 48px; font-weight: bold; } 
#top_layout .top_wrap #logo a:before { display: none; } 
#top_layout .top_wrap #logo.site_name a:before { display: none; } 
#top_layout .top_wrap .flag{position: absolute;width: 112px;height: 48px;z-index: 10;text-align: right;top: 30px;left: 213px;line-height: 17px;font-family:GmarketSans;font-size: 14px;}
#top_layout .top_wrap .flag a{position:relative;}
#top_layout .top_wrap .flag a:before{content:'';width: 47px;height: 35px;display:block;background:url(/images/kor/common/flag.jpg) no-repeat;position: absolute;top: -2px;left: -51px;}
#foot_layout { overflow: visible; background: #2d2e31; } 
#foot_layout .footer-info .layout .flogo {left: 0; right: auto; top: 110px;} 
#foot_layout .footer-info .layout .copy {padding-left: 200px;}
#foot_layout .footer-link,#foot_layout .footer-link .layout { position: static; } 
#foot_layout .footer-link .list { position: absolute; top:0px; right:0px; width: 275px; height: 100%; padding: 30px 20px; margin: 0; background: #26272a; z-index: 1; } 
#foot_layout .footer-link .list li { float: none; display: block; } 
#foot_layout .footer-link .list li a { padding: 10px 0; display: block; color: #fff; line-height: 1;}
#foot_layout .footer-link .list li a.i_color { color: #418087; } 
#foot_layout .footer-link .list li a:before { display: none; } 
#foot_layout .footer-link .list li:first-child a { padding: 10px 0; } 
#foot_layout .site_wrap { padding: 30px 0; } 
#foot_layout .site_wrap .layout { display: flex; align-items: center; justify-content: flex-start; } 
#foot_layout .site_wrap .sel_box .list { display: none; } 
#foot_layout .site_wrap .sel_box.on .list { display: block; } 
#foot_layout .site_wrap .family_site { width: 275px; height: 52px; position: relative; margin-right: 15px;}
#foot_layout .site_wrap .family_site button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 25px; border-radius: 10px; background: #35363a; position: relative; z-index: 12; } 
#foot_layout .site_wrap .family_site button::after { content: ""; width: 11px; height: 7px; background: url(/images/kor/common/f_arr.png) 0 0 no-repeat; } 
#foot_layout .site_wrap .family_site.on button::after { content: ""; width: 11px; height: 7px; background: url(/images/kor/common/f_arr_ov.png) 0 0 no-repeat; } 
#foot_layout .site_wrap .family_site button span { font-size: 15px; color: #fff; } 
#foot_layout .site_wrap .family_site .list { background: #181818; padding: 5px 20px 20px; border-radius: 10px; position: absolute; bottom:30px; left:0px; width: 100%; z-index: 11; height: 245px; overflow: auto; } 
#foot_layout .site_wrap .family_site .list li a { display: block; color: #9d9d9d; font-size: 15px; padding: 15px 0; } 
#foot_layout .site_wrap .family_site .list li a:hover,#foot_layout .site_wrap .family_site .list li a:focus { color: #fff; } 
#foot_layout .footer-info .layout { padding-bottom: 110px; } 
.button_wrap {position: relative; z-index: 999;}
.button_wrap .recent { position: fixed; right:70px; bottom: 55%; width: 68px; height: 68px; z-index: 11; } 
.button_wrap .recent2 {bottom: 42%;}
.button_wrap .recent button { display: block; width: 100%; height: 100%; border-radius: 20px; background: #394972 url(/images/kor/common/recent.png) center no-repeat; transition: background-color .3s; box-shadow: 4px 4px 10px rgba(0,0,0,.15); font-size: 0; } 
.button_wrap .recent2 a {display: block; width: 100%; height: 100%; border-radius: 20px; background: #418087 url(/images/kor/common/recent2.png) center no-repeat; transition: background-color .3s; box-shadow: 4px 4px 10px rgba(0,0,0,.15); font-size: 0;}
.button_wrap .recent button span { color: #000000; font-size: 15px; display: block; text-align: center; position: absolute;; bottom:-10px; left:0px; width: 100%; transform: translate(0,100%); } 
.button_wrap .recent2 a span { color: #000000; font-size: 15px; display: block; text-align: center; position: absolute;; bottom:-10px; left:0px; width: 100%; transform: translate(0,100%); } 
.button_wrap .recent button:hover { background-color: #418087; } 
.button_wrap .recent2 a:hover { background-color: #eee; }
.button_wrap .recent.on button { background: #418087 url(/images/kor/common/recent_ov.png) center no-repeat; } 
.button_wrap .recent .list { display: none; position: absolute; width: 170px; bottom:90px; left:50%; transform: translate(-50%,0); box-shadow: 0px 0px 12px 0 rgba(0,0,0,.1); border-radius:10px; overflow: hidden; background: #fff; } 
.button_wrap .recent.on .list { display: block; } 
.button_wrap .recent .list strong { background: #418087 url(/images/kor/common/page_m.png) right top no-repeat; padding: 18px 0px 18px 30px; color: #fff; font-family: "GmarketSans"; font-weight: bold; font-size: 16px; display: block; } 
.button_wrap .recent .list strong em { font-family: "gothic"; font-size: 15px; color: #fff; } 
.button_wrap .recent .list ul { padding: 10px 0; height: 200px; } 
.button_wrap .recent .list ul li { padding: 0 20px; } 
.button_wrap .recent .list ul li a { display: block; padding: 5px 0; padding-left: 15px; font-size: 15px; color: #1f1f1f; position: relative; line-height: 1.4; } 
.button_wrap .recent .list ul li a:hover { color: #418087; }
.button_wrap .recent .list ul li a::before { content: ""; width: 3px; height: 3px; background: #418087; position: absolute; top:14px; left:0px; }
.toTop { display: block; position: fixed; right:70px; bottom: 320px; z-index: 11; width: 68px; height: 68px; border-radius: 50%; opacity: 0; transition: opacity .2s ease-in-out; } 
.toTop.show { opacity: 1; } 
.toTop a { font-size: 0; background:#fff
 url(/images/kor/common/totop.png) center no-repeat; position: absolute; top:0px; left:0px; width: calc(100% - 1px); height: calc(100% - 1px); border-radius: 50%; z-index: 1; border: 2px solid #e4e5e5; /* box-sizing: border-box; */}
.toTop a:after { content: ""; position: absolute; width: 63px; height: 63px; top:0px; left:0px; border-radius: 50%; 
 
 opacity: .8; } 
.toTop a #canvas { position: absolute; left: -2px; top: -2px; z-index: 2; } 
/* .toTop .circle-bg { fill: rgba(255, 255, 255, 0); stroke: #e4e5e5; stroke-width: 2; stroke-linecap: butt; } 
.toTop .circle-go { fill: rgba(255, 255, 255, 0); stroke: #418087; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 240px; stroke-dashoffset: 240px; animation-timing-function: linear; } 

.toTop .progress-svg { width: 100%; height: 100%; position: absolute; top:0px; left:0px; } */
#bottom_banner .layout .banner_wrap .banner_tit { margin-right: 0; padding: 5px 0; padding-left: 35px; background: url(/images/kor/common/bn_bg.png) left center no-repeat; } 
#bottom_banner { border-top: 1px solid #e9e9e9; } 
#foot_layout .toTop { display: none !important; } 
@media (max-width: 1920px){
 .button_wrap .recent,.toTop { right: 10px; } 
 .button_wrap .recent .list { left: 60px; transform: translate(-100%,0); } 
 }
@media (max-width: 1560px){
 #foot_layout .layout { max-width: 1280px; } 
 #foot_layout .site_wrap .family_site { width: 235px; } 
 }
@media (max-width: 1439.98px) {
    #foot_layout .footer-info .layout .flogo {left: 60px;}
    #foot_layout .footer-info .layout .copy {padding-left: 220px; padding-right: 370px;}
}
@media (max-width: 1440px){
 #gnb_layout .depth1_ul > li.n6 .depth2_ul { flex-wrap: wrap; justify-content: flex-start; padding: 0 147px; padding-bottom: 10px; } 
 #gnb_layout .depth1_ul > li.n6 .depth2_ul > li { width: 105px; } 
 #gnb_layout .depth1_ul > li.n6 .depth2_ul li .depth3_ul { top:300px; padding: 0 190px; } 
 #gnb_layout .depth1_ul > li.n6 .item { min-height: 520px; height: 520px; } 
 #foot_layout .layout { max-width: 1200px; } 
 #foot_layout .site_wrap .family_site { width: 215px; } 
 #foot_layout .footer-link .list { width: 215px; } 
 }
@media (max-width: 1279.98px){
 #gnb_layout { display: none; } 
#top_layout .top_wrap .utile_wrap > li.pc { display: none; } 
#top_layout .top_wrap .utile_wrap > li.mo { display: inline-block; } 
#top_layout .top_wrap .flag{top: 19px;left: 208px;width: 100px;height: 35px;}

#tnb .layout .utile_wrap li.weather { display: none; } 
 #foot_layout .site_wrap .layout { padding-left: 0; } 
 #foot_layout .footer-info .layout { padding-top: 0; padding-left: 0; } 
 #foot_layout .site_wrap .layout { flex-wrap: wrap; } 
 #foot_layout .site_wrap .family_site { width: calc(100% / 2 - 110px); margin-right: 15px; margin-bottom: 15px; } 
 #foot_layout .footer-info .layout .web_mark { top:190px}
 #foot_layout .footer-link .list { width: 234px; } 
 #foot_layout .site_wrap .family_site .list { z-index: 111; bottom: 60px; } 
 #foot_layout .footer-info .layout address, #foot_layout .footer-info .layout .copy { width: calc(100% - 190px); } 
 #foot_layout .toTop { display: none !important; } 

 #foot_layout .footer-info .layout .flogo {display: block; top: 192px; left: 30px;}
 #foot_layout .footer-info .layout .copy {padding-left: 200px; padding-right: 0;}
 }
@media (max-width: 1023.98px){
 #foot_layout .footer-link .layout { padding: 0; } 
 #foot_layout .footer-link .list { position: static; width: 100%; display: flex; align-items: center; justify-content: space-between; background: none; padding-top: 0; padding-left: 0; padding-right: 0; } 
 #foot_layout .footer-link .list:after { display: none; } 
 #foot_layout .footer-link .list li { } 
 #foot_layout .site_wrap .layout { justify-content: space-between; padding: 0; } 
 #foot_layout .site_wrap .family_site { width: calc(100% / 2 - 15px); margin: 0; padding: 0; margin-bottom: 15px; } 
 #foot_layout .site_wrap .family_site button { }
 #foot_layout .site_wrap .layout:after { display: none; } 
 #foot_layout .footer-info .layout { position: relative; } 
 #foot_layout .footer-info .layout .web_mark { top:0; right: 15px; } 
 
 #foot_layout .footer-info .layout .flogo {left: 0; top: 0;}
 #foot_layout .footer-info .layout address, #foot_layout .footer-info .layout .copy {width: calc(100% - 60px);}
}
@media (max-width: 1023.98px){
 .button_wrap .recent, .toTop { display: none !important; } 
 }
@media (max-width: 767.98px){
 #foot_layout .footer-link { padding-top: 0; } 
 
 #foot_layout .toTop {
 position: absolute;
 display: block !important;
 top:auto;
 bottom: 50px !important;
 height: 52px;
 } 
 #foot_layout .toTop a { background: none; display: block; width: 165px; margin: 0 auto; line-height: 34px; } 
 .toTop a:after { border: 0px solid #000; } 
 #foot_layout .footer-info .layout .web_mark {/* display: none; */position: static;display: block;margin-top: 20px;text-align: center;} 
 #foot_layout .footer-info .layout address, #foot_layout .footer-info .layout .copy { width: 100%; } 

 #foot_layout .footer-info .layout .flogo {position: static; margin: 0 auto 15px;}
 #foot_layout .footer-info .layout .copy {padding-left: 0;}
 }
 @media (max-width: 640px) {
  #svisual_layout{
    height: 150px;
  }
 }
@media (max-width: 459.98px) {
#top_layout .top_wrap .flag{top: 22px;left: 148px;font-size: 11px;line-height: 14px;width: 86px;height: 28px;}
 #top_layout .top_wrap .flag a:before{background-size: 41px;top: -2px;left: -45px;}
#foot_layout .site_wrap .family_site { width: 100%; height: 45px; } 
}

#gnb_layout.open .depth1_ul > li.n5 .item::before,#gnb_layout.open .depth1_ul > li.n5 .item::after,#gnb_layout.open .depth1_ul > li.n6 .item::before,#gnb_layout.open .depth1_ul > li.n6 .item::after { display: none; } 




/* 서브메인 만족도 조사 */
.sub06.wide_wrap .content-info,
.sub01.wide_wrap .content-info,
.sub05_05.wide_wrap .content-info { display: none; } 



/*팝업창 관련*/
.pop_font{text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

.pop_font{}
.pop_font button{color:#fff !important; background:none !important;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;margin-bottom: 0px;}
.pop_close button{background:none !important;}
.pop_close a {display: block;line-height: 26px;padding:0;border: none;background: none !important;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_con_box img{margin:0}
.pop_bt_bg{height:26px; background:#000000; }
.pop_bg{background: #ddd;padding:6px 0px 6px 0px;}

@media (max-width: 767px) {
#popup_content{display: block; margin-left: -100px;}
#popup_content #displayPopup3642 .pop_bg{width: 412px!important;}
#popup_content #displayPopup3642 ,.pop_bt_bg{width: 412px!important;}
#popup_content #displayPopup3642 .pop_con_box img{width: 400px; height: auto;}
}

#tnb .layout .utile_wrap .logout a span{
 font-size: 15px;
    color: #fff; 
}
#tnb .layout .utile_wrap .logout a{
      background: url(/template/assets/images/logout.png) 0 center no-repeat;
}
#tnb .layout .utile_wrap .logout a{
  padding-left: 20px;
    padding-right: 5px;
}
#tnb .layout .utile_wrap .logout a::after{
  right: -10px;
}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li a.ov + .depth3_ul{padding:15px}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li{padding:3px 0}
.downBtnArea{margin-bottom:20px;}
.downBtnArea .downBtn{display:inline-block; padding:0 19px 0 29px; border-radius:25px; background:#333;color:#fff}
.downBtnArea .downBtn span{display:block;padding-right:23px;line-height:50px;background:url(/images/prog/ir-down.png) no-repeat right center;}

/* 새창아이콘 */
#gnb_layout .depth1_ul .depth3_ul li a[target=_blank] {}
#gnb_layout .depth1_ul .depth3_ul li a[target=_blank] span:after {content:'';background: url(/template/assets/images/target_blank.png) no-repeat;width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-left: 7px;}

/* 동영상팝업 */
#popup{position:absolute;top:100px;right:60px;z-index: 999; width: 500px;}
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;overflow:auto;} 
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float:right;}
.new_pop_close {color:#fff; float:left;}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}

@media(max-width:767px){
 #popup{left:50%; transform:translateX(-50%); width:70%;}
}
@media(max-width:380px){
 #popup{ width:85%;}
 .popup_box .new_pop_bt_bg{padding:10px 8px}
 .new_pop_font{margin:0;}
}

/* 홈페이지 바로가기 5번 추가 */
.main-tab-content .sub-tab .sub-tab-item:nth-child(5) .sub-title{left: 958px;}

@media(max-width:1430px){
 .main-tab-content .sub-tab::before{height:100px;}
 .main-tab-content .sub-tab .sub-tab-item:nth-child(5) .sub-title{top:70px; left:50px;}
}

@media(max-width:1024px){
 .main-tab-content .sub-tab .sub-tab-item:nth-child(5) .sub-title{left:10px;}
}

@media(max-width:767px){
 .main-tab-content .sub-tab::before{height:150px;}
 .main-tab-content .list{padding-top:180px;}
 .main-tab-content .sub-tab .sub-tab-item:nth-child(5) .sub-title{top: 126px;left: 15px;}
}

/* div > span으로 예외처리 */
#top_layout .top_wrap .utile_wrap > li.allmenu-link .btn-allmenu .hamburger span{align-self: flex-end;height: 2px;width: 100%;background: #000;}

/* 푸터 연락처 예외처리 */
#foot_layout .footer-info .layout address .mo{display: block;}
@media (max-width:767px){
  #foot_layout .footer-info .layout address .pc{display: inline-block;}
  #foot_layout .footer-info .layout address .mo{display: inline-block;}
}
/* 공식누리집 */
#nuri {
  background-color: #eef0f3;
  position: relative;
  z-index: 10;
}

#nuri .inner {
  max-width: 1859px;
  margin: 0 auto
}

#nuri .top {
  padding: 10px 50px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

#nuri .flag_wrap {
  display: flex;
  align-items: center;
}

#nuri .flag_wrap .flag_in {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 14px;
}

#nuri .flag_wrap .flag_in img {
  margin-right: 10px;
  width: 22px;
}

@media (max-width: 767px) {
  #nuri .top {
      padding: 10px 10px;
  }

  #nuri .flag_wrap .flag_in {
      font-size: 13px;
  }
}

#foot_layout .footer-info .layout .web_mark {height: 65px;}