@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* ****************** SETTING ********************** */
*::-webkit-scrollbar{width: 5px;}
*::-webkit-scrollbar-thumb{background-color:#FFFCBF; border-radius:0px; transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:#000; background:rgba(255,255,255,0.5); border-radius:0;}
*{margin:0;padding:0;}
html,body {width:100%;height:100%; min-width:320px;}
body {background:#FFFCBF; *word-break:break-all;-ms-word-break:break-all;  -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important; }
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#000;   font-family: 'Macondo','Pretendard', 'Nanum Gothic',  sans-serif;  font-weight: 400;  font-size:100%;font-weight:normal; -webkit-font-smoothing: antialiased;}
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none;   transition: all 0.3s ease;}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:9;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}



/**************************************** ·Î°í ÀÎÆ®·Î********************************************/
.loader2 {z-index:1000000000; width:100%; height:100%;  background:#413630 url(../../img/intro_logo.png) no-repeat center; ; position:fixed; }

/**ÀÎÆ®·Î ¾çÂÊÀ¸·Î ¿­¸² **/
.mainslide {position: relative;  width:100%; height:100% !important;}
.mainslide:before,
.mainslide:after {content:"";  display:block; position: absolute;top: 0;width: 50%;height: 100%;background-color:#413630;  background-repeat:no-repeat;  z-index: 1000000000000; overflow:hidden;}
.mainslide:before { text-align:right; left: 0; background-image:url(../../img/intro_logo.png); background-position:right -500px center;  }
.mainslide:after {  text-align:left;  right: 0; background-image:url(../../img/intro_logo.png);background-position:-500px center; }

@media screen and (max-width:1024px){
.loader2,
.mainslide:before,
.mainslide:after { background-size:600px;}
.mainslide:before { background-position:right -300px center; }
.mainslide:after {background-position:-300px center; }
}

@media screen and (max-width:767px){
.loader2,
.mainslide:before,
.mainslide:after { background-size:300px;}
.mainslide:before { background-position:right -150px center; }
.mainslide:after {background-position:-150px center; }
}




/*************************************** ¸¶¿ì½º µû¶ó ´Ù´Ï´Â ³ë¶õ»ö  ¿ø ********************************************/
#custom_cursor {width:60px; height:60px; position: fixed; top:-30px; left:-30px;   z-index:-1; pointer-events: none; background:#FFFCBF;  opacity:0.9; border-radius:50%; }

@media screen  and (max-width:1024px) {
#custom_cursor {display: none;} 
}








/* container */
#wrap {width:100%; margin:0 auto;}
#wrap,#container {width:100%;position: relative;  overflow:hidden; }
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}
#wrap * {box-sizing:border-box;}
.floatBox:after {content:"";display:block;clear:both;}
.floatBox {*zoom:1;}
.fC {text-align:center;}
.fL {float:left;}
.fR {float:right;}

/***** ·¹À̾ƿô *****/
.sub_all {width:100%;margin:0;background:none;border-radius:0;}
.sub_all section {width:100%; max-width:none;margin:0;}
.sub_all img {max-width:100%;}
.sub_all .conwrap { width: calc(100% - 0px);  padding-bottom:50px; margin:0 auto; }
.sub_all .inner {width:100%; margin:0 auto;}
.sub_all .inner_s {width:92%; max-width:1600px; margin:0 auto;}





/***************************************************** header *********************************************************/
#wrap header {position:fixed;top:0;left:0;width:100%;z-index:10; transition:background 0.4s;  height:80px;  width:100%; margin:0 auto; position:relative; }
 
/* »ó´Ü ¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã ¸Þ´º¹Ù ¼¼·Î±æÀÌ */
#wrap header.on {height:80px; }
#wrap header .header_wrap {position:relative; display: flex; justify-content: space-between;  align-items:center; width:100%;  margin:0 auto;   box-sizing: border-box; }
#wrap header .header_wrap .right_nav {display:flex; position: relative;z-index: 10; }
#wrap header .header_wrap .left_nav {display:flex;align-items:center;}

/* ·Î°í »çÀÌÁî*/
#wrap header h1.logo {position:absolute;top:10px; left:3%; z-index:1000; }
#wrap header h1.logo a.main_logo {display:block;width:260px; height:60px; background:url(../../img/logo2.png) no-repeat center / contain;margin:0px 40px 0 0px;}
#wrap header h1.logo .all_prev {display:none;}

/* »ó´Ü¸Þ´º :: pc Ãâ·Â*/
#wrap header .gnb { position:absolute;  top:0px;  right:120px; }
#wrap header .gnb>li {padding:30px 35px; position:relative; display:inline-block; }
#wrap header .gnb>li>a {display:inline-block; font-size:18px; font-weight:600;  color:#000; position:relative;}
#wrap header .gnb>li>a::after { content: ""; position: absolute;  left: 50%;  top: 0;  transform: translateX(-50%) translateY(-30%);  width:0px; height:0px; z-index:-1; background-color:#FFFCBF; border-radius: 50%;opacity: 0; transition: all 0.2s ease;}
#wrap header .gnb>li>a:hover::after {  width:50px; height:50px; opacity: 1;}

/*»ó´Ü¸Þ´º - ÇÏÀ§¸Þ´º */
#wrap header .gnb>li .depth2_l {position:absolute; top:99%;  box-sizing:border-box; padding:23px;  background:#000; box-shadow:5px 5px 5px 5px rgba(0,0,0,0.1); transition:all 0.4s; width:180px; right:50%; margin:0 -90px 0 0;  opacity:0;visibility:hidden;
z-index:10; }
#wrap header .gnb>li .depth2_l>li>a {position:relative; display:block; font-size:17px; color:#fff;  line-height:1.3; padding:11px 0 6px 0; transition:0.4s;  }
#wrap header .gnb>li .depth2_l>li>a:hover {color:#FFFCBF; position:relative; }
#wrap header .gnb>li .depth2_l>li>a:after{content:"";position:absolute;bottom:0; left:0; width:0%;height:2px;  background:#fff;/*ÇÏÀ§¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã ¶óÀÎ »ö»óÁöÁ¤*/  transition:0.4s; }
#wrap header .gnb>li .depth2_l>li>a:hover:after{content:"";position:absolute;bottom:0; left:0; width:100%;height:2px;  background:#FFFCBF;/*ÇÏÀ§¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã ¶óÀÎ »ö»óÁöÁ¤*/  }
#wrap header .gnb>li:hover .depth2_l {opacity:1;visibility:visible;}




/*************************************************** ¸Þ´º Àüüº¸±â************************************************************/
.all_menu {position:fixed;top: 0px;left:0;width:100%;height: 101%; z-index:20; opacity:0;visibility:hidden; background-color:#000;}
.pc_all:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
.pc_all .all_inner {position:absolute;  top:50%;left:50%;transform:translate(-50%,-50%); display:flex;width:100%;height:100%;}
.pc_all .all_inner>div {display: flex;align-items: center; justify-content:space-between;  height: 100%; width:100%; position: relative; margin:0 auto; overflow: hidden; }

/* ÁÂÃø ¸Þ´º¿µ¿ª*/
.pc_all .all_inner .left {position:relative; width:65%; }
.pc_all .all_inner .left:before {content:"";position:absolute;top:0;left:0;width:100%; height:100%;  z-index: -1;}
.pc_all .all_inner .left:after {content:"";position:absolute;top:0;right:0;width: 100%; height:100%; }
.pc_all .all_inner .left .inner {position: relative;width:100%;  }
.pc_all .all_inner>div .gnb {position: relative; z-index:1; width:95%; margin:0 2% 0 5%;}

/* ´ë¸Þ´º ½ºÅ¸ÀÏ */
.pc_all .all_inner>div .gnb>li {position:relative;  width:100%; display:block;  padding:30px 0 20px 0; border-bottom:1px solid #fff;}
.pc_all .all_inner>div .gnb>li>a {position:relative; width:auto; margin-right:20px; display:inline-block;   font-size:65px; margin-bottom:12px;   text-align:left;  line-height:1;color:#fff;} 

/* ÇÏÀ§¸Þ´º ½ºÅ¸ÀÏ */
.pc_all .all_inner>div .gnb>li .lnb {display:inline-block;}
.pc_all .all_inner>div .gnb>li .lnb li {display:inline-block; text-align:left;}
.pc_all .all_inner>div .gnb>li .lnb li a {display: inline-block; color:#fff; font-size:17px; padding-right:20px;}
.pc_all .all_inner>div .gnb>li .lnb li a:hover {color:#FFFCBF;}

/* Àüüº¸±â ¸Þ´º sns */
.pc_all .all_inner .right {position:relative; width:30%;}
.pc_all .all_inner .right>div {position:relative;  width:100%;height:98%;}
.pc_all .right_box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); margin-left:0px; width:80%;}
.pc_all .sns_g ul li {display:inline-block; width:40px; height:40px; line-height:40px; margin:12px 5px;}
.pc_all .sns_g ul li a {font-size:0;}
.pc_all .sns_g ul li span {display:block; border-radius:50%;margin-top:1px; width:40px; height:40px; float:left; margin-right:8px;}
.pc_all .sns_g ul li:nth-child(1) span {background:#413630 url(../../img/sns1.png) no-repeat center / 20px;}
.pc_all .sns_g ul li:nth-child(2) span {background:#413630 url(../../img/sns2.png) no-repeat center / 20px;}
.pc_all .sns_g ul li:nth-child(3) span {background:#413630 url(../../img/sns3.png) no-repeat center / 20px;}

/* Àüüº¸±â ¸Þ´º ¿ìÃø ȸ»çÁ¤º¸ */
#wrap .pc_all .all_inner .right footer {position:relative;  margin-top:0px; width:100%;}
#wrap .pc_all .all_inner .right footer .inner {display:block; padding:0;width:100%;}
#wrap .pc_all .all_inner .right footer .left {display:block; width:100%;}
#wrap .pc_all .all_inner .right footer h3,
.pc_all .sns_g h3 {color:#fff; font-size:23px;}

/*ÁÖ¼Ò ¹× ¿¬¶ôó Á¤º¸*/
#wrap .pc_all .all_inner .right footer .info {margin-bottom:50px; width:100%;}
#wrap .pc_all .all_inner .right footer .info ul li {font-size:20px;  margin: 0 0 15px 0; color:#fff; }
#wrap .pc_all .all_inner .right footer .info ul li b {font-size:23px; margin-right:10px; color:#fff;}
#wrap .pc_all .all_inner .right footer .info ul li a {width:auto; display:inline-block; padding-right:50px; color:#fff;}
#wrap .pc_all .all_inner .right footer .info ul li a:before  { background:#fff;}
#wrap .pc_all .all_inner .right footer .info ul li a:after  { background:url(../../img/Corner_arrow_s_w.png) no-repeat 0 0;}
#wrap .pc_all .all_inner .right footer .copy,
#wrap .pc_all .all_inner .right  footer .right {display:none;}

@media screen and (max-width:1480px){
/* ´ë¸Þ´º ½ºÅ¸ÀÏ */
.pc_all .all_inner>div .gnb>li {padding:30px 0 20px 0; border-bottom:1px solid #fff;}
.pc_all .all_inner>div .gnb>li>a {font-size:45px;} 

/* ÇÏÀ§¸Þ´º ½ºÅ¸ÀÏ */
.pc_all .all_inner>div .gnb>li .lnb li a {font-size:15px;}

/*ÁÖ¼Ò ¹× ¿¬¶ôó Á¤º¸*/
#wrap .pc_all .all_inner .right footer .info {margin-bottom:30px;}
}

.all .pc_all {opacity:1;visibility: visible;}
.pc_all .all_inner .left:before {height:0;}
.all .pc_all .all_inner .left:before {height:100%;transition:height 0.5s 0.05s;}
.pc_all .all_inner .right>div:before,
.pc_all .all_inner .right:before {height:0;}
.all .pc_all .all_inner .right>div:nth-child(1):before,
.all .pc_all .all_inner .right:before {height:100%;transition:height 0.5s 0.15s;}
.all .pc_all .all_inner .right>div:nth-child(2):before {height:100%;transition:height 0.5s 0.2s;}
.pc_all .all_inner>div .gnb {opacity:0;transform:translateX(-40px);}
.all .pc_all .all_inner>div .gnb {opacity:1;transform:translateX(0);transition:0.7s;}
.all .pc_all .all_inner .left .gnb {transition-delay:0.4s;}
.all .pc_all .all_inner .right>div:nth-child(1) .gnb {transition-delay:0.6s;}
.pc_all .logo, .all_menu .right {opacity:0;}
.all .pc_all .logo, .all .all_menu .right {opacity:1;transition:opacity 0.7s 0.2s;}
.pc_all .close_btn {opacity:0;}
.all .pc_all .close_btn {opacity:1;transition:opacity 0.5s;}
.pc_all .all_inner .left:after,
.all .pc_all .all_inner .left:after {right:0;transition:right 0.5s 1.2s;}
.mb_all {display:none;}
.mobile_all {display:none;}
 
@media screen and (max-width:1500px){
#wrap header .gnb>li {padding:25px 25px; }
}

@media screen and (max-width:1279px){
.depth#wrap header h1.logo a.main_logo {display:none;}
.depth#wrap header h1.logo.all_prev {display:block;}
.pc_all {display:none !IMPORTANT;}
.mb_all {display:block;  z-index:20;}
#wrap header .header_wrap {padding:10px 0; }
#wrap header .gnb {display:none;}
#wrap header h1.logo.all_prev {width:56px;height:32px;background:url(../../img/all_prev.png) no-repeat center / contain;display: none;}
.all #wrap header .menu_btn {display:none;}
.all #wrap header .close_btn {display:block;}



/*************************************************** ¸ð¹ÙÀϸ޴º ****************************************************/
.mobile_all {position: fixed;top:0;right: -300px;width: 300px;height:100vh;  display: block;padding-top:83px;transition:0.3s;  z-index:20;}
.mobile_all .inner {position: relative;width:100%;height:100%;background: #000;overflow: auto;display: flex;flex-direction: column;justify-content: space-between;}
.mobile_all .gnb_l>li {border-bottom: 1px solid rgba(255,255,255,0.2);}
.mobile_all .gnb_l>li .arrow:before {content:"";position: absolute;top: 50%;right:15px;width:20px;height: 11px;margin-top: -6px;background:url(../../img/arrow_3.png) no-repeat center / contain;}
.mobile_all .gnb_l>li>strong {position: relative;display: block;  font-size:17px; font-weight:600; color:#fff;padding:14px 20px;}
.mobile_all .gnb_l>li .depth2 {border-top: 1px solid rgba(0,0,0,0.2); background:#FFFCBF; display: none;}
.mobile_all .gnb_l>li .depth2>li {border-bottom: 1px solid rgba(0,0,0,0.2);}
.mobile_all .gnb_l>li .depth2>li:last-child {border-bottom: none;}
.mobile_all .gnb_l>li .depth2>li>a {position: relative;display: block;font-size:14px;color:#000; opacity:0.9; padding:10px 25px;}
.mobile_all .gnb_l>li.on strong.arrow:before,
.mobile_all .gnb_l>li .depth2>li.on>a.arrow:before {transform:rotate(180deg);}
.mobile_all.show {right:0;}
.mobile_all .sns {text-align: right;padding: 0 20px 30px 0;margin-top:30px;}
.mobile_all .sns ul li  {display:inline-block; font-size:0; width:30px;height:30px; border-radius:50%;margin-left:6px;}
.mobile_all .sns ul li span {display:inline-block; border-radius:50%;margin-top:6px; width:30px; height:30px; float:left; margin-right:7px;}
.mobile_all .sns ul li:nth-child(1) span {background:#000 url(../../img/sns1.png) no-repeat center / 20px;}
.mobile_all .sns ul li:nth-child(2) span {background:#000 url(../../img/sns2.png) no-repeat center / 20px;}
.mobile_all .sns ul li:nth-child(3) span {background:#000 url(../../img/sns3.png) no-repeat center / 20px;}
}
 
@media screen and (max-width:767px){
#wrap header .gnb {display:none;}
#wrap header { height:61px;}

/* ·Î°í*/
#wrap header h1.logo a.main_logo {width:160px; height:40px; margin:0;}

/* ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ ¹öÆ° */
#wrap header .r_btn { right:60px; height:60px;}
#wrap header .r_btn ul {padding:5px 10px;}
#wrap header .r_btn ul li {padding:1px; line-height:120%; float:none; display:block;}
#wrap header .r_btn ul li a{font-size:11px; }

#wrap header h1.logo.all_prev {width: 28px;height: 16px;}
.mb_all .mb_all_main,.mb_all .mb_all_sub,.mb_all .mb_all_last {padding: 80px 20px 0;}
.mobile_all {padding-top:61px;}
} 




/*************************************************** top¹öÆ° À§·Î ************************************************************/
.top_btn {position:fixed; bottom:3%; right:1%; display:block;  border-radius:50%; 
width:50px; height:50px;  box-sizing:border-box; padding-top:20px; text-align:center; font-size:16px; font-weight:600; color: #000;  z-index: 10; 
background:#FFFCBF url(../../img/top_btn_icon2.png) no-repeat center 10px; cursor:pointer; display:none;transition: 0.5s; }

@media screen and (max-width:767px){
.top_btn {width:40px; height:40px; padding-top:15px;  font-size:13px; background-size:7px;}
}




/***************************************************** ¸Þ´º¹öÆ° ********************************************************/

/* ¿ìÃø ¸Þ´ºº¸±â ¹öÆ°*/
#wrap header .menu {width:80px;  height:80px; position:fixed; top:0;  z-index:10000; right:0px; background:#FFFCBF;}
#wrap header .menu_btn {position:relative; width:40px;  height:40px;  display: block !IMPORTANT; position:absolute; right:20px; top:20px; background-size:cover; background-image:url(../../img/menu_open_dark.png); background-position:0 0;}
#wrap header .close_btn {display:none;}

/* ¿ìÃø ´Ý±â ¹öÆ° :: pc¹öÀü Å« ¹öÆ°*/
.pc_all .close_btn {position:absolute;top:0;right:0;z-index:100;background: #000;}
.pc_all .close_btn button {width:40px;height:40px; margin:20px;  background-size:cover; background-image:url(../../img/menu_close.png); background-position:0 0; }
 
@media screen and (max-width:1279px){
/* ¿ìÃø ´Ý±â ¹öÆ° :: Å×ºí¸´/¸ð¹ÙÀϹöÀü ÀÛÀº ¹öÆ°*/
#wrap header .close_btn {position: relative;display: none; width:80px;height:80px; background:#000;   z-index:10000000; }
#wrap header .close_btn span {position: absolute; top:20px; right:20px; display:block;   width:40px;height:40px;    background-size:cover; background-image:url(../../img/menu_close.png); background-position:0 0;}
}

@media screen and (max-width:767px){
/* ¿ìÃø ¸Þ´ºº¸±â ¹öÆ°*/
#wrap header .menu {width:60px;  height:60px;}
#wrap header .menu_btn {width:30px;  height:30px;   right:15px; top:15px; }
 
/* ¿ìÃø ´Ý±â ¹öÆ° :: Å×ºí¸´/¸ð¹ÙÀϹöÀü ÀÛÀº ¹öÆ°*/
#wrap header .close_btn {width:60px;height:60px;}
#wrap header .close_btn span { top:15px; right:15px; width:30px;height:30px;}
} 


 


/********************************************** footer ***********************************************/
#wrap footer {position:relative; width:100%; background:#000; margin-top:150px;}
#wrap footer:after  {background:url(../../img/cloud_bg.png) repeat-x 0 0;  position:absolute; content:"";display:block;clear:both;right:0; top:-100px;  width:100%;  height:100px;}
#wrap footer .inner {display:flex;justify-content:space-between; max-width:1600px;  width:92%; margin:0px auto; padding-top:50px;}
#wrap footer .left {float:left;}
#wrap footer .right {float:right;}
#wrap footer h3 { line-height:120%; display:block; margin-bottom:20px; color:#fff; font-size:23px; font-weight:300; }

/*ÁÖ¼Ò ¹× ¿¬¶ôó Á¤º¸*/
#wrap footer .info ul li {position:relative; line-height:120%; color:#fff; font-size:30px; margin:0 0 11px 0; padding-bottom:4px; display:inline-block;}
#wrap footer .info ul li b {font-size:33px; font-weight:900; margin-right:10px;}
#wrap footer .info ul li a {width:auto; display:inline-block; padding-right:50px;}
#wrap footer .info ul li a:before  {content:"";position:absolute; bottom:0px; left:0px; width:0%; height:2px; background:#FFFCBF; display:block;}
#wrap footer .info ul li a:hover:before  {width:100%; transition: 0.5s;}
#wrap footer .info ul li a:after  { opacity:0; background:url(../../img/Corner_arrow_s.png) no-repeat 0 0; background-size:cover; position:absolute; content:"";display:block;clear:both;right:0; top:0px;  width:20px; height:20px;}
#wrap footer .info ul li a:hover:after   {opacity:1; transition:0.5s 0.5s;}

/* ¸Þ´º*/
#wrap footer .m_menu ul li {display:block; position:relative;  padding-bottom:5px;}
#wrap footer .m_menu ul li a {position:relative; font-size:30px; color:#fff; opacity:1;  font-weight:900;}
#wrap footer .m_menu ul li a:hover {color:#FFFCBF;}
 
/* ÀÌ¿ë¾à°ü ¹öÆ° */
#wrap footer .s_menu {margin-top:30px;}
#wrap footer .s_menu ul li {display:inline-block; position:relative;  padding:0 22px 3px 0;}
#wrap footer .s_menu ul li a {position:relative; font-size:15px; font-weight:300; color:#fff;}
#wrap footer .s_menu ul li a:hover {color:#FFFCBF;}

/* Ä«ÇǶóÀÌÅÍ */
#wrap footer  .copy {font-size:16px; color:#000; margin-top:40px;}

@media screen and (max-width:1279px){
#wrap footer {margin-top:80px;}
#wrap footer:after  {background-size:contain;  top:-50px;  height:50px;}
#wrap footer h3 {font-size:20px;}
#wrap footer .info ul li {font-size:27px;  margin: 0 0 10px 0;}
#wrap footer .info ul li b {font-size:30px;  margin-right:5px;}
#wrap footer .m_menu ul li a {font-size:27px;}
#wrap footer .s_menu {margin-top:20px;}
#wrap footer .s_menu ul li a {font-size:14px;}
#wrap footer .copy {font-size:15px;}
}

@media screen and (max-width:767px){
#wrap footer .inner { padding-top:30px;}
#wrap footer .left {margin-bottom:30px;}
#wrap footer .left,
#wrap footer .right {float:none; display:block; width:100%;}
#wrap footer h3 {font-size:17px; margin-bottom:14px;}
#wrap footer .info ul li,
#wrap footer .info ul li b,
#wrap footer .m_menu ul li a {font-size:18px;}
#wrap footer .s_menu ul li a {font-size:13px;}
#wrap footer .copy {font-size:13px;}
}



/* ¸ð¼Ç */
.animated1 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated2 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated3 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated4 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated5 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated6 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slideInLeft {-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
.slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight;}
.slideInBottom {-webkit-animation-name: slideInBottom; animation-name: slideInBottom;}
.slideInTop { -webkit-animation-name: slideInTop; animation-name: slideInTop;}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-13%, 0, 0);
transform: translate3d(-13%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(13%, 0, 0);
transform: translate3d(13%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInBottom {
from {
-webkit-transform: translate3d(0, 13%, 0);
transform: translate3d(0, 13%, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInTop {
from {
-webkit-transform: translate3d(0, -13%, 0);
transform: translate3d(0, -13%, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}