@import url('https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@400;700&family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=block');
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css);
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ****************** SETTING ********************** */
*::-webkit-scrollbar{width: 5px;}
*::-webkit-scrollbar-thumb{background-color:#000; border-radius:0px; transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:#f2f2f2; background:rgba(255,255,255,0.5); border-radius:0;}
*{margin:0;padding:0;}
html,body {width:100%;height:100%; min-width:320px;}
html{font-family:'Noto Sans KR', '³ª´®°íµñ', 'NanumGothic', 'Nanum Gothic', 'µ¸¿ò', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{background:#fff; *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:pretendard,'Noto Sans KR', '³ª´®°íµñ', 'NanumGothic', 'Nanum Gothic', 'µ¸¿ò',dotum,sans-serif;font-size:100%;font-weight:normal}
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;}

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:1;}
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:#000 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:#000;  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; }
}

/* 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; max-width:1600px; width:92%; margin:0 auto; position:relative; }
#wrap header.on {background-color:rgba(0,0,0,0.2); }
.wht #wrap header.on{background-color:rgba(255,255,255,1);}

/* »ó´Ü ¸Þ´º ¸¶¿ì½º ¿À¹ö½Ã ¸Þ´º¹Ù ¼¼·Î±æÀÌ */
#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:0; 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;}


/* ¸Þ´º Àüüº¸±â :: */
.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-family:'Outfit',"Montserrat","Noto Sans KR"; font-size:65px; margin-bottom:12px; font-weight:800; 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 {opacity:0.8;}


/* Àüüº¸±â ¸Þ´º 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:#454545 url(../../img/sns1.png) no-repeat center / 20px;}
.pc_all .sns_g ul li:nth-child(2) span {background:#454545 url(../../img/sns2.png) no-repeat center / 20px;}
.pc_all .sns_g ul li:nth-child(3) span {background:#454545 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;}
}






/* ¿ìÃø ¸Þ´ºº¸±â ¹öÆ°*/
#wrap header .menu {width:80px;  height:80px; position:fixed; top:0;  z-index:10000; right:0px;}
#wrap header .menu_btn {position:relative; width:24px;  height:24px;  display: block !IMPORTANT; position:absolute; right:27px; top:27px;}
#wrap header .menu_btn span {position:absolute;display:block;width:4px;height:4px; background:#000;}
#wrap header .menu_btn span:nth-child(1) {top:0;left:0;}
#wrap header .menu_btn span:nth-child(2) {top:0;left:10px;}
#wrap header .menu_btn span:nth-child(3) {top:0;right:0;}
#wrap header .menu_btn span:nth-child(4) {top:10px;left:0;}
#wrap header .menu_btn span:nth-child(5) {top:10px;left:10px;}
#wrap header .menu_btn span:nth-child(6) {top:10px;right:0;}
#wrap header .menu_btn span:nth-child(7) {bottom:0;left:0;}
#wrap header .menu_btn span:nth-child(8) {bottom:0;left:10px;}
#wrap header .menu_btn span:nth-child(9) {bottom:0;right: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:90px;height:90px;padding:30px;}
.pc_all .close_btn span {display:block;width:100%;height:2px;background:#fff;}
.pc_all .close_btn span:nth-child(1) {transform: rotate(45deg) translate(0px, 0px);}
.pc_all .close_btn span:nth-child(2) {transform: rotate(-45deg) translate(1px, -1px);}





.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;}



/* top¹öÆ° À§·Î */
.top_btn {position:fixed; bottom:20px; right: 14px; font-family: 'Montserrat'; font-size: 18px; font-weight: 600; letter-spacing: 0.04em; color: #7C7C7C; padding-top:14px; writing-mode: vertical-rl; z-index: 10; 
background: url(../../img/top_btn_icon2.png) no-repeat center top; cursor:pointer; display:none;transition: 0.5s; }

@media screen and (max-width:1500px){
#wrap header .gnb>li {padding:25px 25px; }
}





@media screen and (max-width:1279px){
.pc_all {display:none !IMPORTANT;}
.mb_all {display:block;}
#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;}

/* ¿ìÃø ´Ý±â ¹öÆ° :: Å×ºí¸´/¸ð¹ÙÀϹöÀü ÀÛÀº ¹öÆ°*/
#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:50%; right:20px;display:block;width:40px;height:2px;background:#fff;  transform: rotate(45deg);}
#wrap header .close_btn span:nth-child(2) {transform: rotate(135deg);}
.all #wrap header .menu_btn {display:none;}
.all #wrap header .close_btn {display:block;}
.depth#wrap header h1.logo a.main_logo {display:none;}
.depth#wrap header h1.logo.all_prev {display:block;}

/* ¸ð¹ÙÀϸ޴º*/
.mobile_all {position: fixed;top:0;right: -300px;width: 300px;height:100vh;  display: block;padding-top:83px;transition:0.3s;}
.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:#292929; display: none;}
.mobile_all .gnb_l>li .depth2>li {border-bottom: 1px solid rgba(255,255,255,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:#fff; opacity:0.9; letter-spacing:-0.025em;padding:10px 25px;}
.mobile_all .gnb_l>li .depth2>li>a.en {font-family:'Montserrat';font-weight:500;}
.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 .menu {width:60px;  height:60px;}
#wrap header .menu_btn {right:17px; top:17px;}
 
/* ¿ìÃø ´Ý±â ¹öÆ° :: Å×ºí¸´/¸ð¹ÙÀϹöÀü ÀÛÀº ¹öÆ°*/
#wrap header .close_btn {width:60px;height:60px;}
#wrap header .close_btn span {right:15px; top:40%; width:30px;}
 
.top_btn {font-size:12px;}
#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;}
} 








/********************************************** footer ***********************************************/
#wrap footer {position:relative; width:92%; margin:70px auto; max-width:1600px;}
#wrap footer .inner {display:flex;justify-content:space-between;}
#wrap footer .left {float:left;}
#wrap footer .right {float:right;}
#wrap footer h3 { line-height:120%; display:block; margin-bottom:20px; color:#000; font-size:23px; font-weight:300; }

/*ÁÖ¼Ò ¹× ¿¬¶ôó Á¤º¸*/
#wrap footer .info ul li {position:relative; line-height:120%; color:#000; 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:#000; 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:#000; opacity:1;  font-weight:900;}
#wrap footer .m_menu ul li a:hover { opacity:0.5;}
 
/* ÀÌ¿ë¾à°ü ¹öÆ° */
#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:#000; opacity:0.6; }
#wrap footer .s_menu ul li a:hover { opacity:1;}

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

@media screen and (max-width:1279px){
#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 {display:block; width:100%; }
#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;
}
}