@charset "utf-8";

/*철학과 비전*/
.philoVisu{height:100%; padding-top:13%;}
.philoBig{padding:9% 0; background:#172355; color:#fff; z-index:3;}
.philoBig ul{display:flex; justify-content:space-between; }
.philoBig .subExp+ul{margin-top:90px;}
.philoBig ul li{width:320px; text-align:center; font-size: 1.8rem;}
.philoBig ul li::before{content:""; display:block; width:288px; height:288px; margin:0 auto;}
.philoBig ul li strong{display:block; font-size:2.6rem; letter-spacing: -0.08em;}
.philoBig ul li p{margin-top:15px}
.philoBig ul li span{display:inline-block; margin-top:15px; font-size:1.5rem; font-weight: 400; line-height: 1.5; opacity:0.5;}
.philoBig ul li span{opacity: 0.65;}
.philoBig{padding:0px; height:930px;}
.philoBig article{padding:140px 0px 110px;}
.philoBig .subTitle{font-size:3.2rem;}
.philoBig li{padding:0px; margin-top:60px;}
.philoBig li:nth-child(1)::before{background: url(../../images/19.gif)no-repeat;}
.philoBig li:nth-child(2)::before{background: url(../../images/20.gif)no-repeat;}
.philoBig li:nth-child(3)::before{background: url(../../images/21.gif)no-repeat;}

/*CEO*/
.CEO{position:relative; padding:140px 0 70px;}
.CEO h2{margin-bottom:45px;}
.CEO p{width:68%;}
.CEO strong{display:block; font-size:2.2rem; font-weight:500; margin-top:50px;}
.CEO pre{display:inline;}
/*규범*/
.rules{padding-top:70px;}
.rules h2{margin-bottom:15px;}
.rules h2:nth-of-type(2){margin-top:100px}
.rules p{font-size:1.6rem;}
.rules .foldCont dl{position:relative; /*height:376px;*/ margin:70px 0px 0px; padding:70px 0px 15px 25px; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden; transition-duration:1s;}
.rules .foldCont dl.on{height:auto;}
.rules .foldCont dt{display:none; font-size:1.8rem; margin-bottom:15px;}
.rules .foldCont dd{display:none; line-height:1.5; margin-bottom:70px; font-size: 1.6rem; font-weight: 200;}
.rules .foldCont dd:nth-of-type(1), .rules .foldCont dt:nth-of-type(1),.rules .foldCont dd:nth-of-type(2), .rules .foldCont dt:nth-of-type(2){display:block;}
.rules .foldCont dl.on dt{display:block;}
.rules .foldCont dl.on dd{display:block;}
.rules .foldCont dl+a{top:30px;}

.CEO .paths,.CEO .paths div{position:absolute; transition-duration:1s;}
.CEO .paths1 {left:0px; top:0px; z-index:-1; transform: scale(0.8);}
.CEO .paths2 {right:0px; bottom:-170px; z-index:-1; transform: scale(0.8);}
.CEO .paths1 .path1{width:648px; height:683px; top:-188px; left:-295px; background:url('../../images/path05_1.png')no-repeat; transform:translate(-80%,-80%);}
.CEO .paths1 .path2{width:683px; height:648px; top:-153px; left:-115px; background:url('../../images/path05_2.png')no-repeat; transform:translate(-80%,80%); animation-delay:1s;}
.CEO .paths1.on .path1{transform:translate(0%,0%);}
.CEO .paths1.on .path2{
	 -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -moz-animation-name: slideBottoTop;
	  -webkit-animation-name: slideBottoTop;
	  animation-name: slideBottoTop;
	 animation-fill-mode: forwards;
}
.CEO .paths2 .path1{right:-330px; bottom:150px; width:683px; height:648px; background:url('../../images/path05_2.png')no-repeat; transform:rotate(90deg); transition-duration:1s; transform:translate(80%,80%);}
.CEO .paths2 .path2{right:-107px; bottom:152px; width:648px; height:683px; background:url('../../images/path05_1.png')no-repeat; transform:rotate(90deg)translate(-80%,-80%); animation-delay:1s;}
.CEO .paths2.on .path1{transform:rotate(90deg)translate(0%,0%);}
.CEO .paths2.on .path2{
	 -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -moz-animation-name: slideToptoBot3;
	  -webkit-animation-name: slideToptoBot3;
	  animation-name: slideToptoBot3;
	 animation-fill-mode: forwards;
}

.philoVisu .animatePaths{top:50%; right:140px; width:500px; transform:translateY(-50%);}