@charset "utf-8";
/*UI Object*/
html,body{}
[lang="en"],[lang="en"] > button{font-family:'Open Sans','Noto Sans KR',sans-serif}
body > #wrap{height:auto;min-height:100%}
#wrap{position:relative;width:100%;margin:0 auto;overflow-x:hidden}
#wrap.popupActive{padding-top:124px}
.innerWrap{display:block;position:relative;max-width:1024px;margin:0 auto}
/*헤더*/
#header{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:110px;margin:0 0 20px;background:transparent;z-index:10}
.popupActive #header{top:124px}
#header:before,#header:after{position:absolute;left:0;width:100%;opacity:0;filter:alpha(opacity=0);content:""}
#header:before{top:90px;height:1px;background:#e8e8e8}
#header:after{bottom:-20px;height:20px;background:url(/images/header_shadow.png) repeat-x}
#header .header_wrap{position:relative;max-width:1760px;height:100%;padding:20px 390px 20px 285px;margin:0 auto;z-index:1}
#header h1.logo{position:absolute;top:25px;left:20px;overflow:hidden;width:385px;height:70px}
#header h1.logo > a{float:left;width:244px;height:70px;background:url(/images/weneedweb_logo.png) no-repeat 0 0;font-size:0;line-height:0}
#header h1.logo > a.sixtieth{display:none;width:116px;margin-left:20px;background-image:url(/images/h1_anniversary.png)}
#header .tsidemenu_wrap{position:absolute;top:0;right:0;width:274px}
#header .utilMenu{float:left}
#header .utilMenu > li{float:left}
#header .utilMenu > li + li{margin-left:-1px}
#header .utilMenu a{display:block;padding:6px 10px;border:solid rgba(239,239,239,0.5);border-width:0 1px 1px;font-weight:300;font-size:0.875em;line-height:1.5em;color:#fff;letter-spacing:-0.03571em;text-align:center}
#header .utilMenu .no1 a{width:124px}
#header .utilMenu .no2 a{width:150px}
#header .btn_popupzone{display:none;float:left;width:98px;height:35px;margin-left:-1px}
#header .btn_popupzone > a{display:block;padding:6px 10px 6px 14px;border:solid rgba(239,239,239,0.5);border-width:0 1px 1px;font-weight:600;font-size:0.875em;line-height:1.5em;font-family:"Open Sans";color:#fff;letter-spacing:-0.01785em}
#header .btn_popupzone span{display:block;position:relative;padding-right:20px;line-height:1.5em}
#header .btn_popupzone span:after{position:absolute;top:0;right:0;width:21px;height:21px;font-size:1.286em;line-height:1.1667em;font-family:"xeicon";text-align:center;content:"\e942"}
#header .btn_popupzone.active{/*width:97px;margin-left:0*/}
.popupActive #header .btn_popupzone > a,#header .btn_popupzone > a:hover{border-color:green;background:green}
.popupActive #header .btn_popupzone > a span:after,#header .btn_popupzone > a:hover span:after{transform:rotate(180deg)}
#header .tsidemenu{float:right;height:55px;margin:5px 0 0}
#header .tsidemenu > [class*="btn_"]{float:left;width:55px;height:100%}
#header .tsidemenu > .btn_lang{width:128px}
#header .tsidemenu a{display:block;position:relative;overflow:hidden;height:100%;padding:15px;font-weight:600;font-size:1em;line-height:1.5625em;font-family:"Open Sans";color:#fff}
#header .tsidemenu i[class*="xi-"]{display:block;font-size:1.563em;line-height:1em}
#header .tsidemenu .btn_lang span{display:block;position:relative;overflow:hidden;height:25px;line-height:1.5625em}
#header .tsidemenu .btn_lang i[class*="xi-"]{display:inline-block;vertical-align:middle}
#header .tsidemenu .btn_allmenu .bar{position:absolute;top:18px;left:14px;width:27px;height:3px;background:#fff}
#header .tsidemenu .btn_allmenu .bar.no1{top:18px}
#header .tsidemenu .btn_allmenu .bar.no2{top:26px}
#header .tsidemenu .btn_allmenu .bar.no3{top:34px}
/*글로벌메뉴*/
#topmenu{position:relative;padding:20px 0 0;margin:0 auto;z-index:1}
#topmenu:before,#topmenu:after{display:none;position:absolute;top:70px;width:1px;height:350px;background:#e8e8e8;opacity:0;filter:alpha(opacity=0);content:""}
#topmenu:before{left:0}
#topmenu:after{right:0}
#topmenu .control{display:none}
#topmenu .control > a{position:absolute;top:5px;width:40px;height:40px;padding:8px;font-size:1.500em;line-height:1em;color:#333;text-align:center}
#topmenu .control > a.prev{left:0}
#topmenu .control > a.next{right:0}
#topmenu .control > a > i[class*="xi-"]{display:block;line-height:1em}
#gnavigation,#gnavigation *{transition:none;-webkit-transition:none}
#gnavigation{display:table;position:relative;width:100%;table-layout:fixed}
#gnavigation > li{display:table-cell;width:1%}
#gnavigation a{display:block;text-align:center;word-break:keep-all}
#gnavigation a > span{display:inline-block;vertical-align:top}
#gnavigation .th1{padding:15px 25px;font-weight:700;font-size:1.125em;line-height:1.1111em;color:#fff;letter-spacing:-0.04167em;white-space:nowrap}
#gnavigation .th1 > span{position:relative;line-height:1.1111em}
#gnavigation .th1 > span:after{position:absolute;bottom:-15px;left:50%;width:0;height:2px;background:#0052b0;content:""}
#gnavigation .depth2{display:none;height:350px;padding:20px 0}
#gnavigation .depth2 > li{}
#gnavigation .depth2 .th2{padding:5px 10px;font-size:0.938em;line-height:1.3333em;color:#707070;letter-spacing:-0.05em}
#gnavigation .depth2 .th2:hover,#gnavigation .depth2 .th2.active{color:#000;text-decoration:underline}
#gnavigation .depth2 .th2 > span{display:block;position:relative;line-height:1.3333em}
#gnavigation .depth2 .th2 > span:after{display:none;position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:#000;content:""}
#gnavigation .depth2 .th2:hover > span:after,#gnavigation .depth2 .th2.active > span:after{width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
/*퀵메뉴*/
#header .quickLink_wrap{display:block;position:absolute;top:91px;right:20px;width:365px;height:355px;padding:30px 0 0 45px;opacity:0;filter:alpha(opacity=0);visibility:hidden}
#header .quickLink_lst{padding:0 1px;margin:0 0 20px}
#header .quickLink_lst:after{clear:both;display:block;content:""}
#header .quickLink_lst > li{float:left;width:106px}
#header .quickLink_lst a{display:block;line-height:1.5625em;color:#4d4d4d;letter-spacing:-0.03125em;text-align:center}
#header .quickLink_lst a > span{display:block;line-height:1.5625em}
#header .quickLink_lst .icon{display:block;width:65px;height:65px;margin:0 auto;border-radius:50%;background:#f9f9f9 url(/images/quickLink_icon.png) no-repeat}
#header .quickLink_lst .no1 .icon{background-position:0 0}
#header .quickLink_lst .no2 .icon{background-position:-65px 0}
#header .quickLink_lst .no3 .icon{background-position:-130px 0}
#header .headers_banner{}
#header .headers_banner > a{display:block;position:relative;height:185px;padding:20px 30px 25px;border:1px solid #e1e6ec;background:url(/images/kakao_banner_bg.jpg) no-repeat 0 50%;font-size:1.500em;line-height:1.25em;font-family:"Nanum Square";color:#000;letter-spacing:-0.04167em;text-align:right}
#header .headers_banner span{display:block;line-height:1.25em}
#header .headers_banner span:nth-of-type(1){margin-top:0;font-size:0.750em;line-height:1.3333em;letter-spacing:-0.04167em}
#header .headers_banner span + span{margin-top:0;word-break:keep-all}
#header .headers_banner span > em{font-weight:900;font-size:1.250em;line-height:1em;color:#000}
#header .headers_banner i[class*="xi-"]{position:absolute;bottom:25px;right:30px;width:34px;height:34px;padding:3px;border:2px solid #0052b0;border-radius:50%;background:#0052b0;line-height:1em;color:#fff}
#header .markbg_img{display:none;position:absolute;top:91px;left:0;width:440px;height:349px;background:url(/images/markbg_img.jpg) no-repeat 0 100%;opacity:0;filter:alpha(opacity=0)}
/*활성화*/
#header.active{overflow:visible;height:440px;background:#fff}
#header.active:before,#header.active:after{opacity:1;filter:alpha(opacity=1)}
#header.active .header_wrap{}
#header.active h1.logo > a{background-position:0 -70px}
#header.active h1.logo a.sixtieth{display:none}
#header.active .utilMenu a{border-color:#efefef;color:#707070}
#header.active .utilMenu a:hover{color:#2e2e2e}
#header.active .btn_popupzone > a{border-color:#efefef;color:#8f8f8f}
.popupActive #header.active .btn_popupzone > a,#header.active .btn_popupzone.active > a,#header.active .btn_popupzone > a:hover{border-color:green;background:green;color:#fff}
#header.active .tsidemenu a{color:#333}
#header.active .tsidemenu a:hover{color:#0052b0 !important}
#header.active .tsidemenu .btn_allmenu .bar{background:#333}
#header.active .tsidemenu .btn_allmenu a:hover .bar{background:#0052b0}
#header.active #topmenu{padding:20px 0 0}
#header.active #topmenu:before,#header.active #topmenu:after{display:block;opacity:1;filter:alpha(opacity=100)}
#header.active #gnavigation{}
#header.active #gnavigation .th1{color:#151823}
#header.active #gnavigation > li:hover .th1{color:#266cc9}
#header.active #gnavigation > li:hover .th1 > span:after{width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#header.active #gnavigation .depth2{display:block}
#header.active #gnavigation > li:hover .depth2{background:#f3f5f7}
#header.active .quickLink_wrap{opacity:1;filter:alpha(opacity=100);visibility:visible}
#header.active .markbg_img{display:block;opacity:1;filter:alpha(opacity=100)}
/*상단스크롤*/
#header.fixed{position:fixed;height:70px;border-top:1px solid #edf0f2;border-bottom:1px solid #dfe5eb;background:#fff}
.popupActive #header.fixed{top:0}
#header.fixed .header_wrap{padding:7px 390px 7px 240px}
#header.fixed h1.logo{top:7px;height:54px}
#header.fixed h1.logo > a{height:54px;background-size:auto 108px;background-position:0 -54px}
#header.fixed h1.logo > a.sixtieth{display:none}
#header.fixed .tsidemenu_wrap{top:7px}
#header.fixed #topmenu:before,#header.fixed #topmenu:after{top:64px;height:350px}
#header.fixed .tsidemenu a{color:#333}
#header.fixed .tsidemenu .btn_allmenu .bar{background:#333}
#header.fixed .utilMenu{display:none}
#header.fixed .btn_popupzone{display:none}
#header.fixed #topmenu{padding:2px 0 0 !important}
#header.fixed #gnavigation{}
#header.fixed #gnavigation .th1{color:#151823}
#header.fixed #gnavigation .th1 > span:after{bottom:-27px}
#header.fixed #gnavigation .depth2{margin-top:12px}
#header.fixed .quickLink_wrap{top:71px}
#header.fixed.active{height:423px!important}
#header.fixed.active:before{top:70px}
#header.fixed.active #topmenu{margin-left:0}
#header.fixed.active .markbg_img{top:71px;height:280px}
/*통합검색*/
#totalSearch{display:none;position:fixed;top:-100%;left:0;width:100%;height:400px;padding:0;z-index:99}
.popupActive #totalSearch{padding:124px 0 0}
#totalSearch.active{display:block;top:0}
#totalSearch:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);content:""}
#totalSearch .totalSearch_wrap{position:relative;max-width:1760px;padding:100px 0 0;margin:0 auto}
#totalSearch .totalSearch_wrap:before{position:absolute;top:100px;left:20px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);height:calc(100% - 100px);height:-webkit-calc(100% - 100px);background:#fff;opacity:1;filter:alpha(opacity=100);content:""}
#totalSearch .search_ipt{position:relative;overflow:hidden;max-width:820px;height:80px;padding:15px 40px;margin:0 auto}
#totalSearch .search_ipt .form-control{display:block;width:100%;height:50px;padding:10px 0;border-color:transparent;border-bottom-color:#474747;background:transparent;font-size:1.125em;line-height:1.667em;color:#404040;letter-spacing:-0.04167em}
#totalSearch .search_ipt .form-control:hover,#totalSearch .search_ipt .form-control:focus{border-color:transparent !important;border-bottom-color:#474747 !important}
#totalSearch .search_ipt .search_btn{position:absolute;top:15px;right:40px;width:50px;height:50px;padding:10px;background:transparent;font-size:1.875em;line-height:1em;color:#000;text-align:center}
#totalSearch .search_ipt .search_btn i[class*="xi-"]{display:block}
#totalSearch .totalSearch_close{position:absolute;top:100px;right:30px;width:80px;height:80px}
#totalSearch .totalSearch_close > a{display:block;width:100%;height:100%;padding:16px;font-size:3.000em;line-height:1em;color:#000;text-align:center}
#totalSearch .totalSearch_close i[class*="xi-"]{display:block}
#header .tsidemenu #totalSearch i[class*="xi-"]{font-size:1em;line-height:1em}
/*전체메뉴*/
#allmenu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:0 0 100px;z-index:99}
#allmenu.active{display:block}
#allmenu:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);content:""}
.allmenu_wrap{position:relative;width:100%;height:100%;background:#fff}
.allmenu_wrap:before{position:absolute;top:0;left:0;width:50%;height:100%;background:#e8edf9;content:""}
.allmenu_gnav_wrap{position:relative;max-width:1360px;height:100%;padding:100px 0 80px;margin:0 auto;background:#fff;z-index:1}
.allmenu_gnav_wrap,.allmenu_gnav_wrap *{transition:none;-webkit-transition:none}
.allmenu_gnav_wrap:before,.allmenu_gnav_wrap:after{content:""}
.allmenu_gnav_wrap:before{position:absolute;top:0;left:0;width:180px;height:100%;background:#e8edf9}
.allmenu_gnav_wrap:after{position:fixed;top:-100%;right:80px;width:350px;height:290px;background:url(/images/allmenu_bgIcon.png) no-repeat}
.active .allmenu_gnav_wrap:after{top:auto;bottom:135px}
.allmenu_gnavigation{position:relative;z-index:1}
.allmenu_gnavigation > li{position:relative;padding:10px 0 10px 260px}
.allmenu_gnavigation .th1{position:absolute;top:10px;left:0;width:180px;height:calc(100% - 20px);height:-webkit-calc(100% - 20px);padding:40px 0;background:#142c62;color:#fff;text-align:center}
.allmenu_gnavigation .th1 > span{display:block;position:relative;padding-top:20px;font-weight:500;font-size:1.875em;line-height:1.2em;letter-spacing:-0.05em}
.allmenu_gnavigation .th1 > span:after{position:absolute;top:0;left:50%;width:25px;height:2px;background:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.allmenu_gnavigation .depth2{padding:20px 0}
.allmenu_gnavigation .depth2:after{clear:both;display:block;content:""}
.allmenu_gnavigation .depth2 > li{float:left;width:20%;padding:10px 20px 10px 0}
.allmenu_gnavigation .th2{display:block;padding:10px 0;font-weight:500;font-size:1.125em;line-height:1.1111em;color:#333;letter-spacing:-0.04167em}
.allmenu_gnavigation .th2:hover{color:#142c62}
.allmenu_gnavigation .th2 > span{display:block;line-height:1.1111em;word-break:keep-all}
.allmenu_gnavigation .depth3{padding:0}
.allmenu_gnavigation .depth3 > li{position:relative;padding-left:15px}
.allmenu_gnavigation .depth3 > li:after{position:absolute;top:12px;left:0;width:4px;height:1px;background:#555;content:""}
.allmenu_gnavigation .th3{display:block;font-weight:300;font-size:0.938em;line-height:1.6em;color:#767676;letter-spacing:-0.03333em}
.allmenu_gnavigation .th3:hover{color:#000;text-decoration:underline}
.allmenu_gnavigation .th3 > span{display:block;position:relative;padding:0;line-height:1.6em;vertical-align:top;word-break:keep-all}
.allmenu_gnavigation .th3 > span:after{display:none;position:absolute;bottom:3px;left:0;width:0;height:1px;background:#000;content:""}
.allmenu_gnavigation .th3:hover > span:after{width:100%}
.allmenu_gnavigation .menu01 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu01 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu01 .depth2 > li:nth-child(7){min-height:auto}
.allmenu_gnavigation .menu02 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu02 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu02 .depth2 > li:nth-child(7){min-height:auto}
.allmenu_gnavigation .menu03 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu03 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu03 .depth2 > li:nth-child(7){min-height:auto}
.allmenu_gnavigation .menu04 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu04 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu04 .depth2 > li:nth-child(7){min-height:auto}
.allmenu_gnavigation .menu05 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu05 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu05 .depth2 > li:nth-child(7){min-height:auto}
.allmenu_gnavigation .menu06 .depth2 > li{min-height:80px}
.allmenu_gnavigation .menu06 .depth2 > li:nth-child(6),.allmenu_gnavigation .menu06 .depth2 > li:nth-child(7){min-height:auto}
#allmenu .mCSB_container{overflow:visible !important}
#allmenu .mCSB_scrollTools{position:fixed;top:-100%;right:37px;width:6px;height:calc(100% - 290px);height:-webkit-calc(100% - 290px);opacity:0;filter:alpha(opacity=0);z-index:1}
#allmenu.active .mCSB_scrollTools{top:110px;opacity:1;filter:alpha(opacity=100)}
#allmenu .mCSB_scrollTools,#allmenu .mCSB_scrollTools *{transition:none;-webkit-transition:none}
#allmenu .mCSB_scrollTools .mCSB_draggerContainer{}
#allmenu .mCSB_scrollTools .mCSB_dragger{height:18px}
#allmenu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;height:18px;margin:0;border-radius:0;background:#142c62;opacity:1 !important;filter:alpha(opacity=100) !important}
#allmenu .mCSB_scrollTools .mCSB_draggerRail{width:6px;border-radius:0;background:#e8edf9;opacity:1 !important;filter:alpha(opacity=100) !important}
#allmenu .utilMenu{position:absolute;top:30px;right:80px;height:35px;z-index:1}
#allmenu .utilMenu > li{float:left}
#allmenu .utilMenu > li:nth-child(2){margin-left:-1px}
#allmenu .utilMenu a{display:block;padding:5px 14px;border:1px solid #efefef;font-weight:300;font-size:0.875em;line-height:1.6428em;color:#707070;letter-spacing:-0.03571em}
#allmenu .utilMenu a:hover{color:#2e2e2e}
#allmenu .utilMenu .lang_eng > a{padding:3px 14px;border-color:transparent;font-weight:500;font-size:1em;line-height:1.6875em;color:#151823;letter-spacing:-0.03125em;opacity:0.75;filter:alpha(opacity=75)}
#allmenu .utilMenu .lang_eng > a:hover{color:#0052b0}
#allmenu .utilMenu .lang_eng i[class*="xi-"]{font-size:1.625em;line-height:1em;vertical-align:top}
#allmenu .btn_allmenu_close{position:absolute;top:10px;right:10px;width:70px;height:70px;z-index:1}
#allmenu .btn_allmenu_close > button{display:block;width:100%;height:100%;padding:11px;background:transparent;font-size:3.000em;line-height:1em;color:#50525a;text-align:center}
#allmenu .btn_allmenu_close > button:hover{color:#0052b0}
/*바디*/
#body{}
#side{position:relative;height:400px;z-index:2}
#side:before,#side:after{position:absolute;top:0;left:0;width:100%;height:100%;content:""}
#side:before{background:no-repeat 50% 50%;background-size:cover;-webkit-background-size:cover}
#side.no1:before{background-image:url(/images/LJYBOARD.jpg)} /*정보공개*/
#side.no2:before{background-image:url(/images/subVisual_img02.jpg)} /*연구개발*/
#side.no3:before{background-image:url(/images/subVisual_img03.jpg)} /*안전정보*/
#side.no4:before{background-image:url(/images/subVisual_img04.jpg)} /*소통마당*/
#side.no5:before{background-image:url(/images/subVisual_img05.jpg)} /*고객참여*/
#side.no6:before{background-image:url(/images/subVisual_img06.jpg)} /*KAERI소개*/
#side.no7:before{background-image:url(/images/subVisual_img07.jpg)} /*통합검색*/
#side.no8:before{background-image:url(/images/subVisual_img08.jpg)} /*인재채용*/
#side:after{background:url(/images/subVisual_bg.png) repeat-x 50% 0}
#side .innerWrap{height:100%;z-index:1}
#side .snbTitle{position:relative;top:174px}
#side .snbTitle > h2{padding-top:35px;padding-left:0;margin:0;font-weight:700;font-size:3.125em;line-height:1em;font-family:"Nanum Square";color:#fff;letter-spacing:-0.05em;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,0.68)}
#side .snbTitle > h2:after{top:0;left:50%;width:27px;height:1px;background:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#side .snav{position:absolute;bottom:0;left:0;width:100%;height:46px;border:solid #ebeff3;border-width:1px 0;background:#fff}
#side .snav a{display:block;border:solid #ebeff3;border-width:0 1px}
#side .snav i[class*="xi-"]{display:block;font-size:1.125em;line-height:1em;color:#000}
#side .snav .home{float:left;width:48px;height:100%}
#side .snav .home > a{padding:13px 0;text-align:center}
#side .snav .home > a:hover{border-color:#dfe5eb;background:#dfe5eb}
#side #snavigation{float:left}
#side #snavigation > li{float:left;position:relative;margin-left:-1px}
#side #snavigation > li > a{display:block;position:relative;padding:13px 45px 13px 15px;font-weight:300;font-size:1em;line-height:1.125em;color:#555;letter-spacing:-0.03125em;white-space:nowrap}
#side #snavigation > li > a.active,#side #snavigation > li > a:hover{border-color:#dfe5eb;background:#dfe5eb;color:#000}
#side #snavigation > li > a:after{position:absolute;top:13px;right:10px;width:18px;height:18px;font-size:1.125em;line-height:1em;color:#707070;font-family:"xeicon";text-align:center;content:"\e942"}
#side #snavigation > li > a.active:after,#side #snavigation > li > a:hover:after{color:#000}
#side #snavigation > li > a.active:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#side #snavigation .depth_lst{display:none;position:absolute;top:100%;left:0;padding:20px;border:1px solid #dfe5eb;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.15);transition:none;-webkit-transition:none;z-index:1}
#side #snavigation .depth_lst > li + li{margin-top:5px}
#side #snavigation .depth_lst a{display:block;position:relative;border:0 none;font-weight:300;line-height:1.5em;color:#6d747b;letter-spacing:-0.03125em;white-space:nowrap}
#side #snavigation .depth_lst a:hover{color:#000}
#side #snavigation .depth_lst a[target="_blank"]{padding-right:20px}
#side #snavigation .depth_lst a[target="_blank"]:after{position:absolute;top:2px;right:0;width:17px;height:17px;font-size:1.063em;line-height:1em;font-family:"xeicon";content:"\e980"}
#side .snav_util{float:right}
#side .snav_util > li{float:left;width:48px;position:relative;margin-left:-1px}
#side .snav_util a{padding:13px 0;text-align:center}
#side .snav_util a.active,#side .snav_util a:hover{background:#dfe5eb}
#side .snav_util i[class*="xi-"]{vertical-align:top}
#side .snav_util .share_wrap{display:none;position:absolute;top:100%;right:-47px;padding:20px 25px;border:1px solid #dfe5eb;background:#fff;box-shadow:0 8px 10px rgba(0,0,0,0.15);transition:none;-webkit-transition:none;z-index:1}
#side .snav_util .share_lst{width:258px;margin-bottom:15px}
#side .snav_util .share_lst:after{clear:both;display:block;content:""}
#side .snav_util .share_lst > li{float:left;width:48px;height:48px}
#side .snav_util .share_lst > li + li{margin-left:22px}
#side .snav_util .share_lst.type2 > li + li{margin-left:57px}
#side .snav_util .share_lst a{width:100%;height:100%;padding:12px;border:0 none;background:transparent}
#side .snav_util .share_lst i[class*="xi-"]{font-size:1.500em}
#side .snav_util .share_lst .fb a{background:#4867aa}
#side .snav_util .share_lst .tt a{background:#1da1f2}
#side .snav_util .share_lst .kt a{background:#f3d820}
#side .snav_util .share_lst .rss a{background:#f38320}
#side .snav_util .share_lst .fb i[class*="xi-"]{color:#fff}
#side .snav_util .share_lst .tt i[class*="xi-"]{color:#fff}
#side .snav_util .share_lst .kt i[class*="xi-"]{color:#76410e}
#side .snav_util .share_lst .rss i[class*="xi-"]{color:#fff}
#side .snav_util .link_ipt{display:block;position:relative;padding-right:60px}
#side .snav_util .link_ipt .form-control{width:100%;height:45px;padding:10px;border-color:#bcc2ce;background:#bcc2ce;font-weight:300;font-size:0.875em;line-height:1.7857em;color:#2e343f;letter-spacing:-0.03571em}
#side .snav_util .link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
#side .snav_util .link_ipt .input-btn{position:absolute;top:0;right:0;width:60px;height:45px}
#side .snav_util .link_ipt .input-btn > a{width:100%;height:100%;padding:5px 10px;border:0 none;background:#2e343f;text-align:center}
#side .snav_util .link_ipt .input-btn i[class*="xi-"]{font-size:1.875em;line-height:1.1667em;color:#fff}
#content{position:relative}
/*담당안내 및 만족도조사*/
.survey_charge_wrap{position:relative;max-width:1440px;height:50px;padding-right:215px;margin:90px auto 0;background:#f0f2f3}
.survey_charge_wrap .charge{padding:15px 35px}
.survey_charge_wrap .charge:after{clear:both;display:block;content:""}
.survey_charge_wrap .charge dl{float:left}
.survey_charge_wrap .charge dt,.survey_charge_wrap .charge dd{float:left}
.survey_charge_wrap .charge dt{margin-right:10px;font-weight:500;color:#094b9d}
.survey_charge_wrap .charge dd{min-height:20px;margin-right:35px;font-weight:300;color:#343d45}
.survey_charge_wrap .charge dd.tel{font-family:"Open Sans"}
.survey_charge_wrap .charge .lastMod{float:left}
.survey_charge_wrap .charge .lastMod strong{float:left;margin-right:10px;font-weight:500;color:#222325}
.survey_charge_wrap .charge .lastMod strong i[class*="xi-"]{float:left;margin:2px 5px 0 0;font-size:1.125em;line-height:1em;color:#343d45}
.survey_charge_wrap .charge .lastMod span{float:left;font-weight:300;line-height:1.25em;font-family:"Open Sans";color:#343d45}
.survey_charge_wrap .btn_survey{position:absolute;bottom:0;right:0;width:215px;height:50px}
.survey_charge_wrap .btn_survey > a{display:block;width:100%;height:100%;padding:13px 15px 13px 20px;background:#3e608f;line-height:1.5em;color:#fff}
.survey_charge_wrap .btn_survey span{display:block;position:relative;padding-right:24px;line-height:1.5em}
.survey_charge_wrap .btn_survey span:after{position:absolute;top:0;right:0;width:24px;height:24px;font-size:1.500em;line-height:1em;color:#fff;font-family:"xeicon";text-align:center;content:"\e942"}
.survey_charge_wrap .btn_survey a.active span:after{transform:rotate(180deg)}
.survey_charge_wrap .survey_wrap{display:none;position:absolute;top:50px;left:0;width:100%;height:105px;padding:20px 30px 15px;border:solid #eff3f6;border-width:0 4px 4px;background:#fff}
.survey_charge_wrap .survey_wrap{transition:none;-webkit-transition:none}
.survey_charge_wrap .survey_wrap strong{display:block;font-weight:300;line-height:1.5625em;color:#333}
.survey_charge_wrap .survey{position:relative;padding-right:130px}
.survey_charge_wrap .radio{padding:10px 0}
.survey_charge_wrap .radio label{font-size:1em;line-height:1.25em}
.survey_charge_wrap .radio span{padding-left:28px;line-height:1.25em;color:#555;letter-spacing:-0.03125em}
.survey_charge_wrap .star_rating,.survey_charge_wrap .star_rating span{display:inline-block;width:28px;height:20px;background:url(/images/i_star_rating.png) no-repeat;line-height:1.25em;vertical-align:top}
.survey_charge_wrap .star_rating{width:140px}
.survey_charge_wrap .star_rating span{padding-left:0;background-position:0 -20px;font-size:0;line-height:0}
.survey_charge_wrap .star_rating span:after{display:none}
.survey_charge_wrap .survey .survey_regist{position:absolute;top:0;right:0;width:125px;height:40px}
.survey_charge_wrap .survey .btn{display:block;width:100%;min-width:100%;border-color:#d6d6d6;background:#f5f5f5}
/*본문*/
#detail_content{min-height:635px;padding:60px 0 135px}
/*풋터*/
#footer{position:relative}
#footer .innerWrap{max-width:1080px;z-index:1}
#footer .innerWrap:after{clear:both;display:block;content:""}
#footer .familySite_wrap{position:relative;height:38px}
#footer .familySite_wrap > .innerWrap{max-width:756px}
#footer .familySite_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#45484a;content:""}
#footer .familySite_wrap,#footer .familySite_wrap *{transition:none;-webkit-transition:none}
#footer .familySite_wrap dl{float:left;position:relative;width:50%;border:solid #8f9294}
#footer .familySite_wrap dl.group{display:none;border-width:0 0 0 1px}
#footer .familySite_wrap dl.depart{border-width:0 1px}
#footer .familySite_wrap dl.relate{border-width:0 1px 0 0}
#footer .familySite_wrap dt{position:relative;background:#45484a;z-index:1}
#footer .familySite_wrap dt a{display:block;padding:9px 20px;font-weight:300;font-size:0.938em;line-height:1.3333em;color:#cecece;letter-spacing:-0.03333em}
#footer .familySite_wrap dt span{display:block;position:relative;padding-right:20px;line-height:1.3333em}
#footer .familySite_wrap dt span:after{position:absolute;top:0;right:0;width:20px;height:20px;font-size:1.333em;line-height:1em;font-family:"xeicon";text-align:center;content:"\e9c5"}
#footer .familySite_wrap dt.fold{background:#303134}
#footer .familySite_wrap dt.fold span:after{content:"\e9c1"}
#footer .familySite_wrap dd{display:none;position:absolute;bottom:100%;left:0;width:100%;height:238px;padding:15px 20px;background:#37393e}
#footer .familySite_wrap dd#groupFamilySite{height:168px}
#footer .familySite_wrap dd#departFamilySite{height:248px}
#footer .familySite_wrap .familySite_lst{position:relative;overflow:hidden;width:100%;height:100%}
#footer .familySite_lst .container{float:left;position:relative;top:0;width:calc(100% - 10px);width:-webkit-calc(100% - 10px)}
#footer .familySite_lst ul,#footer .familySite_lst li{}
#footer .familySite_lst li + li{margin-top:4px}
#footer .familySite_lst a{display:block;overflow:hidden;font-weight:300;font-size:0.938em;line-height:1.6em;color:#cecece;letter-spacing:-0.03333em}
#footer .familySite_lst span{display:block;position:relative;padding:1px 0;line-height:1.6em;word-break:keep-all}
#footer .familySite_lst span:after{position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;content:""}
#footer .familySite_lst a:hover{color:#fff;text-decoration:underline}
#footer .familySite_lst a:hover span:after{/*width:100%*/}
#footer .familySite_lst .dragger_container{float:right;width:5px;height:100%;margin-left:0;background:#5b5f68}
#footer .familySite_lst .dragger_container .dragger{position:absolute;overflow:hidden;width:5px;height:10px;background:#3263ec;line-height:10px;color:#3263ec;text-align:center;cursor:pointer}
#footer .familySite_lst .mCSB_scrollTools{width:5px;opacity:1;filter:alpha(opacity=100)}
#footer .familySite_lst .mCSB_scrollTools .mCSB_dragger{height:10px}
#footer .familySite_lst .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;height:10px;margin:0;border-radius:0;background:#3263ec}
#footer .familySite_lst .mCSB_scrollTools .mCSB_draggerRail{width:5px;border-radius:0;background:#5b5f68}
#footer .fsidemenu_wrap{background:#222325}
#footer .fsidemenu_wrap .innerWrap{padding:40px 300px}
#footer .fsidemenu_wrap h1,#footer .fsidemenu_wrap .mark{position:absolute;top:50%;width:300px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#footer .fsidemenu_wrap h1{left:0}
#footer .fsidemenu_wrap h1 span{display:block;width:194px;height:54px;margin:0 auto;background:url(/images/logo_f.png) no-repeat;font-size:0;line-height:0; cursor:pointer}
#footer .fsidemenu_wrap .mark{right:0}
#footer .fsidemenu_wrap .mark ul{width:189px;margin:0 auto}
#footer .fsidemenu_wrap .mark ul:after{clear:both;display:block;content:""}
#footer .fsidemenu_wrap .mark li{float:left;padding:0 5px}
#footer .fsidemenu_wrap .mark li > a{display:block;height:50px}
#footer .fsidemenu_wrap .mark span{display:block;width:74px;height:100%;background:url(/images/footer_icons.png) no-repeat;font-size:0;line-height:0}
#footer .fsidemenu_wrap .mark span.f_sgi{width:75px;background-position:-54px 0}
#footer .fsidemenu_wrap .mark span.f_kcp{width:85px;background-position:-128px 0}
#footer .futil_wrap{width:424px;margin:0 auto 15px}
#footer .futil_wrap:after{clear:both;display:block;content:""}
#footer .futil_wrap > li{float:left;position:relative}
#footer .futil_wrap > li:after{position:absolute;top:7px;left:0;width:1px;height:10px;background:#666667;content:""}
#footer .futil_wrap > li:first-child:after{display:none}
#footer .futil_wrap a{display:block;padding:0 14px;font-weight:300;font-size:0.875em;line-height:1.7142em;color:#fff;letter-spacing:-0.03571em}
#footer .futil_wrap a.active{font-weight:500;color:#ff7f5c}
#footer .siteinfo_wrap{font-weight:300;font-size:0.813em;line-height:1.3846em;font-family:"Open Sans","Noto Sans KR";color:#949494;letter-spacing:-0.03846em;text-align:center}
#footer .siteinfo_wrap address strong{display:inline-block;margin-left:10px}
#footer .siteinfo_wrap address strong > span{display:inline-block}
#footer .siteinfo_wrap address strong > span + span{margin-left:5px}
#footer .siteinfo_wrap .copyright{margin-top:5px}
/*TOP버튼*/
#footer > .btn_top{position:fixed;bottom:-100%;right:0;width:60px;height:60px;opacity:0;transition:none;-webkit-transition:none;z-index:2}
#footer > .btn_top > a{display:block;width:100%;height:100%;padding:10px;background:#000}
#footer > .btn_top i[class*="xi-"]{display:block;width:24px;margin:0 auto;font-size:1.500em;line-height:1em;color:#fff}
#footer > .btn_top span{display:block;font-weight:600;font-size:0.813em;line-height:1.5384em;font-family:"Open Sans";color:#fff;letter-spacing:-0.03846em;text-align:center}
/*페이스북*/
#fb-root{display:none}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{position:absolute !important;bottom:0 !important;left:0 !important;width:100% !important;height:20px !important;overflow:hidden !important;z-index:-1 !important}
div.fb-like-box,div.fb-like-box > span,div.fb-like-box > span > iframe[style],
div.fb-comments,div.fb-comments > span,div.fb-comments > span > iframe[style]{width:100% !important;overflow:hidden !important}
/*프린트*/
#print,#print *,#print *:before,#print *:after{transition:none;-webkit-transition:none}
#print h1{position:relative;padding:0 0 20px;margin:0 0 60px;font-weight:400;font-size:2.063em;line-height:1.6667em;font-family:"Noto Sans KR";color:#000;letter-spacing:-0.04545em;text-align:center}
#print h1:after{position:absolute;bottom:0;left:50%;width:62px;height:1px;background:#9b9b9b;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
@media print{
@page{size:A4;margin:0}
html,body{width:1360px;min-height:297mm;padding:0;margin:0;background:#fff}
#header,#allmenu,#side,#footer{display:none !important}
#body{width:initial;padding:0;margin:0;border:initial;page-break-after:always}
#content{margin-left:0 !important}
#content .title_wrap{padding:0 !important}
.tabNav_wrap.fixed{display:none}
table{page-break-inside:auto}
tr{page-break-inside:avoid;page-break-after:auto}
thead{display:table-header-group}
tfoot{display:table-footer-group}
}
@page{size:A4;margin:0}
/*반응형*/
@media screen and (max-width:1759px){
#popupzone .popupzone_wrap{padding-left:100px}
}
@media screen and (max-width:1680px){
#popupzone .popupzone_wrap{padding-left:75px}
#popupzone .popupzone{width:1290px;padding:3px 0}
#header.active #topmenu{}
#header.active #gnavigation{}
}
@media screen and (max-width:1580px){
#popupzone .popupzone{width:1150px;padding:8px 0}
#header .header_wrap{padding-right:320px}
#header.fixed .header_wrap{padding-right:320px}
#header.active #topmenu{}
#gnavigation .th1{padding:15px}
#header .quickLink_wrap{width:290px;padding-left:20px}
#header .quickLink_lst{padding:0}
#header .quickLink_lst > li{width:90px}
#header .headers_banner > a{padding:20px 20px 15px}
#header .headers_banner i[class*="xi-"]{right:20px;bottom:20px}
}
@media screen and (max-width:1440px){
#popupzone .popupzone{width:990px;padding:14px 0}
#header .header_wrap{padding-right:220px}
#header.fixed .header_wrap{padding-right:220px}
#header #topmenu{}
#header.active{height:510px}
#header.active .header_wrap{padding-bottom:70px}
#header.active .header_wrap:before{position:absolute;bottom:70px;left:0;width:100%;height:1px;background:#e8e8e8;content:""}
#header.active #topmenu{}
#header .tsidemenu a{padding:15px 10px}
#header .tsidemenu > .btn_lang{width:128px}
#header .tsidemenu > .btn_totalSCH{width:45px}
#header .quickLink_wrap{display:none;top:auto;bottom:0;right:auto;left:50%;width:790px;height:70px;padding:15px 0;background:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#header.active .quickLink_wrap{display:table;z-index:1}
#header .quickLink_wrap:after{position:absolute;top:0;left:50%;width:1440px;height:70px;background:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
#header .quickLink_lst{display:table-cell;position:relative;margin:0;z-index:1}
#header .quickLink_lst > li{display:table-cell;width:auto;padding:0 18px}
#header .quickLink_lst a{position:relative;padding:10px 0 10px 50px;font-size:0.938em;line-height:1.3333em;color:#4d4d4d}
#header .quickLink_lst a > span{line-height:1.3333em}
#header .quickLink_lst .icon{position:absolute;top:-5px;left:0;width:50px;height:50px;background-size:auto 50px;background-color:transparent}
#header .quickLink_lst .no1 .icon{background-position:0 0}
#header .quickLink_lst .no2 .icon{background-position:-50px 0}
#header .quickLink_lst .no3 .icon{background-position:-100px 0}
#header .headers_banner{display:table-cell;position:relative;padding:0 18px;z-index:1}
#header .headers_banner > a{position:relative;height:40px;padding:10px 0 10px 50px;border:0 none;background:none;font-weight:700;font-size:1em;line-height:1.25em;color:#333;letter-spacing:-0.03125em}
#header .headers_banner > a:after{clear:both;display:block;content:""}
#header .headers_banner > a:before{position:absolute;top:0;left:0;width:40px;height:40px;border:1px solid #e1e6ec;border-radius:40px;background:url(/images/kakao_banner_bg.jpg) no-repeat 0 50%;background-size:auto 40px;content:""}
#header .headers_banner span{float:left;font-size:1em;line-height:1.25em}
#header .headers_banner span + span{margin-top:0;margin-left:5px}
#header .headers_banner span > em{font-size:1em;line-height:1.25em;color:#333}
#header .headers_banner span:nth-of-type(1){margin:0;font-size:1em;line-height:1.25em;letter-spacing:-0.03125em}
#header .headers_banner i[class*="xi-"]{display:none}
#header.fixed .quickLink_wrap{top:auto;bottom:0}
#detail_content{padding:30px 30px 135px}
}
@media screen and (max-width:1439px){
}
@media screen and (max-width:1360px){
#header.active #topmenu{}
}
@media screen and (max-width:1280px){
#popupzone .popupzone_wrap{max-width:auto;width:100%;padding:0 50px 26px}
#popupzone .popupzone{width:680px;padding:12px 0;margin:0 auto}
#popupzone #slide-counter{bottom:0;left:50px;right:auto;padding-left:0}
#popupzone .popupzone_chk{bottom:0;right:50px}
#popupzone .bx-controls-auto-item{bottom:0;left:100px;right:auto}
#popupzone .bx-prev,#popupzone .bx-next{top:17px}
#popupzone .bx-prev{left:15px}
#popupzone .bx-next{right:15px}
#header .header_wrap{padding:10px 80px}
#header.fixed .header_wrap{padding-right:80px}
#header h1.logo{left:50%;width:244px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#topmenu{display:none}
#header .tsidemenu_wrap{position:static}
#header .utilMenu{position:absolute;top:0;right:0}
.main #header .utilMenu{right:97px}
.popupActive #header .utilMenu{right:97px}
#header .btn_popupzone{position:absolute;top:0;right:0}
.popupActive #header .btn_popupzone{}
#header .tsidemenu > [class*="btn_"]{position:absolute;top:35px;height:55px}
#header.fixed .tsidemenu > [class*="btn_"]{top:8px}
#header .tsidemenu .btn_lang{right:75px}
#header .tsidemenu .btn_totalSCH{right:15px}
#header .tsidemenu .btn_allmenu{left:15px}
#header .quickLink_wrap{display:none}
#allmenu{padding-bottom:50px}
.allmenu_wrap{padding:65px 0 0}
.allmenu_wrap:before{width:100%;height:65px}
.allmenu_gnav_wrap{padding:0 30px}
.allmenu_gnav_wrap,.allmenu_gnav_wrap *{transition:none;-webkit-transition:none}
.allmenu_gnav_wrap:before{width:210px}
.allmenu_gnavigation{padding:0 0 20px}
.allmenu_gnavigation > li{padding-left:210px}
.allmenu_gnavigation .th1{top:0}
.allmenu_gnavigation .depth2{padding-top:0}
.allmenu_gnavigation .menu02 .depth2 > li{min-height:218px}
#allmenu.active .mCSB_scrollTools{position:absolute;top:20px;right:0;height:calc(100% - 40px);height:-webkit-calc(100% - 40px)}
.mCSB_inside > .mCSB_container{margin-right:0}
#allmenu .utilMenu{top:15px;right:auto;left:30px;width:calc(100% - 95px);width:-webkit-calc(100% - 95px)}
#allmenu .utilMenu a{border-color:#fff}
#allmenu .utilMenu a:hover{background:#fff;color:#000}
#allmenu .utilMenu > li.lang_eng{position:absolute;top:0;right:0}
#allmenu .utilMenu > li.lang_eng > a{background:transparent}
#allmenu .btn_allmenu_close{top:10px;right:25px;width:45px;height:45px}
#allmenu .btn_allmenu_close > button{padding:5px;font-size:2.188em}
#side{height:325px}
#side .snbTitle{top:145px}
#side .snbTitle > h2{padding-top:25px;font-size:2.500em}
#detail_content{padding:45px 20px 135px;font-size:0.938em;line-height:1.3333em;letter-spacing:-0.03333em}
.survey_charge_wrap .star_rating{display:none}
.survey_charge_wrap .charge .lastMod strong i[class*="xi-"]{margin-top:4px}
.survey_charge_wrap .charge .lastMod span{line-height:1.4285em}
#footer .fsidemenu_wrap .innerWrap{padding:40px 200px}
#footer .fsidemenu_wrap h1,#footer .fsidemenu_wrap .mark{width:200px}
}
@media screen and (max-width:1152px){
}
@media screen and (max-width:1060px){
}
@media screen and (max-width:1024px){
#wrap.popupActive{padding-top:0}
#popupzone{display:none}
.popupActive #header{top:0}
#header{height:65px;background:#fff}
#header h1.logo{top:5px;width:202px;height:auto}
#header h1.logo > a{width:202px;height:58px;background-size:202px auto;background-position:0 -58px}
#header h1.logo > a.sixtieth{display:none;width:96px;height:58px;margin-left:10px;background-size:96px auto}
#header .utilMenu{display:none}
#header .quickLink_wrap{display:none}
#header .tsidemenu > [class*="btn_"]{top:8px}
#header .tsidemenu > .btn_lang{display:none}
#header .tsidemenu a{color:#333}
#header .tsidemenu .btn_allmenu .bar{background:#333}
.allmenu_gnavigation .depth2 > li{width:25%}
.allmenu_gnavigation .menu01 .depth2 > li{min-height:180px}
#totalSearch.active{top:0}
.popupActive #totalSearch{padding:0}
#totalSearch .totalSearch_wrap{padding-top:65px}
#totalSearch .totalSearch_wrap:before{top:65px;left:0;width:100%;height:calc(100% - 65px);height:-webkit-calc(100% - 65px)}
#totalSearch .totalSearch_close{top:70px}
#side{height:285px}
#side:before,#side:after{height:calc(100% - 46px);height:-webkit-calc(100% - 46px)}
#side:before{background-position:50% 100%}
#side .snbTitle{top:125px}
.survey_charge_wrap{height:auto;padding:0 0 50px}
.survey_charge_wrap .btn_survey{right:auto;left:0;width:100%}
.survey_charge_wrap .survey_wrap{top:100px}
}
@media screen and (max-width:980px){
#totalSearch .search_ipt{padding:15px 80px 15px 20px}
#totalSearch .search_ipt .search_btn{right:80px}
.survey_charge_wrap{margin-top:50px}
#footer .fsidemenu_wrap .innerWrap{padding:30px 0 20px}
#footer .fsidemenu_wrap h1{display:none}
#footer .fsidemenu_wrap .mark{position:static;margin:30px auto 0;transform:none;-webkit-transform:none}
}
@media screen and (max-width:920px){
.allmenu_gnavigation .depth2 > li{width:33.3333%}
.allmenu_gnavigation .menu02 .depth2 > li{min-height:188px}
.allmenu_gnavigation .menu04 .depth2 > li:nth-child(4),.allmenu_gnavigation .menu04 .depth2 > li:nth-child(5),.allmenu_gnavigation .menu04 .depth2 > li:nth-child(6){min-height:210px}
}
@media screen and (max-width:840px){
#side #snavigation{display:table;position:relative;width:calc(100% - 142px);width:-webkit-calc(100% - 142px);table-layout:fixed}
#side #snavigation > li:nth-child(1),#side #snavigation > li:nth-child(2){display:none}
#side #snavigation > li.tableCell{display:table-cell}
#side #snavigation > li{display:table-cell;position:static;float:none;width:1%;margin:0}
#side #snavigation > li > a{margin-left:-1px}
#side #snavigation .depth_lst{width:calc(100% + 48px);width:-webkit-calc(100% + 48px)}
}
@media screen and (max-width:768px){
#detail_content{padding:30px 20px 135px}
#wrap.popupActive{padding-top:0}
#popupzone{display:none;height:130px}
#popupzone .popupzone_wrap{width:100%}
#popupzone .popupzone{width:100%}
#popupzone .bx-prev,#popupzone .bx-next{top:23px}
.allmenu_wrap{background:#e8edf9}
.allmenu_wrap:before{display:none}
.allmenu_gnav_wrap{padding:0 20px;overflow-y:auto;background:transparent}
.allmenu_gnav_wrap:before{display:none}
.active .allmenu_gnav_wrap:after{display:none}
.allmenu_gnavigation > li{position:static;padding:0;border-bottom:1px solid #b2b9cb}
.allmenu_gnavigation .th1{display:block;position:static;width:100%;height:auto;padding:20px 30px;background:#c3d0ed;color:#142c62;text-align:left}
.allmenu_gnavigation .th1 > span{padding:0 0 0 40px;font-size:1.125em;line-height:1.25em}
.allmenu_gnavigation .th1 > span:after{display:none;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.allmenu_gnavigation .th1 > span:before{position:absolute;top:-5px;right:0;width:36px;height:36px;font-size:1.500em;line-height:1em;font-family:"xeicon";color:#142c62;opacity:0.8;filter:alpha(opacity=80);content:"\e942"}
.allmenu_gnavigation .th1.active{padding-bottom:20px;background:#142c62;color:#fff}
.allmenu_gnavigation .th1.active > span{padding:0 0 0 40px;font-size:1.250em}
.allmenu_gnavigation .th1.active > span:after{display:block}
.allmenu_gnavigation .th1.active > span:before{right:-5px;color:#fff;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.allmenu_gnavigation .depth2{display:block;position:static;width:100%;height:auto;padding:10px 0 10px 70px;background:#fff;transition:none;-webkit-transition:none}
.allmenu_gnavigation .depth2 > li{float:none;width:auto;min-height:auto !important;padding:0}
.allmenu_gnavigation .th2{font-size:1em;line-height:1.25em;letter-spacing:-0.03125em}
.allmenu_gnavigation .th2 > span{min-height:auto !important}
.allmenu_gnavigation .depth3{display:none;padding-top:0}
.allmenu_gnavigation .th3{font-size:0.875em;line-height:1.4285em;letter-spacing:-0.03571em}
#allmenu .utilMenu{left:20px;width:calc(100% - 95px);width:-webkit-calc(100% - 95px)}
#allmenu .btn_allmenu_close{right:15px}
#totalSearch .totalSearch_close{right:0}
.survey_charge_wrap{margin-top:40px}
}
@media screen and (max-width:640px){
.survey_charge_wrap .survey_wrap{top:121px;padding:15px}
.survey_charge_wrap .survey_wrap strong{margin:0 0 5px}
}
@media screen and (max-width:480px){
#popupzone{height:94px;padding:6px 0}
#popupzone .popupzone_wrap{padding:0 30px 26px}
#popupzone .bx-prev,#popupzone .bx-next{top:20px;font-size:1.500em}
.popupActive #header{top:0}
#header h1.logo{width:202px}
.allmenu_wrap{padding-top:105px}
.allmenu_wrap:before{height:105px}
.allmenu_gnav_wrap:after{width:200px;height:170px;background-size:200px auto}
.active .allmenu_gnav_wrap:after{bottom:100px;right:0}
#allmenu .utilMenu{width:calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:40px 0 0}
#allmenu .utilMenu > li{width:50%}
#allmenu .utilMenu > li.lang_eng{right:30px;width:auto}
#allmenu .utilMenu a{text-align:center}
.popupActive #totalSearch{z-index:90}
#totalSearch .totalSearch_wrap{padding-top:0;padding-bottom:60px;background:#fff}
#totalSearch .search_ipt{padding:15px 20px}
#totalSearch .search_ipt .search_btn{right:20px}
#totalSearch .totalSearch_close{right:auto;left:50%;top:auto;bottom:-10px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#side .snbTitle > h2{font-size:2.00em}
#side #snavigation .depth_lst{left:-48px;width:calc(100% + 144px);width:-webkit-calc(100% + 144px)}
#side #snavigation > li > a{overflow:hidden;text-overflow:ellipsis}
#detail_content{padding-bottom:195px}
.survey_charge_wrap .survey_wrap{top:182px;height:175px}
.survey_charge_wrap .charge dl{width:100%}
.survey_charge_wrap .charge dd{display:block;float:none;position:relative;width:calc(100% - 100px);width:-webkit-calc(100% - 100px);margin-left:65px}
.survey_charge_wrap .charge dt ~ dt,.survey_charge_wrap .charge dd ~ dd{margin-top:5px}
.survey_charge_wrap .charge .lastMod{width:100%;margin-top:10px}
.survey_charge_wrap .radio label{margin-bottom:5px}
.survey_charge_wrap .survey{padding-right:0}
.survey_charge_wrap .survey .survey_regist{position:static;margin:0 auto}
#footer .familySite_wrap .innerWrap{display:table;width:100%}
#footer .familySite_wrap dl{display:table-cell;float:none;position:static;width:auto}
#footer .familySite_wrap dl.depart{width:auto}
#footer .familySite_wrap dt a{padding:9px 10px;text-align:center}
#footer .familySite_wrap dt span{padding-right:0}
#footer .familySite_wrap dt span:after{display:none}
#footer .familySite_wrap dd{width:100%}
#footer .futil_wrap{width:280px}
#footer .futil_wrap > li{width:50%}
#footer .futil_wrap > li:nth-child(3):after{display:none}
#footer .futil_wrap a{text-align:center}
}
@media screen and (max-width:414px){
#popupzone #slide-counter{left:10px}
#popupzone .popupzone_chk{right:10px}
#popupzone .bx-controls-auto-item{left:60px}
#popupzone .bx-prev,#popupzone .bx-next{top:17px}
#detail_content{padding-bottom:215px}
.survey_charge_wrap .survey_wrap{height:195px}
}
@media screen and (max-width:375px){
#wrap.popupActive{padding-top:0}
#popupzone{height:82px}
#popupzone .bx-prev,#popupzone .bx-next{top:13px}
.popupActive #header{top:0}
}
@media screen and (max-width:360px){
#wrap.popupActive{padding-top:0}
#popupzone{height:82px}
#popupzone .bx-prev,#popupzone .bx-next{top:13px}
.popupActive #header{top:0}
#header .tsidemenu .btn_allmenu{left:0}
#header .tsidemenu .btn_totalSCH{right:0}
#allmenu .utilMenu a{padding:5px 0}
#side .snbTitle{top:130px}
#side .snbTitle > h2{word-break:keep-all}
#footer .siteinfo_wrap address{word-break:keep-all}
}