@charset "UTF-8";
/* reset */
*{box-sizing:border-box;-moz-box-sizing:border-box;--webkit-box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body,th,td,input,select,textarea,button{font-family:'Helvetica',sans-serif;}
p, a, h1, h2, h3, h4, h5, h6, tr, span, input, textarea, select, caption, table th, table td{font-family:'Helvetica',sans-serif;}
body,html{-webkit-text-size-adjust:none;font-size:10px}
body{background:#fff;line-height:1.2;color:#000;word-wrap:break-word;font-weight:400}
fieldset,img{border:0 none}
img{vertical-align:top}
a{text-decoration:none;cursor:pointer;color:#000}
a:active,a:hover{text-decoration:none}
input,select,textarea,button{vertical-align:top;cursor:pointer}
button{color:#222;border:0 none;padding:0;background-color:transparent;cursor:pointer}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
textarea{resize:none}
input{outline:none}
input:focus{}
input[type=text]::-ms-clear{display:none}
input[type='file']{--webkit-appearance:button;background:transparent;border-radius:0;border:0;cursor:pointer}
.hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
/* scroll_down btn */
.scroll_down{position:absolute;left:50%;bottom:34px;margin-left:-60px}
.scroll_down .arrow_bottom{display:block;width:94px;height:18px;margin:0 auto;background-image:url(../../images/btn_scroll_down_white.png);background-repeat:no-repeat;}
.scroll_down.black .arrow_bottom{background-image:url(../../images/btn_scroll_down.png);}
#wrap{width:100%;margin:0 auto;}
#wrap .header{z-index:1000;width:100%;position:fixed;left:0;top:0;background:#fff;}
#wrap .header h1{display:block;width:1340px;margin:0 auto;height:100px;display:flex;flex-wrap:wrap;align-items:center;}
#wrap .header h1 img{width:125px;height:58px}
#wrap .header nav{width:100%;background-color:#000;}
#wrap .header nav ul{width:1340px;height:62px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;}
#wrap .header nav li{margin-right:95px;}
#wrap .header nav a{color:#fff;font-size: 1.7rem;}

/* gnb */
.site_gnb{position:relative;width:100%;background-color:#000;}
.gnb_menu{position:relative;width:100%;height:62px;}
.gnb_in{width:1340px;height:100%;margin:0 auto;}
.gnb_in ul{width:100%;height:62px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;}
.gnb_menu li{position:relative;display:inline-block;margin-right:95px;}
.gnb_menu li a{color:#fff;font-size:2.1rem}

/* panel */
.panel{width:100%}
/* media */
@media all and (max-width:1340px){
    .gnb_in{width:100%;padding:0 20px}
}
@media all and (max-width:1024px) {
    #wrap .header h1{width:100%;height:60px;padding:0 20px}
    #wrap .header h1 img{width:86px;height:38px}
    .site_gnb{align-items:center;justify-content:center;border-top:0;border-bottom: 0}
    .header{width:100%;height:60px;background:#fff;border-bottom:0}

    .mo-menu-title{display:inline-block;height:60px;line-height:60px;padding:0 0 0 10px;color:#f1f1f1;font-size:16px}
    .panel{z-index:9999;position:fixed;top:0;width:0;height:100%;background-color:#f3f4f4}
    .panel .btn_panel_toggle{z-index:2;display:inline-block;float:left;position:absolute;top:0;width:48px;height:48px;margin:6px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;cursor:pointer}
    .panel .btn_panel_toggle span,.panel .btn_panel_toggle span:before,.panel .btn_panel_toggle span:after{width:18px;height:2px;background-color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out}
    .panel .btn_panel_toggle span{display:inline-block;position:relative;float:left;margin:22px 0 0 15px}
    .panel .btn_panel_toggle span:before,.panel .btn_panel_toggle span:after{content:'';position:absolute;left:0}
    .panel .btn_panel_toggle span:before{top:-7px}
    .panel .btn_panel_toggle span:after{top:7px}
    /* panel open */
    .panel .btn_panel_toggle.active span{background-color:transparent}
    .panel .btn_panel_toggle.active span:before,.panel .btn_panel_toggle.active span:after{top:0}
    .panel .btn_panel_toggle.active span:before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg)}
    .panel .btn_panel_toggle.active span:after{-webkit-transition-delay:0.09s;-moz-transition-delay:0.09s;-o-transition-delay:0.09s;-ms-transition-delay:0.09s;transition-delay:0.09s;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg)}
    /* panel fix */
    .panel-overlay{z-index:9998;display:none;position:fixed;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);cursor:pointer}
    .panel.right{right:0}
    /* panel pos */
    .panel.right .btn_panel_toggle{right:0}
    /* panel current */
    .panel.right.active{right:0;overflow-y:auto;width:70%;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out}
    .panel.right.active .btn_panel_toggle{left:100%;margin-left:-48px}
    .panel ul li.sub-menu{background:#2e333c;padding:10px 0 0 50px}
    /* panel scroll */
    .panel.active{scrollbar-arrow-color:#222;scrollbar-face-color:#222;scrollbar-base-color:rgba(0,0,0,0.1);scrollbar-3dlight-color:rgba(0,0,0,0.1);scrollbar-darkshadow-color:rgba(0,0,0,0.1);scrollbar-highlight-color:rgba(0,0,0,0.1);scrollbar-shadow-color:rgba(0,0,0,0.1);scrollbar-track-color:rgba(0,0,0,0.1)}
    .panel.active::-webkit-scrollbar{width:4px;height:0;border:0}
    .panel.active::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}
    .panel.active::-webkit-scrollbar-thumb{width:4px;height:2px;background:#222;-webkit-border-radius:10px;border-radius:10px}

    /* gnb */
    .gnb_menu{flex-direction:column;font-size:1.5rem;height:100%;justify-content:space-between}
    .gnb_menu:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:60px;background:#fff}
    .gnb_menu ul{width:100%;margin-top: 30px}
    .gnb_in{align-items: flex-start;justify-content: flex-start;padding: 60px 0}
    .gnb_menu li{display:block;width:100%;margin:0;line-height:22px}
    .gnb_menu li a{display:block;position:relative;padding:10px 20px;font-weight:bold;text-decoration:none;font-size:1.6rem;color:#000}
    .gnb_txt{display: none}
    .gnb_btn{margin-bottom:34px}
    .section .text_area{width:100%;margin:0 auto;text-align: center;}
    .panel.right.active .gnb_txt{display: block}
    .panel.right.active .gnb_txt{position: absolute;right:20px;bottom:10px}
    .panel.right.active .gnb_txt span{font-size:1.4rem;padding-left: 20px}
}

@media all and (max-width:768px){
    
}

.container{position:relative;width:100%;height:100%;padding-top:162px;}
.container .inner{width:1340px;height:calc(100% - 52px);margin:0 auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.container .inner .img-area{width:50%;padding-right:80px}
.container .inner .img-area img{width:100%}
.container .inner .txt-area{width:50%;font-size: 1.3rem;color: #fff;}
.container .inner .txt-area li +  li{margin-top:10px}
.container .inner .txt-area .txt-bt{margin-top:30px;font-size: 2.6rem;}
.container .inner .txt-area .txt-mt{font-size: 1.6rem;}
.container .inner .txt-area .txt-logo {height:65px;display: flex;flex-wrap: wrap;align-items: flex-end;}
.container .inner .txt-area .txt-logo .lg{width:142px;height:65px;margin-right:25px;}
.container .inner .txt-area .txt-logo .lg img{width:100%}
.container .inner .txt-area .txt-desc{line-height:20px;}
.container .txt-logo span{display:inline-block;}
.container .style-adfi{color:#004589;padding:0 12px;height:35px;line-height:35px;display:inline-block; font-size: 1.7rem;font-weight:600;background-color: #fff;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }

.container .only-img-area{position:relative;height:100%;display: flex;flex-direction: column;justify-content: flex-start;}
.container .only-img-area .txt-bt{display:block;font-size: 2.6rem;margin-bottom:50px;margin-top:30px}
.container .only-img-area img{width:100%}
.only-img-area .mo{display: none;}
.container .only-txt-area {position:relative;height:100%;display:flex;flex-direction: column;justify-content: flex-start;}
.container .only-txt-area .txt-bt{width:100%;display:block;font-size: 2.6rem;margin-bottom:50px;margin-top:30px}
.container .only-txt-area .txt-area{position:relative;width:100%;padding:0 20px;font-size: 1.6rem;color:#000}
.container .only-txt-area .txt-area:after{content:'';display: block;clear: both;}
.container .only-txt-area .txt-area ul {float:left;width:50%;padding:0 20px;margin-bottom: 30px;}
.container .only-txt-area .txt-area ul:nth-child(3){float:right;}
.container .only-txt-area .txt-area ul:nth-child(4){float:right;}
.container .only-txt-area .txt-area ul:nth-child(5){float:right;margin-top:-85px}
.container .only-txt-area .txt-area li{position:relative;padding-left:16px;line-height:20px;}
.container .only-txt-area .txt-area li:before{content:'-';display: block;position: absolute;left:0;top:0;}
.container .only-txt-area .txt-area .tt{font-weight:600;font-size: 1.5rem;padding-left: 0;}
.container .only-txt-area .txt-area .tt:before{display: none;}


.section0{background-color: #004589;}
.section1{background-color: #003F72;}
.section2{background-color: #003051;}
.section3{background-color: #01273D;}
.section4{background-color: #fff;}
.section5{background-color: #F2F2F2}
.section6{background-color: #01273D}

.section1 .container .inner{flex-direction: row-reverse}
.section1 .container .inner .txt-area{text-align: right;}
.section1 .container .inner .txt-area .txt-logo{justify-content:flex-end;}
.section1 .container .inner .txt-area .txt-logo .lg{margin-right: 0;}
.section1 .container .inner .img-area{padding-left:80px;padding-right: 0;}


.section6 .container .inner{flex-direction: row-reverse;}
.section6 .container .inner .img-area{padding-left:80px;padding-right: 0;}
.section6 .container .inner .txt-area {font-size:2.2rem;}
.section6 .container .inner .txt-area .txt-bt{display:block;font-size: 2.6rem;margin-bottom:50px;margin-top:0}
.section6 .container .inner .txt-area dl{width:100%;display:flex;flex-wrap: wrap;}
.section6 .container .inner .txt-area dt{width:50%;margin-bottom:30px;line-height: 1;}
.section6 .container .inner .txt-area dd{width:50%;text-align:right;margin-bottom:30px;line-height: 1;}

.btn-mob-more{display:none;}

/* media */
@media all and (max-width:1340px){
    .container .inner{width:100%;padding:0 20px}
}
@media all and (max-width:1024px) {
    .scroll_down{display: none;}
    .container{padding-top:60px}
    .container .inner{height:100%;flex-direction: column;padding-top:20px;justify-content:flex-start}
    .container .inner .img-area{width:100%;padding: 0 20px;margin-bottom:20px}
    .container .inner .txt-area{width:100%}
    .container .inner .txt-area .txt-logo{display: none;}
    .container .inner .txt-area .txt-logo .lg{width:95px;height:44px;margin-right: 15px;}
    .container .style-adfi{height:30px;line-height:30px;font-size:1.5rem;}
    .container .inner .txt-area .txt-bt{margin-top:0;font-size:1.8rem;}
    .container .inner .txt-area .txt-mt{font-size: 1.4rem;}
    .container .inner .txt-area .txt-desc{line-height: 18px;}

    .section1 .container .inner{flex-direction: column-reverse;justify-content:flex-end}
    .section1 .container .inner .txt-area .txt-logo{justify-content: flex-start;}
    .section1 .container .inner .txt-area{text-align: left;}
    .section1 .container .inner .img-area{width:100%;padding: 0 20px;margin-top:20px;margin-bottom: 0;}
    .section1 .container .inner .txt-area .txt-bt{margin-top:0}
    .only-img-area .mo{display:block;}
    .only-img-area .pc{display:none;}
    .container .only-img-area .txt-bt{font-size:1.8rem;margin-bottom:50px;margin-top:0}
    .container .only-txt-area .txt-bt{font-size:1.8rem;margin-bottom:20px;margin-top:0}
    .container .only-txt-area .txt-area{font-size: 1.3rem;padding:0}
    .container .only-txt-area .txt-area ul{width:100%;float:none !important;padding: 0;}
    .container .only-txt-area .txt-area ul:nth-child(5){float:none;margin-top: 0;}
    .container .only-txt-area .txt-area ul + ul{margin-top:20px}
    .container .only-txt-area .txt-area .tt{font-size: 1.3rem;}
    .container .only-txt-area .txt-area li{line-height:18px;display:flex;flex-direction: row;justify-content: space-between;}
    .container .only-txt-area .txt-area + .txt-area{margin-top: 10px;}
    .section6 .container .inner{flex-direction:column-reverse;justify-content:space-between}
    .section6 .container .inner .txt-area{font-size: 1.3rem;}
    .section6 .container .inner .txt-area dt{margin-bottom: 15px;}
    .section6 .container .inner .txt-area dd{margin-bottom: 15px;}
    .section6 .container .inner .txt-area .txt-bt{font-size:1.8rem;margin-bottom: 20px;}
    .section6 .container .inner .img-area{width:100%;padding: 0 20px;margin-top:20px;margin-bottom: 0;}

    /* .container .only-txt-area .txt-area{width:50%} */
    .container .inner .txt-area li + li{margin-top:5px}

    .section4 .container .only-img-area{height:100%;display: flex;flex-direction:column;justify-content: flex-start;}
    .section3 .container .inner .img-area img{width:85%;display: block;margin:0 auto;}
    .section1 .container .inner .img-area img{width:85%;display: block;margin:0 auto;}
    .section6 .container .inner .img-area img{width:85%;display: block;margin:0 auto;}
    .btn-mob-more{display: block;}
    .btn-mob-more button{display: inline-block;width:52px;position:relative}
    .btn-mob-more button:after{ content:''; display:inline-block;margin:3px 0 0 4px; vertical-align:top; width:12px; height:12px; background:url(../../images/icon_up_arrow.png) center right no-repeat; background-size:cover; transform:rotate(-180deg) ; -webkit-transform:rotate(-180deg) ; -moz-transform:rotate(-180deg) ; -ms-transform:rotate(-180deg) ; -o-transform:rotate(-180deg) ; }
    .section5{overflow-y: hidden;}
    .queOpen{cursor:pointer; position:relative; overflow: hidden; height:60px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
    .queOpen:nth-child(4){height:40px}
    .queOpen:nth-child(5){height:40px}
    .queOpen.on{height:auto}
    .queOpen.on .btn-mob-more button:after{ transform:rotate(0deg) ; -webkit-transform:rotate(0deg) ; -moz-transform:rotate(0deg) ; -ms-transform:rotate(0deg) ; -o-transform:rotate(0deg) ; }
}

@media all and (max-width:768px){
    .container .inner .txt-area .txt-bt{font-size: 1.6rem;}
    .container .inner .txt-area{font-size: 1.2rem;}
    .section1 .container .inner .img-area img{width:60%}
    .section3 .container .inner .img-area img{width:60%}
}