@charset "utf-8";

#skip-navigation{position:relative;z-index:100;top:0;width:100%;margin:0 auto;}
#skip-navigation a{width:1px;height:1px;position:absolute;overflow:hidden;margin-bottom:-1px;}
#skip-navigation a:focus, #skip-navigation a:active{overflow:auto;position:fixed;top:0;left:0;right:0;padding:15px;width:auto;height:auto;text-align:center;border:1px solid #232323;background:#1287e0;color:#fff;}

#header {z-index:30;position:fixed;top:0;left:0;right:0;height:100px;background-color: rgba(51, 51, 51, 0.749)}
#header.on:before {z-index:1;position:absolute;left:0;right:0;top:100px;height:302px;background:#f9f9fb;content:'';}
html.ie10 #header.on:before,
html.ie11 #header.on:before {height:307px;}
#header .inner {z-index:2;position:relative;margin:0 auto;height: 100%;}

#header .inner:after {display:block;clear:both;content:'';}
#header .inner .logo {display: inline-block;vertical-align:middle;width: 200px;height: 100%;}
#header .inner .logo a {display:inline-block;width:100%;height:100%;vertical-align:middle;font-size:0;background:url(../images/common/logo_white.png) 20px center no-repeat}
#header .inner .all-srch{display: inline-block;width: 100px;height: 100px;line-height: 100px;color:#fff;font-size: 30px;text-align: center;background-color: #bf2424;}
/* #header .inner .top-util {position:absolute;top:20px;right:10px;}
#header .inner .top-util .util {text-align:right;}
#header .inner .top-util .util a {display:inline-block;padding:0 20px;height:30px;text-align:center;line-height:28px;font-size:14px;color:#2e425d;box-sizing:border-box}
#header .inner .top-util .util a.lang {border:1px solid #a2afc0;background:#f4f0f1}
#header .inner .top-util .srch {margin-top:10px;border:1px solid #a3aec0;background:#f4f0f1}
#header .inner .top-util .srch input {width:150px;height:40px;border:0;background:transparent}
#header .inner .top-util .srch .srch-btn {width:40px;height:40px;font-size:0;background:#f4f0f1}
#header .inner .top-util .srch .srch-btn:before {font-size:28px;color:#2e425d} */
#header .inner #gnb {display:inline-block;vertical-align: middle;width:calc(100% - 309px);height: 100%;} 
#header .inner #gnb ul {display: flex;justify-content: space-around;align-items: center;text-align: center;height: 100%;}
#header .inner #gnb > ul > li{width: 20%}
#header .inner #gnb > ul > li {position:relative;}

#header .inner #gnb > ul > li > a {display: inline-block;width: 100%;line-height: 100px;vertical-align: middle;font-size:18px;font-weight: bold;font-family:'NotoKrL';color:#fff;}
#header .inner #gnb > ul > li a.on {color:#00baff;}
/* #header .inner #gnb > ul > li a.on:after {position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#4c7db5;content:''} */
#header .inner #gnb > ul > li a.active {color:#00baff}
#header .inner #gnb > ul > li a.oactiven:after {position:absolute;right:0;bottom:-4px;left:0;height:1px;background:#4c7db5;content:'';}
#header .inner #gnb > ul > li ul {display:none;position:absolute;top:100px;left:5px;right:0;height:277px;text-align:left;padding:12px 10px;;background:#f9f9fb}
html.ie10 #header .inner #gnb > ul > li ul,
html.ie11 #header .inner #gnb > ul > li ul {height:282px;}
#header .inner #gnb > ul > li a.on + ul {background:#e6e9ee}
#header .inner #gnb > ul > li a.active + ul {background:#e6e9ee;}
#header .inner #gnb > ul > li ul li {display:block;padding:8px 0;height:auto;}
#header .inner #gnb > ul > li ul li a {font-size:14px;color:#2e425c;letter-spacing:-1px;}
#header .inner #gnb > ul > li ul li a.on {color:#4c7db5}
#header .inner #gnb > ul > li ul li a.on:after {display:none;}
#header .inner .menu-view{display:none}
#srchForm {display:none;}
#srchForm {z-index:10;position:absolute;top:100px;left:0;right:0;height:180px;background:#163c66;padding: 0 40px;}
#srchForm form{width: 100%;max-width: 700px;margin: 45px auto 0;border-bottom: 1px solid #fff;}
#srchForm input {width:calc(100% - 66px);height:60px;border:0;color:#fff;background:transparent;font-family:'NotoKrL';padding: 0 20px;font-size:30px;}
#srchForm input::-webkit-input-placeholder{font-size:30px;color:#fff;font-family:'NotoKrL'}
#srchForm .srch-btn{background-color: transparent;color: #fff;font-size: 30px;width: 60px;height: 60px;line-height: 60px;text-align: center;}
#srchForm .close {position: absolute;top: -100px;right: 0;text-align:center;font-size: 30px;width: 100px;height: 100px;line-height: 100px;text-align: center;background-color: #bf2424;color: #fff;}

#totalMenu {display:none;z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;}
#totalMenu:before {z-index:5;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.5;content:'';}
#totalMenu .inner {z-index:6;position:fixed;top:0;left:0;right:0;bottom:0;width:280px;background:#fff;}
#totalMenu .inner .m-header {position:absolute;top:0;left:0;right:0;padding:0 15px;height:32px;line-height:32px;font-size:14px;background:#8092aa}
#totalMenu .inner .close {position:absolute;top:0;right:0;bottom:0;width:32px;line-height:32px;text-align:center;font-size:0;}
#totalMenu .inner .close:before {font-size:18px;color:#000}
#totalMenu .inner .scroll-box {overflow:auto;position:absolute;top:32px;bottom:0;left:0;right:0;}
#totalMenu .inner .list {}
#totalMenu .inner .list .current {position:relative;display:block;padding:0 14px;height:42px;line-height:42px;font-size:15px;color:#fff;background:#4c6081;border-bottom:1px solid #313e54;box-shadow:0 2px 3px #d0d0d0;}
#totalMenu .inner .list .current:before {position:absolute;top:0;right:10px;font-family:'LineAwesome';content:'\f110';transition:transform .2s ease}
#totalMenu .inner .list .current.on:before {transform: rotate(180deg);}
#totalMenu .inner .list ul {display:none;padding:10px 30px;}
#totalMenu .inner .list .current.on + ul {display:block;}
#totalMenu .inner .list ul li {}
#totalMenu .inner .list ul li > a {position:relative;display:inline-block;;padding:5px 0; font-size:14px;color:#000}
#totalMenu .inner .list ul li > a.on{color:#8092aa;}
#totalMenu .inner .list ul li > a:before {position:absolute;top:12px;left:-12px;width:4px;height:3px;border-left:1px solid #8092aa;border-bottom:1px solid #8092aa;content:'';}
#totalMenu .inner .list ul li > a.on:after{position:absolute;left:0;right:0;bottom:0;height:1px;background:#4c7db5;content:'';}
#totalMenu .inner .list ul li a.on + ul {display:block}
#totalMenu .inner .list ul li ul {display:none;padding:0 12px;}
#totalMenu .inner .list ul li ul li {}
#totalMenu .inner .list ul li ul li a {padding:4px 0;font-size:13px;color:#000;}
#totalMenu .inner .list ul li ul li a.on {color:#2e425b;}
#totalMenu .inner .list ul li ul li a:before {top:9px;border:0;width:5px;border-bottom:1px solid #c2c2c2;}
#totalMenu .inner .list ul li ul li a.on:after {height:0;}

#cast {position:relative;z-index:20;padding-top: 100px;}
#cast.visual01 {background:#4c7eb4}
#cast.visual02 {background:#4c7eb4}
#cast.visual03 {background:#4c7eb4}
#cast.visual04 {background:#4c7eb4}
#cast.visual05 {background:#4c7eb4}
#cast.visual06 {background:#4c7eb4}
#cast.visual07 {background:#4c7eb4}
#cast.visual08 {background:#4c7eb4}
#cast .inner {position:relative;max-width:1280px;height:130px;margin:0 auto;padding:0 10px;}
#cast .inner .heading-txt {position:absolute;top:0;left:10px;bottom:0;width:260px;text-align:center;font-weight:normal}
#cast .inner .heading-txt:before {position:absolute;top:0;left:0;bottom:0;right:0;background:#163c66;content:''}
#cast .inner .heading-txt span {z-index:1;position:relative;display:block;padding-top:82px;font-size:23px;color:#fff;font-family:'SinkinM'}
#cast .inner .heading-txt.dep01 span {background:url(../images/contents/bg_dep01.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep02 span {background:url(../images/contents/bg_dep02.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep03 span {background:url(../images/contents/bg_dep03.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep04 span {letter-spacing:-1px;background:url(../images/contents/bg_dep04.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep05 span {background:url(../images/contents/bg_dep05.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep06 span {background:url(../images/contents/bg_dep06.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep07 span {background:url(../images/contents/bg_dep07.png) no-repeat 50% 20px}
#cast .inner .heading-txt.dep08 span {background:url(../images/contents/bg_dep08.png) no-repeat 50% 20px}
#cast .inner .func {position:absolute;right:10px;bottom:20px;}
#cast .inner .func a {display:inline-block;width:30px;height:30px;font-size:0;border-radius:30px;}
#cast .inner .func a + a {margin-left:8px;}
#cast .inner .func a.share {background:#1fa0d8 url(../images/common/bg_share.png) no-repeat 45% 50%;}
#cast .inner .func a.print {background:#c74544 url(../images/common/bg_print.png) no-repeat 45% 50%;}
#cast .inner .func .share-list {display:none;position:absolute;top:38px;right:-8px;width:131px;height:48px;background:url(../images/contents/bg_share_list.png) no-repeat;text-align:center; }
#cast .inner .func .share-list a {width:27px;height:27px;margin-top:15px;border-radius:27px;font-size:0;}
#cast .inner .func .share-list a.facebook {background:#3b5a9a url(../images/contents/ic_facebook03.png) no-repeat 50% 50%;background-size:8px auto;}
#cast .inner .func .share-list a.twiter {background:#28aae1 url(../images/contents/ic_twiter03.png) no-repeat 50% 50%;background-size:18px auto;}
#cast .inner .func .share-list a.link {background:#55b383 url(../images/contents/ic_link.png) no-repeat 50% 50%;background-size:18px auto;}

#cast .inner .loc {padding:50px 0 0 300px;}
#cast .inner .loc a,
#cast .inner .loc span {display:inline-block;font-size:12px;color:#fff;font-family:'SinkinR'}
#cast .inner .loc a + a:before,
#cast .inner .loc a + span:before {padding-right:10px;margin-left:10px;content:'>'}
#cast .inner .loc .current {display:block;margin-top:8px;font-size:24px;color:#fff}

#container {z-index:9;position:relative;padding:15px 10px 80px 10px;}
#container .inner {overflow:hidden;display:flex;position:relative;width:100%;max-width:1280px;margin:0 auto;}


#content {padding-top:48px;width:calc(100% - 304px);padding-bottom:50px}
/* #content .regional .india td{padding-left:280px;} */
.cont-type06 dd .txt-type02 .charter { text-decoration:underline;}

#lnb {width:260px;padding:0 44px 0 0;}
#lnb .menu-list {}
#lnb .menu-list > li > a {position:relative;display:block;padding:14px 48px 14px 20px;border-bottom:1px solid #a3aec0}
#lnb .menu-list > li > a span {z-index:1;position:relative;font-size:16px;color:#163c66;font-family:'SinkinM'}
#lnb .menu-list > li > a:after {z-index:0;position:absolute;right:20px;top:13px;font-size:18px;color:#8092aa;font-family:'LineAwesome';content:'\f110';transition:transform .2s ease}
#lnb .menu-list > li > a.non-sub:after {content:'';}
#lnb .menu-list > li > a.on span {color:#006ec1}
#lnb .menu-list > li > a.on:after {transform: rotate(180deg);}
#lnb .menu-list > li > ul {display:none;padding:12px 18px;border-bottom:1px solid #a3aec0}
#lnb .menu-list > li > a.on + ul {display:block;}
#lnb .menu-list > li > ul li {}
#lnb .menu-list > li > ul li a {position:relative;display:block;padding:6px 0 6px 10px;font-size:16px;color:#a3aec0;font-family:'SinkinR'}
#lnb .menu-list > li > ul li a:before {position:absolute;top:6px;left:0;content:'-';}
#lnb .menu-list > li > ul li a.on {color:#006ec1}


#footer {position:relative;background:#323840;}
#footer .inner {position:relative;max-width:1440px;margin:0 auto;padding:30px 0 }
#footer .inner .f-logo {display:inline-block;margin:10px 50px 0 20px;width:125px;height:45px;font-size:0;vertical-align:top;background:url(../images/common/bg_f_logo.png) no-repeat 0 0;}
#footer .inner .address {display:inline-block;}
#footer .inner .address p {line-height:1.8;font-size:14px;color:#fff;font-family:'NotoKrR'}
#footer .inner .address p span{color:#fff;font-family:'NotoKrL'}
#footer .inner .address p a{color:#fff;font-family:'NotoKrL'}
#footer .inner .direct {position:absolute;top:60px;right:20px;}
#footer .inner .direct a {height:24px;line-height:24px;color:#fff;font-family:'NotoKrL'}
#footer .inner .direct a:before {display:inline-block;margin:0 2px 0 0;font-size:24px;font-family:'LineAwesome';content:'\f27d'}
@media screen and (min-width:1600px){
    #header .inner .logo{width: 450px;}
    #header .inner .logo a{background-position-x: 52px;}
    #header .inner #gnb {width:calc(100% - 559px)} 
    #header .inner #gnb > ul > li > a {font-size:24px;}
}
@media screen and (min-width:1025px){
    #mobileSrch {display:none !important;}
}
@media screen and (max-width:1024px){
    #header {height:100px}
    #header .inner .all-srch{position: absolute;right: 0;top: 0;width: 80px;}
    #srchForm{height: 140px;}
    #srchForm form{margin-top: 26px;}
    #srchForm .close{width: 80px;}
    #header .inner {text-align:center}
    #header .inner .logo a {width:129px;height:100%;background:url(../images/common/logo_tablet.png) no-repeat 50% 50%;background-size:129px 40px}
    #header .inner .menu-view {position:absolute;top:0;left:0;bottom:0;display:block;width:67px;font-size:0;}
    #header .inner .menu-view:before {line-height:100px;font-size:30px;color:#fff;}
    #header .inner #gnb {display:none}

    #cast {background-size:cover}
    #cast .inner {height:80px}
    #cast .inner .heading-txt {left:10px;width:180px;}
    #cast .inner .heading-txt:before {opacity:0.75}
    #cast .inner .heading-txt span {padding:0;height:80px;line-height:80px;font-size:16px;background:none !important;}
    #cast .inner .loc,
    #cast .inner .func {display:none;}

    #container {padding-bottom:10px}
    #lnb {margin-left:-304px}
    #content {padding-top:0;width:100%; }


    #footer .inner .f-logo {display:none;}
    #footer .inner {padding:13px 10px;}
    #footer .inner .address p {line-height:2;font-size:12px;}
    #footer .inner .address p span {font-size:12px;}
    #footer .inner .direct {top:35px;}
}

@media screen and (max-width:1024px){
    #footer .inner .address p span {display:block;}
    #footer .inner .direct {display:none;}

}


