/* Common */
/*html, body {font-family:'Nanum Square',Dotum,sans-serif;
font-size:1em;-webkit-font-smoothing:antialiased;background:#fff;line-height:1;color:#000;font-weight:400;}*/

html, body {
	font-family:'NotoSans', sans-serif;color:#000;
	font-size:16px; font-weight:400; line-height:1.6; letter-spacing:-0.3px;
	-webkit-font-smoothing:antialiased;background:#fff;
	}
.hidden{display:none;}
.fleft{float:left;}
.fright{float:right;}
.txtleft{text-align:left!important;}
.txtcenter{text-align:center!important;}
.txtright{text-align:right!important;}
.txtbold{font-weight:bold!important;}
.txtnormal{font-weight:normal!important;}
.prelative{position:relative;}
.pabsolute{position:absolute!important;}
.line_height{line-height:0px;}
.verttop{vertical-align:top;}
.vertbottom{vertical-align:bottom;}
ul, li{margin:0;}
li img {vertical-align:middle;}
.maright{margin-right:20px;}
.total{background-color:#f2f2f2;}
.textcolor{color:#d9453d}
.txtwhite{color:#fff!important;}
a{color:#000; text-decoration:none;}


h1{font-size:80px; font-weight:300; letter-spacing:-2px; color:#fff; line-height:1.2em; text-align:left; padding:160px 0 45px;}
h2{font-size:42px; font-weight:500; letter-spacing:-1px; color:#000; margin-bottom:30px; line-height: 53px;}
h3{font-size:30px; font-weight:500; letter-spacing:-1px; color:#fff; font-family:'Nanum Myeongjo', serif;}
h4{font-size:28px; font-weight:500;}
h5{font-size:23px; font-weight:400; letter-spacing:-1px;}
 p{font-size:18px; font-weight:400; letter-spacing:-1px; color:#000;}
.hide_m{display:block!important;}
.show_m{display:none!important;}
.mblock_m{display:inline-block!important;}
.m_inblock{display:block!important;}
.onlynom{display:block!important;}

/* Layout */
.container_top{position:relative; width:1374px; margin:0 auto; text-align:center; }
.container{position:relative; width:1170px; margin:0 auto; text-align:center; }
.container-fluid{position:relative; width:100%; margin:0 auto; text-align:center;}
.section{padding:100px 0;}	

.top{background:url(../images/top_bg.png) 50% 0  no-repeat; position:relative; background-size:cover; overflow:hidden;}
.top .floating{position:fixed; top:100px; right:55px; z-index:9;}
	.top .floating li{margin-bottom:0px; /*box-shadow:0px 5px 10px #000;*/}
.top .logo{position:absolute; top:20px; left:25px; color:#fff;}
.top .top_btn{position:fixed; top:845px; right:55px; z-index:9;}
.top .mongo{position:absolute;top:20px;right:25px; border:1px solid #fff; color:#fff; font-weight:400; border-radius:50px; padding:5px 20px;}
h1 span{font-weight:600;}
.top h3{text-align:left; line-height:40px; padding-bottom:210px;}



.link-box {
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}
.link-box>div {
  flex: 1;
  font-size: 0;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
}

.link-box a {
  display: inline-block;
  font-size: 20px;
  flex: 1;
  position: relative;
}

.link-box a+a {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.link-box a::after {
  content: '';
  display: inline-block;
  width: 58px;
  height: 8px;
  background: url(https://www.hanwhasolutions.com/static/ko/images/gate/linkArrow@58x8.png) 0 0 / contain no-repeat;
  position: absolute;
  right: 50%;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.55s;

}

.link-box a::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.55s;
}

.link-box a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.55s;
  z-index: 1;
}

.link-box a:hover::before {
  /*opacity: 1;*/
}

.link-box a:hover::after {
  right: 27px;
  opacity: 1;
  
}

.link-box a:hover i {
  left: 45px;
  transform: translate(0, -50%);
  
}
.link-box a:hover{background-color:#1c52a1;}
.img-txt {
    display: inline-block;
    text-indent: -9999px;
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	
}

.txt1{width:170px; height:24px; background-image:url(../images/text1.png);}
.txt2{width:128px; background-image:url(../images/text2.png);}
.txt3{width:84px;  background-image:url(../images/text3.png);}
.txt4{width:151px; background-image:url(../images/text4.png);}
.txt5{width:130px; background-image:url(../images/text5.png);}


.monte{background:url(../images/bg_MariaMontessori.png) 50% 0  no-repeat; padding:130px 0;}
.monte h3{font-size:44px; line-height:58px; font-weight:500;}
.monte p{font-size:23px; color:#fff; font-weight:300; margin-top:10px;}


.section_01{}
.section_01 .info{display:inline-block;}
.section_01 .info li{display:inline-block; border:1px solid #e6e6e6; border-right:none; margin:0 0px; box-sizing: border-box; float:left;  height:360px;}
.section_01 .info li:last-child{border-right:1px solid #e6e6e6;}
.section_01 .info li a{display:inline-block; width:330px; height:360px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.section_01 .info li a.info1{background:url(../images/section1_info_icon.png) 0 0;}
.section_01 .info li a.info1:hover{background-position-y:-390px;}
.section_01 .info li a.info2{background-position:-364px 0;}
.section_01 .info li a.info2{background-position:-364px 0;}
.section_01 .info li a.info3{background-position:-728px 0;}
.section_01 .info li a.info4{background-position:-1092px 0;}

.section_01_1{background:url(../images/section1_bg.png) 0 0;}
.section_01_1 .left1{text-align:left;}
.section_01_1 .left1 span{float:left;}
.section_01_1 .left1 .text{margin-left:20px;}
.section_01_1 .left1 .text p{font-size:19px; line-height:28px; font-weight:300;}
.section_01_1 .left1 .fixtext{display:table-cell; vertical-align:middle; height:162px; }

.section_01_1 .right1{text-align:right; }
.section_01_1 .right1 span{float:right;}
.section_01_1 .right1 .text{margin-right:20px;}
.section_01_1 .right1 .text p{font-size:19px; line-height:28px; font-weight:300;}
.section_01_1 .right1 .fixtext{display:table-cell; vertical-align:middle; height:162px; }

.mgt100{margin-top:100px;}
.un{margin-top:150px;}


.section_02 .won1{
	position: absolute;
    width: 400px;
    height: 400px;
    right: 60px;
    top:60px;
    z-index: -1;
    transition: all 3s ease 0s;
	
	}

.section_02 .won1 div{
	position: relative;
    width: 400px;
    height: 400px;
    border: 2px dashed #ffc40082;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all 3s ease 0s;
}

.dsftse{animation: rotate_image 30s linear infinite;}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

.section_02 .video img{width:1100px; }

.section_02 .won2{
	position: absolute;
	top: 400px;
    left: -100px;
    width: 600px;
    height: 600px;
    z-index: -1;
    transition: all 3s ease 0s;
}
.chatbox {
position: relative;
    width: 580px;
    height:580px;
    border: 2px dashed #ffc40082;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all 3s ease 0s;
	animation: motion 3s linear 0s infinite alternate;
	}
        
@keyframes motion {
	0% {margin-left: 0px;}
	100% {margin-left: 50px;}
}

 .ani_text {
    opacity: 0;
    transition-timing-function: ease-in;
    -webkit-animation: ani_effect 1s;
    animation: ani_effect 1s;
    animation-fill-mode: forwards;
}
.ani_text_pp{animation-delay:0.9s;}

@keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
  }
}

@-webkit-keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
  }
}

.section_03{background:url(../images/section3_bg.png) 50% 0  no-repeat; padding-bottom:90px;}
.section_03 .wrap{background:url(../images/section3_tree.png) 0 0; height:505px; box-shadow:0px 17px 33px #3e271352; position:relative;}
.section_03 .wrap .txtarea{text-align:left; padding:70px 0 0 92px;}
.section_03 .wrap .txtarea .like_n{font-size:72px; font-weight:600; color:#ee740a; border:2px solid #ee740a; padding:7px 40px; letter-spacing:-3px;}
.section_03 .wrap .txtarea .like_t{font-size:44px; font-weight:500; color:#ee740a; position:relative; top:-10px; margin-left:7px}
.section_03 .wrap .txtarea h5{margin:-4px 0 80px 7px;}
.section_03 .wrap .txtarea p{margin-left:10px;}
.section_03 .wrap .flower_area{position:absolute; top:70px; right:36px;}
.section_03 .monlike{background:url(../images/section1_info_icon.png) -1431px 0; width:339px; height:87px; margin-bottom:5px;}
.section_03 .monlike:hover{background:url(../images/section1_info_icon.png) -1431px -123px; }

.activity_paper{padding-top:50px; width:100%;}
.activity_paper h3{color:#000; font-family:'NotoSans'; text-align:left; display:block;}
.activity_paper li{float:left; text-align:left; margin-right:11px; display:inline-block;}
.activity_paper li:last-child{margin-right:0;}
.activity_paper li img{width:225px;}
.activity_paper li p{font-weight:400; margin:8px 0 -4px; font-size:16px;}
.activity_paper li h5{font-weight:500; font-size:20px;}
.act_go{display:inline-block; background:#ff7700; color:#fff; font-size:22px; margin-top:70px; padding:28px 55px; border-radius:5px; box-shadow:0px 10px 14px #3e271352;}
.act_go .arrow{font-family:'spoqa-han-sans'; position:relative; top:-1px; margin-left:7px;}
.act_go2{background:#ffc900;}

.section_04{}
.section_04 ul li{float:left; text-align:left; margin-right:25px;}
.section_04 ul li:last-child{margin-right:0;}
.section_04 .texts{margin-left:25px;}
.section_04 ul li h4{margin:40px 0 0 0; text-align:left;}
.section_04 ul li p{width:328px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 0 30px 0;}
.iyuaimg{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);
	-webkit-transition:-webkit-transform 800ms;transition:-webkit-transform 800ms;transition:transform 800ms;transition:transform 800ms, -webkit-transform 800ms}




.list_thmb .jt_divide_list_item:hover .thumbnail_area img{-webkit-transform:scale(1.05) rotate(0.01deg);-ms-transform:scale(1.05) rotate(0.01deg);transform:scale(1.05) rotate(0.01deg)}
.list_thmb .jt_divide_list_item:hover .jt_divide_list_link:after{background:#ff671b}		
.list_thmb ul li .thumbnail_area{display:block;margin:19px 0 18px;overflow:hidden;}
.list_thmb ul li .thumbnail_area img{
	display:block;width:100%;height:231px;
	-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);
	-webkit-transition:-webkit-transform 800ms;transition:-webkit-transform 800ms;transition:transform 800ms;transition:transform 800ms, -webkit-transform 800ms
}




.section_05{margin:30px 0 60px;}
.section_05 ul li{display:inline-block;}

.footer{background:#333;}	
	.footer p{font-size:19px; color:#fff; letter-spacing:-0.3px; padding:16px 0;}

/* Wobble Vertical */
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}

.wobble-vertical:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}