@charset "UTF-8";

/* Common. Column Grid 1200px - 1599px (Site Default 1200px)
----------------------------------------------------------------------------- */

/* 1. 1 Column Grid 0px - 399px
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 399px){
#fullpage #section1 .letter-area .p-inner{padding:10px 0}

}


/* 2. 1 Column Grid 400px - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 400px) and (max-width: 767px){
}

/* 2. 2 Column Grid Infinity - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 767px){
}

@media screen and (max-width: 767px){
#fullpage #section1 .letter-area{width: 100%; margin-bottom: 20%;}
#fullpage #section1 .letter-area .l-inner ul li{height: 70px !important}
#fullpage #section1 .letter-area .ant-inner ul li{height: 60px !important}
#fullpage #section1 .letter-area .l-inner ul li .l-letter span,
#fullpage #section1 .letter-area .ant-inner ul li .ant-letter span{font-size: 3em !important;}
#fullpage #section1 .letter-area .l-inner ul li.flnone{word-break:break-all;}
#fullpage #section1 .letter-area .p-inner{padding-top: 40px;}
#fullpage #section1 .letter-area .p-inner .anmtn-txt,
#fullpage #section1 .letter-area .p-inner .anmtn-txt-two,
#fullpage #section1 .letter-area .p-inner .anmtn-txt-thr{font-size: 1.2em !important}

#fullpage #section2 .services-area ul li .list-num{padding:10px 5% 30px !important}
#fullpage #section2 .services-area .serv-btn{left:0; margin-left: 0 !important; text-align: center; width: 100%;}
#fullpage #section2 .services-area .serv-btn a{border: 2px solid #ffdf1b; width: 60%; margin: 0 auto}
#fullpage #section2 .services-area .serv-btn a:hover{background-color: #ffdf1b; color: #191919;}
#fullpage #section2 .services-area .serv-btn a span{position: relative;}
#fullpage #section2 .services-area .serv-btn a .btn-l-01,
#fullpage #section2 .services-area .serv-btn a .btn-l-02,
#fullpage #section2 .services-area .serv-btn a .btn-r-01,
#fullpage #section2 .services-area .serv-btn a .btn-r-02{display: none;}
#fullpage #section2 .services-area .serv-btn a b {opacity: 1; -ms-filter:none; filter:none; line-height: 66px !important;}
}


/* 3. 1 Column Grid 768px - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
#fullpage #section1 .letter-area{margin-bottom: 15%;}

}

/* 3. 2 Column Grid Infinity - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1024px){
}

@media screen and (max-width: 1023px){
#fullpage #section1 .letter-area{width: 96%;}
}


/* 4. 1 Column Grid 1025px - 1199px (Site Default 1200px : No Media Query)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1199px){
}



/* 4. 2 Column Grid Infinity - 1199px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1199px){
}

@media screen and (max-width: 1198px){
#fullpage #section1 .letter-area .l-inner ul li{margin:0 auto 15px; height: 100px;}
#fullpage #section1 .letter-area .l-inner ul li .l-letter span,
#fullpage #section1 .letter-area .ant-inner ul li .ant-letter span{font-size: 5em;}
#fullpage #section1 .letter-area .ant-inner ul li{height: 100px;}
#fullpage #section1 .letter-area .p-inner .anmtn-txt,
#fullpage #section1 .letter-area .p-inner .anmtn-txt-two,
#fullpage #section1 .letter-area .p-inner .anmtn-txt-thr{font-size: 1.35em}
#fullpage #section1 .letter-area .l-inner ul li .anmtn-sa{display: block}

#fullpage #section2 .services-area{width: 100%;}
#fullpage #section2 .services-area ul{padding-bottom: 150px;}
#fullpage #section2 .services-area ul li{float:none; width:100%; min-height:auto; height: auto; border-left: none}
#fullpage #section2 .services-area ul li div{border-left: none; border-bottom: 1px solid rgba(255, 255, 255, .2)}
#fullpage #section2 .services-area ul li .list-num{padding: 10px 15% 30px}
#fullpage #section2 .services-area ul li .list-num h2{padding-bottom:10px; line-height: 1}
#fullpage #section2 .services-area ul li .list-num span{font-size: 3em;}
#fullpage #section2 .services-area ul li .list-num p{font-size: 1.2em;}
#fullpage #section2 .services-area .serv-btn{bottom: 3%; margin-left: -20%;}
.s-scroll{display: none;}

#fullpage #section3 .noticelist-area{padding:0;width:90%;}
#fullpage #section3 .noticelist-area h2{padding: 50px 0 20px}
#fullpage #section3 .noticelist-area ul li,
#fullpage #section3 .noticelist-area ul li:first-child{float: none; padding:0;width: 100%}
#fullpage #section3 .noticelist-area ul li a{margin: 0 auto 6%; padding: 30px; width: 100%}
#fullpage #section3 .noticelist-area ul li a .m-cont{height: 4em;-webkit-line-clamp: 2}
#fullpage #section3 .noticelist-area ul li a .m-new{width:40px; height:40px}
#fullpage #section3 .noticelist-area ul li a .m-new i{line-height: 2.1}
}

/* 5. 1 Column Grid 1200px - 1599px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1599px){
.scrolldown-wrap{display: none;}
#fullpage #section1 .letter-area .l-inner ul li,
#fullpage #section1 .letter-area .ant-inner ul li{height: 130px}
#fullpage #section1 .letter-area .p-inner .anmtn-txt{font-size: 1.4em;}

#fullpage #section1 .letter-area .l-inner ul li .l-letter span,
#fullpage #section1 .letter-area .ant-inner ul li .ant-letter span{font-size: 7em;}

}

/* 5. 2 Column Grid 1600px - Infinity (Main only)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1600px){

}

@media screen and (min-width: 0) and (max-width: 399px){
	.bg-circle{top:70%;bottom:0; right: 0; left: 0; width: 100%}
}
@media screen and (min-width: 400px) and (max-width: 767px){
	.bg-circle{top:55%;bottom:0; right: 0; left: 0; width: 100%}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.bg-circle{top:30%;bottom:0; right: 0; left: 0; width: 100%}
}
@media screen and (min-width: 1024px) and (max-width: 1198px){
	.bg-circle{bottom:-190%; right: -27%; width: 1024px;}
}
@media screen and (min-width: 1199px) and (max-width: 1199px){
	.bg-circle{bottom:-67%; width: 1300px;}
}
@media screen and (min-width: 1200px) and (max-width: 1299px){
	.bg-circle{bottom:-78%; right:-53%; width: 1300px;}
}
@media screen and (min-width: 1300px) and (max-width: 1599px){
	.bg-circle{bottom:-112%; right:-62%;}
}
@media screen and (min-width: 1600px) and (max-width: 1799px){
	.bg-circle{right:-47%; }
}