@charset "utf-8";

/* CSS Document */ 
/* ==================================================
	웹 폰트
================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */
@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'paperlogy';
    src: url('Paperlogy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ==================================================
	공통레이아웃
================================================== */
.size {width:100%; max-width:1280px; height:auto; margin:0 auto; box-sizing: border-box;}
.wrapper {width:100%; position:relative; overflow:hidden; margin:0 auto; min-height:600px;}

/* ==================================================
	header
================================================== */
.header {position: absolute; padding: 0 160px; width: 100%; box-sizing: border-box; z-index: 50;}
.header .logo {position: absolute; top: 0; left: 160px;}
.header .logo a {display: block; height: 120px; line-height: 120px;}
.header .gnb {float: right; text-align: center;}
.header .gnb > ul > li {position: relative; float: left; }
.header .gnb > ul > li > a {display: block; padding: 0 35px; height: 120px; line-height: 120px; font-size: 20px; font-weight: 500; color: #fff; box-sizing: border-box; transition: all .5s; font-family: 'Montserrat', sans-serif;}
.header .gnb > ul > li:hover > a {color: #fa4f00;}
.header .gnb > ul > li > ul {display: none; position: absolute; top: 120px; left: 50%; margin-left: -110px; border-radius: 0 0 10px 10px; background: #fff; border-top: 3px solid #fa4f00; box-sizing: border-box; overflow: hidden;}
.header .gnb > ul > li > ul > li > a {display: block; width: 220px; height: 60px; line-height: 58px; font-size: 18px; font-weight: 300; border-top: 1px solid #ddd; box-sizing: border-box; transition: all .5s;}
.header .gnb > ul > li > ul > li:first-child  > a {border-top: 0;}
.header .gnb > ul > li > ul > li:hover > a {font-weight: 700; color: #fff; background: #fa4f00;}
.header .allMenuBtn {position: absolute; top: 0; right: 0; display: block; width: 100px; height: 120px; line-height: 120px; text-align: center;}
.header .menu_btn {display: none; position: absolute; top: 0; right: 0; width: 80px; height: 80px; line-height: 80px; text-align: center;}
.header .menu_btn img {display: inline-block; width: 35px;}
.header .menu_btn .ico2 {display: none;}
.header.fixed {background: #fff;}
.header.fixed .logo {left: 45px;}
.header.fixed .logo a {height: 80px; line-height: 70px;}
.header.fixed .gnb > ul > li > a {color: #333; height: 80px; line-height: 80px;}
.header.fixed .gnb > ul > li > ul{top: 80px;}
.header.fixed .allMenuBtn {right: 0; width: 80px; height: 80px; line-height: 80px;}
.header.fixed .menu_btn {right: 0;}
.header.fixed .menu_btn .ico1 {display: inline-block;}
.header.fixed .menu_btn .ico2 {display: none;}
.header.am {background: #fff;}
.header.am .logo {left: 45px;}
.header.am .logo a {height: 80px; line-height: 70px;}
.header.am .gnb > ul > li > a {color: #333; height: 80px; line-height: 80px;}
.header.am .gnb > ul > li > ul{top: 80px;}
.header.am .allMenuBtn {right: 0; width: 80px; height: 80px; line-height: 80px; background: rgb(255,137,10); background: linear-gradient(225deg, rgba(255,137,10,1) 0%, rgba(250,79,0,1) 100%);}
.header.am .menu_btn {right: 0;}
.header.am .menu_btn .ico1 {display: inline-block;}
.header.am .menu_btn .ico2 {display: none;}


/* ==================================================
	all menu
================================================== */
.all_menu {display: none; position: fixed; top: 80px; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10;}
.all_menu .size {max-width: 1257px;}
.all_menu ul.depth1 > li {float: left; width: 33.33333%; text-align: center;}
.all_menu ul.depth1 > li > a {display: block; line-height: 1; font-size: 40px; font-family: 'BMDOHYEON';}
.all_menu ul.depth1 > li > ul {margin-top: 40px;}
.all_menu ul.depth1 > li > ul > li > a {display: block; height:50px; line-height: 50px; font-size: 24px; font-weight: 300; color: #666;}
.all_menu ul.depth1 > li.li3, .all_menu ul.depth1 > li.li4, .all_menu ul.depth1 > li.li5 {margin-top: 100px;}


/* ==================================================
	mobile menu
================================================== */
.mo_bg {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,.7);}
.mo_menu {position: fixed; display: block; top: 0; left: 100%; width: 100%; height: 100%; z-index: 150; overflow: auto;}
.mo_menu .inner {position: absolute; top: 0; right: 0; padding: 0 20px; width: 100%; max-width: 360px; height: 100%; min-height: 100%; background-color: #fbfbfb; box-sizing: border-box; overflow: hidden;}
/* .mo_menu .inner:after {content: ''; position: absolute; bottom: -140px; right: -120px; display: block; width: 353px; height: 307px; background-image: url('/img/logo_03.png'); background-repeat: no-repeat; background-position: 50% 50%; z-index: -1;} */
.mo_menu .top a {display: inline-block; height: 60px; line-height: 60px;}
.mo_menu .top a.menu_close {float: right;}
.mo_menu .mo_gnb { background: #fbfbfb; box-sizing: border-box;}
.mo_menu .mo_gnb > ul > li > a {position:relative; display: block; padding: 0 12px; width: 100%; height: 70px; line-height: 70px; font-size: 22px; font-weight: 500; color: #444; border-top: 1px solid #ddd; background-image: url('/img/menu_off.png'); background-repeat: no-repeat; background-position: right 0 top 50%; box-sizing: border-box; font-family: 'Montserrat', sans-serif; transition: all .4s;}
.mo_menu .mo_gnb > ul > li.on > a {background-image: url('/img/menu_on.png');}
.mo_menu .mo_gnb > ul > li:first-child > a {border-top: 0;}
.mo_menu .mo_gnb > ul ul.mo_depth2 {display: none; padding-bottom: 15px;}
.mo_menu .mo_gnb > ul ul.mo_depth2 li a {position: relative; display: block; padding-left: 25px; height: 40px; line-height: 40px; font-size: 17px; font-weight: 300; color: #666; box-sizing: border-box;}
.mo_menu .mo_gnb > ul ul.mo_depth2 li a:before {content: '-'; position: absolute; top: 0; left: 12px; display: block; }

/* ==================================================
	footer
================================================== */
.footer {position: relative; padding: 80px 100px; background: #282828; box-sizing: border-box;}
.footer .top {position: absolute; top: 77px; right: 100px; font-size: 0;}
.footer .top a {display: inline-block; margin-left: 10px; width: 140px; height: 45px; line-height: 43px; font-size: 14px; font-weight: 300; color: #888; border: 1px solid #666; text-align: center; box-sizing: border-box;}
.footer .top a:first-child {margin-left: 0;}
.footer .mid .addr {margin-top: 40px;}
.footer .mid .addr p span {position: relative; display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 300; color: #bfbfbf; word-break: keep-all;}
.footer .mid .addr p span:before {content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -7px; width: 1px; height: 14px; background: #a0a0a0;}
.footer .mid .addr p span:first-child {padding-left: 0;}
.footer .mid .addr p span:first-child:before {display: none;}
.footer .btm {position: absolute; bottom: 80px; right: 100px;}
.footer .btm p {line-height: 1.8; font-size: 12px; font-weight: 300; color: #858585; text-align: right; word-break: keep-all;}

/* footer 추가 _ 장채화*/

/*
1. 이용약관+개인정보취급방침+예지패밀리사이트
.footer .bt-wrap{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
} 
.footer .bt-select{
    display: flex;
}
.footer .bt-select select{
    display: inline-block;
    margin-left: 10px;
    width: 140px;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    font-weight: 300;
    color: #888;
    border: 1px solid #666;
    text-align: center;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}
*/
/* 
2.  
*/
.footer .bt-wrap{
    display: flex;
    justify-content: flex-end;
    /* margin-right: 20px; */
} 
.footer .top-flex{
    display: flex;
    flex-direction: row-reverse;
}
.footer .select-wrap{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.footer .select-wrap select{
    display: inline-block;
    margin-left: 10px;
    width: 290px;
    height: 45px;
    line-height: 43px;
    font-size: 14px;
    font-weight: 300;
    color: #888;
    border: 1px solid #666;
    text-align: center;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

/* 3 */
.footer{
    padding: 100px;
}
.footer .bt-select{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}


/* ==================================================
	quick menu
================================================== */
.quickMenu {position: fixed; bottom: 50px; right: 75px; z-index: 10;}
.quickMenu > a {display: block; margin-top:3px; width: 95px; height: 95px; line-height: 99px; font-size: 21px; background-size: 76px; color: #fff; text-align: center; font-family: 'BMDOHYEON', sans-serif; background-image: url('/img/quick_off.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.quickMenu > a:first-child{margin-top:0;}
.quickMenu > a.top_btn{display:none; font-size:24px;}
.quickMenu > a.top_btn2{font-size:24px}
.quickMenu > a.on {background-image: url('/img/quick_on.png');}
.quickMenu > ul {display: none; position: absolute; bottom: 108%; left: 50%; margin-left: -50px; border-radius: 5px; border: 2px solid #333; background: #fff; box-sizing: border-box;}
.quickMenu > ul:after {content: ''; position: absolute; bottom: -15px; left: 50%; display: block; margin-left: -11px; width: 22px; height: 15px; background-image: url('/img/quick_bg.png'); background-repeat: no-repeat;}
.quickMenu > ul > li > a {position: relative; width: 95px; height: 98px; text-align: center;}
.quickMenu > ul > li > a:before {content: ''; position: absolute; top: 1px; left: 50%; display: block; margin-left: -27px; width: 54px; height: 1px; background: #a8a8a8;}
.quickMenu > ul > li:first-child > a:before {display: none;}
.quickMenu > ul > li > a em {display: block; margin-top: 7px; line-height: 1; font-size: 17px; font-weight: 500;}
.main_index .quickMenu a.top_btn{display:block;}
.main_index .quickMenu a.top_btn2{display:none;}


/* ==================================================
	skip
================================================== */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}

a:hover{transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}


h2{margin:0 0 10px 0;}
input[type=button] {cursor:pointer !important;}
.bt{cursor:pointer !important;}


/* inptu / select / textarea */
input[type='text'],input[type='password'], input[type='tel'], input[type='email'], input[type='number'], input[type='url'], select {border:1px solid #cccccc; height:40px; line-height: 40px; vertical-align: middle; padding:0 5px; width:100%; box-sizing:border-box;}
textarea{border:1px solid #cccccc; }
input[readonly], input[readonly="readonly"], input:read-only {background:#fafafa;}

/* 셀렉트박스 */
.select{display:inline-block;  position:relative; height:40px; width:100%; vertical-align: middle;}
.select select{display: block; cursor: pointer;  max-width:100%;  -moz-appearance:none; /* Firefox */   -webkit-appearance:none; /* Safari and Chrome */  appearance:none;}
select::-ms-expand { display:none; } 
.select select:not([multiple]){padding-right:; right:5px;}
.select:not(.is-multiple):not(.is-loading)::after{border: 2px solid #333; border-radius: 2px; border-right: 0; border-top: 0; content: ' '; display: block; height: 6px; margin-top: -6px; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 6px; right:10px; z-index: 4;}

/* 체크박스 */
.check_box { position:relative;}
.check_box input[type="checkbox"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; }
.check_box label {display:inline-block; padding-left:30px; font-weight: 300; color:#333; cursor:pointer; position:relative; letter-spacing: -1px; line-height:23px;}
.check_box label:before  {position:absolute; left:0; top:50%; width:22px; height:22px; box-sizing:border-box; margin-top:-11px; border:1px solid #fa4f00; border-radius: 0; line-height:20px; text-align:center; clear:both; content:''; display:block;}
.check_box input[type="checkbox"]:checked + label:before {content:''; width: 22px; height: 22px; background-image: url('/img/checked.png'); background-repeat: no-repeat; background-position: 50% 60%;}

/**/
.radio_box { position:relative;}
.radio_box input[type="radio"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; }
.radio_box label {display:inline-block; padding-left:30px; color:#333; cursor:pointer; position:relative; line-height:24px;}
.radio_box label:before  {position:absolute; left:0; top:50%; width:24px; height:24px; box-sizing:border-box; margin-top:-12px; border:1px solid #cccccc; line-height:20px; text-align:center; clear:both; content:''; display:block;}
.radio_box input[type="radio"]:checked + label:before {content:'\2714'; font-size:18px; font-weight: 500;}

/* ==================================================
	스크롤
================================================== */
.scroll::-webkit-scrollbar {width: 5px; height: 5px;}
.scroll::-webkit-scrollbar-track {background: #eeeeee; border-radius: 5px;}
.scroll::-webkit-scrollbar-thumb {background: #8a8a8a; border-radius: 5px;}
.scroll {scrollbar-face-color: #8a8a8a; scrollbar-track-color: #fff; scrollbar-arrow-color: none; scrollbar-highlight-color: #8a8a8a; scrollbar-3dlight-color: none; scrollbar-shadow-color: #8a8a8a; scrollbar-darkshadow-color: none;}


/* 라디오 버튼 */
/*
.radio_box label{}
.radio_box label + label{margin:0 0 0 24px;}
*/

/* input type="file"*/
.fileBox{position:relative;}
.fileBox .inputBox{float:left; box-sizing: border-box;}
.fileBox input[type="text"]{float:left;overflow:hidden;box-sizing:border-box;height:32px;padding:8px 10px;border:1px solid #cccccc;line-height:1;background:#fafafa;  box-sizing: border-box;}
.fileBox .fileBtn{float:left;margin-left:5px;  box-sizing: border-box;}
.fileBox .fileBtn label{display:inline-block;width:110px;font-size:14px;line-height:40px; height:40px; letter-spacing:-1px;color:#fff;background:#999;text-align:center; border-radius: 4px;  box-sizing: border-box;}
.fileBox .fileBtn input[type="file"]{visibility:hidden;width:0;height:0;padding:0;margin:0;}




.wid10{width:10%;}
.wid20{width:20%;}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100{width:100%;}

.max100 {max-width:100px;}
.max150 {max-width:150px;}
.max200 {max-width:200px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max550 {max-width:550px;}
.max600 {max-width:600px;}
.max650 {max-width:650px;}
.max700 {max-width:700px;}
.max750 {max-width:750px;}
.max800 {max-width:800px;}
.max850 {max-width:850px;}
.max900 {max-width:900px;}
.max950 {max-width:950px;}
.max1000 {max-width:1000px;}

.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt85{padding-top:85px !important;}


.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}


.auto {margin-left:auto !important; margin-right:auto !important;}
.bno{border:none !important;}
.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear:after {clear:both;content:'';display:block;}
.hidden {text-indent:-9999px; width:0px; height:0px; line-height:0px; font-size:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; visibility:hidden;}


.fl_l{float:left !important;}
.fl_r{float:right !important;}


.wbreak{word-break:break-all !important;}
.img img{max-width:100%}
.pic {background-size: contain;background-position: center center;background-repeat: no-repeat;}
.pic img{max-width: 100%;opacity: 0;visibility: hidden;}

.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}

.tb{display: table; width: 100%; height: 100%;}
.tbc{display: table-cell; width: 100%; height: 100%;  vertical-align: middle;}

.dpb{display:block;}
.inb{display:inline-block;}
.dpn{display:none;}

.back_img {background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.basic_img {width: 100%; max-width:100%; height:auto; visibility:hidden; opacity:0;}

.video_wrap {width:100%; padding-bottom:56.25%; box-sizing:border-box; position:relative;  margin: 20px 0; border:0;}
.video_wrap video, .video_wrap iframe, .video_wrap embed {position:absolute; left:0; top:0; width:100%; height:100%; border:0; outline:0;}

/* Font */
.ft12 {font-size:12px !important;}
.ft13 {font-size:13px !important;}
.ft14 {font-size:14px !important;}
.ft15 {font-size:15px !important;}
.ft16 {font-size:16px !important;}
.ft17 {font-size:17px !important;}
.ft18 {font-size:18px !important;}
.ft19 {font-size:19px !important;}
.ft20 {font-size:20px !important;}
.ft21 {font-size:21px !important;}
.ft22 {font-size:22px !important;}
.ft23 {font-size:23px !important;}
.ft24 {font-size:24px !important;}
.ft25 {font-size:25px !important;}
.ft26 {font-size:26px !important;}
.ft27 {font-size:27px !important;}
.ft28 {font-size:28px !important;}
.ft29 {font-size:29px !important;}
.ft30 {font-size:30px !important;}
.ft31 {font-size:31px !important;}
.ft32 {font-size:32px !important;}
.ft42 {font-size:42px !important;}
.ft45 {font-size:45px !important;}
.ft65 {font-size:65px !important; letter-spacing:-4px; line-height:60px;}

.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.ver_t{vertical-align:top !important;}
.txt_b{font-weight:bold !important;}
.txt_line{text-decoration:underline !important;}

.txt_black {color:#000 !important;}
.txt_white {color:#fff !important;}

.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw800 {font-weight:800 !important;}

/* col width */
.col02 > * {width:50% !important;}
.col03 > * {width:33.3333% !important;}
.col04 > * {width:25% !important;}
.col05 > * {width:20% !important;}
.col06 > * {width:16.6666% !important;}
.col07 > * {width:14.285% !important;}
.col08 > * {width:12.5% !important;}
.col09 > * {width:11.1111% !important;}
.col10 > * {width:10% !important;}



/* animated */

.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.aniamte .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.aniamte .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.animate .ani-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.animate .ani-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.animate .ani-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.animate .ani-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.animate .ani-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.animate .ani-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.animate .ani-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}

.scale [class*='sc-'] {transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -moz-transition-property:transform; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; -moz-transition-duration:0.8s; }

.scale .fromSc9:not(.done) {transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9);}
.scale .fromSc8:not(.done) {transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
.scale .fromSc7:not(.done) {transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); -moz-transform:scale(0.7); }
.scale .fromSc6:not(.done) {transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); }
.scale .fromSc5:not(.done) {transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); }
.scale .fromSc11:not(.done) {transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.scale .fromSc12:not(.done) {transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }
.scale .fromSc13:not(.done) {transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.scale .fromSc14:not(.done) {transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); -moz-transform:scale(1.4);}
.scale .fromSc15:not(.done) {transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); }

.scale .sc-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.scale .sc-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.scale .sc-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.scale .sc-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.scale .sc-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.scale .sc-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.scale .sc-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.scale .sc-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}

.fast.scale .sc-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.scale .sc-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.scale .sc-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.scale .sc-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.scale .sc-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.scale .sc-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.scale .sc-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.scale .sc-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}


.slow.scale .sc-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.scale .sc-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.scale .sc-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.scale .sc-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.scale .sc-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.scale .sc-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.scale .sc-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.scale .sc-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}


.vertical-i {animation:vb 1s infinite;}

@keyframes vb {
	0%{
		bottom: 0;
	}
	50% {
		bottom:10px;
	}
	100% {
		bottom:0px; 
	}
}

@keyframes vt{
	0%{
		top: 0;
	}
	50%{
		top:10px;
	}
	100%{
		top:0;
	}
}

/*
	정승훈 커스텀
*/

.pointerCursor{
	cursor:pointer;
}
.mt10{
	margin-top:10px;
}
.mb10{
	margin-bottom:10px;
}
.mr10{
	margin-right:10px;
}
.ml10{
	margin-left:10px;
}
/* 
    장채화 추가
*/
.lh2rem{line-height: 2rem !important;}
.lh2_5rem{line-height: 2.5rem !important;}
.lh3rem{line-height: 3rem !important;}
.lh3_5rem{line-height: 3.5rem !important;}
.inkLipquid{font-family: 'InkLipquid';}
.color-orange{color: #fa4f01;}