@font-face {
    font-family: 'EsaManru';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/common/css/esa/esamanru-Light.woff2') format('woff2'),
         url('/common/css/esa/esamanru-Light.woff') format('woff'),
         url('/common/css/esa/esamanru-Light.otf') format('opentype'),
         url('/common/css/esa/esamanru-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'EsaManru';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/common/css/esa/esamanru-Medium.woff2') format('woff2'),
         url('/common/css/esa/esamanru-Medium.woff') format('woff'),
         url('/common/css/esa/esamanru-Medium.otf') format('opentype'),
         url('/common/css/esa/esamanru-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'EsaManru';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/common/css/esa/esamanru-Bold.woff2') format('woff2'),
         url('/common/css/esa/esamanru-Bold.woff') format('woff'),
         url('/common/css/esa/esamanru-Bold.otf') format('opentype'),
         url('/common/css/esa/esamanru-Bold.ttf') format('truetype');
}

* {margin:0; padding:0; font-size:16px; font-family:'Montserrat','EsaManru', 'sans-serif', '맑은고딕','Malgun Gothic', 'Dotum'; color:rgba(0, 0, 0, 0.8); line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all; font-weight:300;}
img{border:0; vertical-align:top;}
form{border:0;}
fieldset{border:0;}
caption {display:none;}
html, body {width:100%; height:100%;font-smooth: always;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li{list-style:none}
input, select { border:none; vertical-align:middle; padding:0 0 0 3px; }
table {border-spacing:0px; border-collapse:collapse;}
textarea, button{vertical-align:middle}
a{color:rgba(0, 0, 0, 0.8); text-decoration:none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
a:hover, a:focus, a:active{color:rgba(0, 0, 0, 0.5); text-decoration:none}
input[type=checkbox], input[type=radio] { width:18px; height:18px;}
#wrap {width:100%; position:relative; min-width:1500px; overflow:hidden; z-index:0;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}

/* Layout */
#topmenu_w { width:100%;} 
#topmenu_w #topmenu {  width:100%;  width:100%; z-index:999; position:absolute; background:rgba(0, 0, 0, 0.0);transition-duration: 0.4s;box-sizing:border-box; width:100%;}
#topmenu_w #topmenu .t_bigmenu {position:relative; margin:0 auto;box-sizing:border-box; padding:0px 40px 0 40px;}
#topmenu_w #topmenu .t_bigmenu:after {content:""; display:block; clear:both;}
#topmenu_w #topmenu .t_bigmenu #logo { float:left; width:380px;box-sizing:border-box; padding-top:30px;}
#topmenu_w #topmenu .t_bigmenu #logo a { display:block; margin-top:0px; background:url(../../images/common/logo_w.png) no-repeat top left; background-size:380px auto; height:58px;}
#topmenu_w #topmenu .t_bigmenu .t_menu {width:1300px; display:flex;  position:absolute; left:calc(50% - 650px);transition-duration: 0.4s;}
#topmenu_w #topmenu .t_bigmenu .t_menu li { cursor:pointer; height:115px; line-height:115px;font-size:22px;  width:100%; text-align:center; color:#fff;transition-duration: 0.4s; font-weight:500;} 
#topmenu_w #topmenu .t_bigmenu .t_menu .select { color:#ffd4d4; font-weight:600;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:last-child { margin-right:0;}
#topmenu_w #topmenu .t_spot { float:right; padding-top:40px; }
#topmenu_w #topmenu .t_spot a { display:inline-block; padding-left:15px;}
#topmenu_w #topmenu .t_spot a img { width:30px;filter: brightness(500%);transition-duration: 0.4s;}

#submenu {width:100%; z-index:300; overflow:hidden; display:none; background:#fff; box-shadow: 0px 15px 6px rgba(0, 0, 0, 0.1)  ;   }
#submenu .t_submenu  {position:relative; width:1300px; margin:0 auto; overflow:hidden;transition-duration: 0.4s;}
#submenu .t_submenu .submenu_wrap {overflow:hidden; display:flex; width:100%;}
#submenu .t_submenu .submenu_wrap ul {position:relative; height:250px; text-align:center; width:100%; text-align:center; }
#submenu .t_submenu .submenu_wrap ul li a {font-size:16px; font-weight:300; display:block; color:rgba(0, 0, 0, 0.7); padding:5px 0; letter-spacing:-0.03em; line-height:1.4em;}
#submenu .t_submenu .submenu_wrap ul li a:hover { color:#902525; text-decoration:underline;}

.wh #topmenu { background:#fff!important;}
.wh #topmenu .t_bigmenu #logo a { background:url(../../images/common/logo.png) no-repeat top left!important;background-size:380px auto!important;}
.wh #topmenu .t_bigmenu .t_menu li { color:#000!important;} 
.wh #topmenu .t_spot a img { filter: brightness(100%)!important;}

@media only screen and (max-width: 2100px) {
#submenu .t_submenu ,
#topmenu_w #topmenu .t_bigmenu .t_menu { width:1000px;}
#topmenu_w #topmenu .t_bigmenu .t_menu {left:calc(50% - 500px);}
#topmenu_w #topmenu .t_bigmenu #logo { width:280px; padding-top:35px;}
#topmenu_w #topmenu .t_bigmenu #logo a { background:url(../../images/common/logo_w.png) no-repeat top left; background-size:280px auto;}
.wh #topmenu .t_bigmenu #logo a { background:url(../../images/common/logo.png) no-repeat top left!important;background-size:280px auto!important;}
}

@media only screen and (max-width: 1650px) {
#submenu .t_submenu ,
#topmenu_w #topmenu .t_bigmenu .t_menu { width:800px;}
#topmenu_w #topmenu .t_bigmenu .t_menu {left:calc(50% - 400px);}
}

#footer_w { width:100%; margin:0 auto; padding:80px 0; background:#f5f5f5;}
#footer_w footer { width:1300px; margin:0 auto; position:relative;}
#footer_w footer #footer_copy { line-height: 1.2em;}
#footer_w footer #footer_copy li { display:inline-block; font-size:13px; color:rgba(0, 0, 0, 0.5);}
#footer_w footer #footer_copy li:after { display:inline-block; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_copy li:last-child:after,
#footer_w footer #footer_copy li:nth-child(4):after  { display:none;}
#footer_w footer #copyright { display:block;  margin-top:10px; color:rgba(0, 0, 0, 0.5); letter-spacing:0.05em; font-size:12px;}
#footer_w footer #copyright b { font-weight:500; font-size:13px; color:rgba(0, 0, 0, 0.9);letter-spacing:0.05em;}
#footer_w footer #footer_top { position:absolute; top:0; right:0;}
#footer_w footer #footer_top a { display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; background:#af2323; cursor:pointer; border-radius:50%;}
#footer_w footer #footer_top a i { display:block;line-height:40px; color:#fff;}
#footer_w footer #footer_menu { margin-bottom:10px;}
#footer_w footer #footer_menu li { display:inline-block;}
#footer_w footer #footer_menu li a { font-size:14px;}
#footer_w footer #footer_menu li:after { display:inline-block; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_menu li:last-child:after { display:none;}
#footer_w #footer_mobile { text-align:center;}
#footer_w #footer_mobile a { display:block; width:800px; border-radius:10px; font-size:40px; height:80px; line-height:80px; text-align:center; margin:0 auto; background:#e7e7e7; border:1px solid rgba(0, 0, 0, 0.2); font-weight:500; color:rgba(0, 0, 0, 0.9); margin-top:50px;}

#sub_w {}
#sub_w .sub_visual { height:475px;  margin-bottom:50px; }
#sub_w .sub_visual.sv1 {background:url(../../images/common/sub_visual_1.jpg) no-repeat top center #000;}
#sub_w .sub_visual.sv2 {background:url(../../images/common/sub_visual_2.jpg) no-repeat top center #000;}
#sub_w .sub_visual.sv3 {background:url(../../images/common/sub_visual_3.jpg) no-repeat top center #000;}
#sub_w .sub_visual.sv4 {background:url(../../images/common/sub_visual_4.jpg) no-repeat top center #000;}
#sub_w .sub_visual.sv5 {background:url(../../images/common/sub_visual_5.jpg) no-repeat top center #000;}
#sub_w .sub_visual.sv6 {background:url(../../images/common/sub_visual_6.jpg) no-repeat top center #000;}
#sub_w .sub_visual.svterms {background:url(../../images/common/sub_visual_terms.jpg) no-repeat top center #000;}
#sub_w #sub_tit { text-align:center; padding-top:160px;}
#sub_w #sub_tit b { font-size:50px; font-weight:300; color:#fff; display:block;}
#sub_w #sub_tit u { text-decoration:none; display:block; color:rgba(255, 255, 255, 0.2); font-size:9px; letter-spacing:6px;text-transform: uppercase; font-family:'EsaManru'; font-weight:bold;}
#sub_w #sub_tit p { text-decoration:none; display:block; color:rgba(255, 255, 255, 0.5); font-size:20px; margin-top:10px;}
#sub_w #sub_tit .pic { width:52px; margin:0 auto 10px;}
#sub_w #sub_tit .pic img { width:100%;}
#sub_w #sub_tab_w { width:1300px; margin:0 auto; }
#container {width:1300px; margin:0 auto; padding:0px 0 60px;}


/* Main */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { width:2600px; left:50%; margin-left:-1300px!important;}
.main_visual .swiper-button-prev { left:600px;}
.main_visual .swiper-button-next { right:600px;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important;}
.main_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px; display:none; }
.main_visual .swiper-horizontal>.swiper-pagination-bullets, 
.main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main_visual .swiper-pagination-custom, 
.main_visual .swiper-pagination-fraction { bottom:170px;}

.main_visual2 { width:1300px; margin:0 auto; }
.main_visual2 .swiper-wrapper {}
.main_visual2 .swiper-button-prev { left:10px; top:calc(50% - 15px);}
.main_visual2 .swiper-button-next { right:10px; top:calc(50% - 15px);}
.main_visual2 .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important; }
.main_visual2 .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual2 .swiper-button-prev i, .main_visual2 .swiper-button-next i { font-size:50px; color:#fff;}
.main_visual2 .swiper-slide a { position:relative; top:0;transition-duration: 0.4s; padding-bottom:20px; padding-top:20px;}
.main_visual2 .swiper-slide a p { text-align:center; font-size:20px; padding-top:10px; color:#fff; position:relative; top:-20px; opacity:0;transition-duration: 0.4s;}
.main_visual2 .swiper-slide a img {filter: grayscale(100%) brightness(50%);transition-duration: 0.4s;}
.main_visual2 .swiper-slide a:hover { top:-20px;}
.main_visual2 .swiper-slide a:hover img {box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.3);filter: grayscale(0%);}
.main_visual2 .swiper-slide a:hover p { top:0; opacity:1.0;}

#main_bg .cons { width:1300px; margin-left:auto; margin-right:auto;box-sizing:border-box;}
#main_bg .cons:after { content:''; display:block; clear:both;}
#main_bg .tits { text-align:center; margin-bottom:35px;}
#main_bg .tits b { color:#af2323;}
#main_bg .tits b,
#main_bg .tits { letter-spacing:normal; font-size:50px; line-height:1.1em; font-weight:700;text-transform: uppercase;font-family: 'EsaManru';}
#main_bg .tits u { display:block; text-decoration:none; font-size:17px; font-weight:300; color:rgba(0, 0, 0, 0.5); margin-top:5px;}
#main_bg .tits.wh { color:#fff;}
#main_bg .tits.wh b { color:#d31c1c;}
#main_bg .tits.wh u {color:rgba(255, 255, 255, 0.5);}
#main_bg .more { display:block; margin-left:auto; margin-right:auto; width:170px; height:43px; line-height:43px; text-align:center; font-size:11px; color:#fff; background:#af2323;letter-spacing:4px;text-transform: uppercase; border:2px solid #af2323;}
#main_bg .more:hover { background:none; color:#af2323;}
#main_bg .more.wh { background:none; border:1px solid #fff; color:rgba(255, 255, 255, 0.5); }
#main_bg .more.wh:hover { background:#fff;color:#d31c1c;}
#main_bg #footer_w { background:#fff;}
.mc1 { background:url(../../images/main/1_bg.jpg) no-repeat bottom center #111111; padding-bottom:130px;}
.mc1 .cons { display:flex;}
.mc1 .cons li { width:100%;}
.mc1 .cons li + li { margin-left:20px;}
.mc1 .cons li a { display:block; position:relative; text-align:center; width:244px; height:363px;transition-duration: 0.4s; top:0; background:#000;}
.mc1 .cons li a img { width:100%;display:block; position:absolute; top:0; left:0;transition-duration: 0.4s;}
.mc1 .cons li a .pic1 {filter: grayscale(100%); opacity:0.3;}
.mc1 .cons li a p { position:absolute; top:168px; color:#fff; font-size:27px; font-weight:bold; text-align:center; width:100%; z-index:100;transition-duration: 0.4s; line-height:1.2em;}
.mc1 .cons li a:hover { top:-20px;box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.3);}
.mc1 .cons li a:hover p { opacity:0; top:150px;}
.mc1 .cons li a:hover .pic1 {opacity:1.0;filter: grayscale(0%);}
.mc2 { padding:130px 0;}
.mc2 .cons { }
.mc2 .cons a { display:block;border:1px solid rgba(0, 0, 0, 0.15);border-left:none; border-right:none; text-align:center; position:relative;}
.mc2 .cons a p { font-size:20px; padding:50px;}
.mc2 .cons a .bx { width:100%; height:0px; background:rgba(0, 0, 0, 0.1); position:absolute; bottom:0;transition-duration: 0.4s;}
.mc2 .cons a:hover .bx { height:100%;}
.mc2 .tits:before { content:''; display:block; width:56px; height:64px; margin:0 auto 20px; background:url(../../images/common/emb.png) no-repeat; background-size:contain;}
.cube_w { width:1300px; margin:0 auto; position:relative;}
.cube_w .cube1 { position:absolute; top:-185px; right:-76px;}
.cube_w .cube1 img {filter: drop-shadow(30px 30px 30px rgba(201, 51, 55, 0.5));animation: bounce2 3s ease infinite;}
.cube_w .cube2 { position:absolute; top:-120px; left:-50px;}
.cube_w .cube2 img {filter: drop-shadow(30px 30px 30px rgba(0, 0, 0, 0.5));animation: bounce3 2.5s ease infinite;}
.cube_w .cube3 { position:absolute; top:50px; left:180px;}
.cube_w .cube3 img {filter: drop-shadow(30px 30px 30px rgba(0, 0, 0, 0.5));animation: bounce3 4s ease infinite;}
.mc3_w { background:url(../../images/main/3_bg.png) no-repeat top center;}
.mc3_w .mc3 { padding:130px 0 0; height:800px;box-sizing:border-box;}
.mc3_w .mc3 .tits { color:#ce6666!important; margin-bottom:0;}
.mc3_w .mc3 .tits b { color:#fff!important;}
.mc3_w .mc3 .more { margin-top:30px;}
.mc3_w .mc4 { padding:130px 0;}
.mc3_w .mc4 .con { background:rgba(0, 0, 0, 0.1); height:350px;}
.mc3_w .mc4 .more { margin-top:35px;}
.mc5 { padding:130px 0 225px;}
.mc5 .cons { }
.mc5 .cons dl { float:left; width:calc(100% / 4 - 15px);}
.mc5 .cons dl + dl { margin-left:20px;}
.mc5 .cons dl a { display:block; border:5px solid #ececec; padding:35px;transition-duration: 0.4s;}
.mc5 .cons dl a:hover { border:5px solid #d74e4e;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.mc5 .cons dl a:hover dt b { color:#af2323;}
.mc5 .cons dl dt b { font-size:20px;text-transform: uppercase; color:rgba(0, 0, 0, 0.2);font-family: 'EsaManru'; font-weight:700;transition-duration: 0.4s;}
.mc5 .cons dl dt p { font-size:22px; font-weight:500; line-height:1.1em; margin:15px 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word;white-space: normal; }
.mc5 .cons dl dd p { font-size:15px;line-height:1.1em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word;white-space: normal; color:rgba(0, 0, 0, 0.5);}
.mc5 .cons dl dd u { display:block; text-decoration:none; font-size:14px; letter-spacing:normal; color:rgba(0, 0, 0, 0.5); margin-top:20px;}
.mc5 .more { margin-top:30px;}
.mc6 { background:#f5f5f5; padding:0 0 130px;}
.mc6 .mc6_1 { display:flex; position:relative; top:-90px;}
.mc6 .mc6_1 dl { width:100%;}
.mc6 .mc6_1 dl { display:block; overflow:hidden;box-sizing:border-box;}
.mc6 .mc6_1 dl dt { float:left; margin-right:20px; padding-top:7px;}
.mc6 .mc6_1 dl dd { float:left;}
.mc6 .mc6_1 .mc6_11 { background:url(../../images/main/6_bg1.png) no-repeat right top #902525; padding:50px;}
.mc6 .mc6_1 .mc6_11 .stit { color:rgba(255, 255, 255, 0.5); display:block; font-weight:bold; font-size:15px;line-height:1.3em;letter-spacing:normal;}
.mc6 .mc6_1 .mc6_11 .num { color:#fff; display:block; font-size:40px; letter-spacing:normal; font-weight:bold; line-height:1.3em;font-family: 'EsaManru';}
.mc6 .mc6_1 .mc6_12 { background:url(../../images/main/6_bg2.png) no-repeat right top #5f2a2a;}
.mc6 .mc6_1 .mc6_12 a { display:block; overflow:hidden; padding:50px; position:relative;}
.mc6 .mc6_1 .mc6_12 .tit { color:#fff; font-size:25px; font-weight:bold; padding-top:5px;}
.mc6 .mc6_1 .mc6_12 .stit { font-size:11px; color:rgba(255, 255, 255, 0.5);text-transform: uppercase; letter-spacing:6px;}
.mc6 .mc6_1 .mc6_12 .tit,
.mc6 .mc6_1 .mc6_12 .stit { display:block; }
.mc6 .mc6_1 .mc6_12 .ar { position:absolute; top:80px; right:50px; color:#fff;}
.mc6 .mc6_2 { display:flex; position:relative;}
.mc6 .mc6_2:before {content:''; display:block; width:1px; height:140px; background:rgba(0, 0, 0, 0.15); position:absolute; left:0; top:10px;}
.mc6 .mc6_2 li { width:100%; position:relative; text-align:center;}
.mc6 .mc6_2 li a { display:block;}
.mc6 .mc6_2 li a b { display:block; font-weight:bold; font-size:27px; padding:15px 0 10px;transition-duration: 0.4s;}
.mc6 .mc6_2 li a p { color:rgba(0, 0, 0, 0.5);  line-height:1.2em;}
.mc6 .mc6_2 li:after { content:''; display:block; width:1px; height:140px; background:rgba(0, 0, 0, 0.15); position:absolute; right:0; top:10px;}
.mc6 .mc6_2 li a img {transition-duration: 0.4s;}
.mc6 .mc6_2 li a:hover img {transform: rotate(20deg);}
.mc6 .mc6_2 li a:hover b { color:#af2323;}
.mc6 .mc6_2 li:nth-child(1) {}
.mc6 .mc6_2 li:nth-child(2) { animation-delay: 0.3s;}
.mc6 .mc6_2 li:nth-child(3) { animation-delay: 0.6s;}
.mc6 .mc6_2 li:nth-child(4) { animation-delay: 0.9s;}


@keyframes bounce2 {
	0%, 100% {transform: translateY(0);}
	50% {transform: translateY(-30px);}
}
@keyframes bounce3 {
	0%, 100% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
}




/* Common */
.sub_tab { margin-bottom:60px; display:flex; background:#af2323; margin-top:-84px;}
.sub_tab li {  width:100%;}
.sub_tab li a { display:block; text-align:center; height:65px; line-height:65px; font-size:19px; border-right:1px solid rgba(255, 255, 255, 0.2); color:#fff; position:relative;}
.sub_tab .select {}
.sub_tab .select a { background:#801b1b; color:#f6ff00;}
.sub_tab .select a:after { content:''; display:block; background:url(../../images/common/tab_ar.png) no-repeat; width:22px; height:12px; bottom:-12px; left:calc(50% - 11px); position:absolute;}

.sub_tab2 { margin-bottom:20px; display:flex; }
.sub_tab2 li {position:relative; width:100%;}
.sub_tab2 li a { display:block; text-align:center; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid rgba(0, 0, 0, 0.5); color:rgba(0, 0, 0, 0.5); margin-bottom:20px;}
.sub_tab2 .select {}
.sub_tab2 .select a { font-weight:500; color:#000;}
.sub_tab2 .select:after { content:''; display:block; width:39px; height:19px; background:url(../../images/common/sub_tab2.png) no-repeat; position:absolute; left:50%; margin-left:-20px; top:40px;}

.hand{cursor: pointer!important;}
.tc{text-align:center!important;}
.none{display:none!important;}
.on {display:block;}
.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}

.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;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.tt_b { color:#0045b7!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#f1cc45!important;}

.tit1 { font-size:30px; font-weight:700; margin-bottom:20px;line-height:1.1em;}
.tit1 > u { text-decoration:none; display:inline-block; font-weight:normal; font-size:14px; color:rgba(0, 0, 0, 0.7);}
.tit1 > u:before {content:''; display:inline-block; width:1px; height:11px;  background:#dbdbdb; margin:0 12px; }
.tit1 > b { display:inline-block; background:rgba(0, 0, 0, 0.8); padding:1px 4px 4px 4px; color:#fff; font-weight:700; font-size:30px; line-height:1.1em;}
.tit1 > b > b { font-weight:700; font-size:30px; line-height:1.1em; color:#ff6565;}
.tit2 {margin-bottom:20px;}
.tit2 > b {display:inline-block; border-radius:3px; background:rgba(175, 35, 35, 1.0); color:#fff; font-size:25px; font-weight:600; padding:5px 8px 3px; line-height:1.1em;}

.td1 { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.td1 thead {background:rgba(175, 35, 35, 0.8);}
.td1 thead th { background:rgba(0, 0, 0, 0.1); font-size:17px; color:#fff; text-align:center; font-weight:500;}
.td1 thead td { text-align:center; color:#fff;font-weight:500; font-size:17px; border-right:1px solid rgba(255, 255, 255, 0.2); padding:8px 0;}
.td1 thead td:last-child  { border-right:none;}
.td1 tbody {}
.td1 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td1 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td1 tbody td:last-child {}
.td1 tbody td b { font-weight:500; color:#000;}
.td1 tbody td u { color:#FF0000;}
.td1 tfoot th {text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.07); padding:15px 20px; }
.td1 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;  background:rgba(0, 0, 0, 0.05);}
.td_c tbody td,
.td_c tfoot td { text-align:center;}
.td2 { width:100%;}
.td2 thead {}
.td2 thead th {  text-align:center; font-weight:500; border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 thead td { text-align:center; font-weight:500; font-size:17px;  border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 tbody {}
.td2 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td2 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td2 tbody td:last-child {}
.td2 tfoot th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.05); padding:15px 20px; }
.td2 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;background:rgba(0, 0, 0, 0.02); }

.list1 {}
.list1 > li {  padding:2px 0 5px 12px; position:relative; line-height:1.6rem; font-size:18px;box-sizing:border-box;}
.list1 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;}
.list1.bx { padding:28px 30px 20px 30px; border:1px solid rgba(0, 0, 0, 0.2);}
.list1.bx.gr { background:#f3f3f3; border:none;}
.list1.bl > li { color:rgba(0, 0, 0, 0.6);}
.list1.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list1.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.2);margin:7px 0; padding:4px 0 7px 12px; }
.list1.li > li:last-child { border-bottom:none;}
.list2 {}
.list2 > li { background:url(../../images/common/bullet_2.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 2px 20px;line-height:1.6rem; font-size:18px;box-sizing:border-box;}
.list2.bx { border:1px solid rgba(0, 0, 0, 0.2); padding:28px 30px 20px 30px;}
.list2.bx.gr {  background:#f3f3f3; border:none;}
.list2.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list2.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:16px 0 16px 27px; background:url(../../images/common/bullet_2.png) no-repeat 7px 21px;background-size:11px auto;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}

.list_s { margin-top:20px;}
.list_s > li { background:url(../../images/common/bullet_1.png) 0px 10px no-repeat; padding:2px 0 2px 10px; font-size:14px;}

.btn1 { border-radius:3px; background:rgba(175, 35, 35, 0.9); border:1px solid rgba(175, 35, 35, 1.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;}
.btn1:hover { color:#fff;}
.btn2 { border-radius:3px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.9); color:#fff; font-weight:400; text-align:center; cursor:pointer; display:inline-block;}
.btn2:hover { color:#fff;}
.btn3 { border-radius:3px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:400; text-align:center; cursor:pointer; display:inline-block;}

.btn_wrap { overflow:hidden; text-align:center; margin:30px 0;}
.btn_wrap .btn { width:160px; height:50px; line-height:50px; font-size:18px; margin:0 2px;}
.btn_wrap .cc { display:inline-block;}
.btn_wrap .rr { float:right;}
.btn_wrap .ll { float:left;}

.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }

.pa1 { margin-bottom:90px!important;}
.pa2 { margin-bottom:60px!important;}
.pa3 { margin-bottom:30px!important;}
.pa4 { margin-bottom:10px!important;}

.soon { background:url(../../images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); height:400px;}

.iframe_w { position: relative;
padding-bottom: 49%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;}
.iframe_w iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:none;}


/* Sub Page */
.titss { text-align:center;  padding-bottom:30px;}
.titss h3 { color:#4f4f4f;}
.titss h3 > b { color:#af2323;}
.titss h3,
.titss h3 > b {font-size:50px; text-transform: uppercase;; line-height:1.2em; font-weight:700;font-family: 'EsaManru';}
.titss u { display:block; text-decoration:none; font-size:17px;}
.texts { font-size:19px; font-weight:300;}

.map_wrap { text-align:center;}
.map_wrap iframe { width:1300px; height:500px; padding:0; margin:0; border:none;}
.map_wrap .con { border-bottom:4px solid #c63737; padding:44px 0;}
.map_wrap .con li { display:inline-block; vertical-align:top; color:rgba(0, 0, 0, 0.7); font-size:17px;}
.map_wrap .con li + li { margin-left:34px;}
.map_wrap .con li i { color:#c63737; font-size:20px; position:relative; top:3px;}
.map_wrap .con li b { font-size:17px; padding:0 10px; font-weight:700;}
.map_wrap .wayto { display:flex; margin-top:20px;}
.map_wrap .wayto dl { width:100%; background:rgba(0, 0, 0, 0.04); padding:32px;}
.map_wrap .wayto dl + dl { margin-left:20px;}
.map_wrap .wayto dl dt p { display:block; font-size:20px; font-weight:700; padding:10px 0 0 ;}
.map_wrap .wayto dl dt img { width:57px;}
.map_wrap .wayto dl dd { color:rgba(0, 0, 0, 0.5);}
.map_wrap .wayto dl dd span { font-size:17px;}
.map_wrap .wayto dl dd .line { color:rgba(0, 0, 0, 0.5);}
.map_wrap .wayto dl dd .line:after { content:''; display:inline-block; width:1px; height:15px; background:rgba(0, 0, 0, 0.2); position:relative; top:3px; margin:0 10px;}

.comp1 { position:relative;}
.comp1 .cube { position:absolute; top:290px; right:60px;}
.comp1 .cube img {filter: drop-shadow(30px 30px 30px rgba(0, 0, 0, 0.5));animation: bounce3 4s ease infinite;}
.comp1 .top { background:url(../../images/company/1_01.png) no-repeat top right #1b1b1b;box-sizing:border-box; padding:90px 0 0 60px; height:330px;}
.comp1 .top p { font-weight:bold; font-size:20px;text-transform: uppercase; letter-spacing:10px; color:#fff; font-family: 'EsaManru';}
.comp1 .top b { display:block; font-weight:300; font-size:17px; color:rgba(255, 255, 255, 0.5); padding-top:2px;}
.comp1 .top u { display:block; text-decoration:none; font-size:40px; line-height:1.1em; color:#fff; font-weight:700;}
.comp1 .top u:before { content:''; display:block; width:58px; height:1px; background:#fff; margin:25px 0;}
.comp1 .box { position:relative; border:5px solid rgba(0, 0, 0, 0.05); padding:50px; padding-left:530px;}
.comp1 .box:before { content:''; display:block; width:471px; height:226px; background:url(../../images/company/1_02.png) no-repeat; position:absolute; top:10px; left:25px;}
.comp1 .box dt { font-size:27px; margin-bottom:10px;}
.comp1 .box dt > u { text-decoration:none; display:inline-block; font-size:18px;font-family: 'EsaManru'; font-weight:bold; color:rgba(0, 0, 0, 0.3);}
.comp1 .box dt > u:before { content:''; display:inline-block; width:1px; height:15px; background:rgba(0, 0, 0, 0.1); margin:0 15px; position:relative; top:2px;}
.comp2 .titss:before { content:''; width:94px; height:108px; background:url(../../images/common/emb.png) no-repeat; background-size:contain; margin:0 auto 20px; display:block;}
.comp2 .titss { background:url(../../images/company/2_top_bg.png) no-repeat right bottom;}
.comp2 .con { border:1px solid rgba(0, 0, 0, 0.15); border-left:none; border-right:none; padding:55px 0 40px; text-align:center;}
.comp2 .con dl { display:inline-block; vertical-align:top;}
.comp2 .con dl dt { width:227px; height:234px; background:url(../../images/company/2_bg.png) no-repeat center center; position:relative;}
.comp2 .con dl dt img { display:block;position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);}
.comp2 .con dl dd { font-size:25px; font-weight:bold;}
.comp2 .con dl dd > u { display:block; text-decoration:none; font-size:14px; color:rgba(0, 0, 0, 0.3);text-transform: uppercase; letter-spacing:3px; font-weight:600;}
.comp2 .con dl + dl { margin-left:45px;}
.comp2 .con dl:nth-child(1) {}
.comp2 .con dl:nth-child(2) {animation-delay: 0.3s;}
.comp2 .con dl:nth-child(3) {animation-delay: 0.6s;}
.comp2 .con dl:nth-child(4) {animation-delay: 0.9s;}
.comp2 .con2 { text-align:center;}
.comp2 .con2 .name { display:block; margin-top:20px; font-size:16px; color:rgba(0, 0, 0, 0.5);}
.comp2 .con2 .name b { font-size:30px; font-weight:bold; padding-left:5px;}
.comp3 .titss { background:url(../../images/company/3_top_bg.png) no-repeat right bottom;  border-bottom:1px solid rgba(0, 0, 0, 0.15); }
.comp3 dl { display:inline-block; vertical-align:top; width:366px; margin-right:90px;}
.comp3 dl dt { text-align:center; border-bottom:4px solid #af2323; padding-bottom:10px;}
.comp3 dl dt p,
.comp3 dl dt p b { font-size:25px; line-height:1.2em;}
.comp3 dl dt p b { color:#af2323; font-weight:700;}
.comp3 dl dt p { padding-top:10px; font-weight:500;}
.comp3 dl ul li { overflow:hidden; padding:12px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.comp3 dl ul li b { float:left; display:block; width:115px; color:rgba(0, 0, 0, 0.5);}
.comp3 dl ul li p { float:left; width:calc(100% - 115px); color:#000;}
.comp3 dl:nth-child(3n) { margin-right:0;}
.comp3 dl:nth-child(4) ,
.comp3 dl:nth-child(5) { margin-top:-100px;}
.comp3 dl:nth-child(1) {}
.comp3 dl:nth-child(2) {animation-delay: 0.3s;}
.comp3 dl:nth-child(3) {animation-delay: 0.6s;}
.comp3 dl:nth-child(4) {animation-delay: 0.3s;}
.comp3 dl:nth-child(5) {animation-delay: 0.6s;}
.comp5 { text-align:center;}
.comp5 .con { border-top:3px solid af2323; background:url(../../images/company/5_bg.png) no-repeat top right #f5f5f5; border-top:3px solid #af2323; padding:70px 100px;}
.comp5 .con dl dt { font-weight:700; margin-bottom:7px; font-size:27px;}
.comp5 .con dl ul li { display:inline-block; width:250px; height:165px; border:1px solid rgba(0, 0, 0, 0.15); background:#fff; position:relative; margin:1px 3px;}
.comp5 .con dl ul li img { display:block;position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);}
.comp5 .con dl + dl { margin-top:20px;}
.bus .titss u { margin-top:15px;}
.bus .tops { background:url(../../images/business/top_bg.png) no-repeat right top #f2f2f2; padding:45px; text-align:center; border-top:3px solid #000;}
.bus2_1 { overflow:hidden;}
.bus2_1 dl { float:left; width:calc(50% - 15px); border:1px solid rgba(0, 0, 0, 0.15); box-sizing:border-box; padding:45px 35px; overflow:hidden; margin:0 30px 30px 0;}
.bus2_1 dl:nth-child(2n) { margin-right:0;}
.bus2_1 dl dt { float:left; width:150px; text-align:center; margin-right:20px;}
.bus2_1 dl dt img { width:85px;}
.bus2_1 dl dd { float:left; width:calc(100% - 170px);}
.bus2_1 dl dd h4 { font-size:22px; margin-bottom:5px; color:#000; font-weight:500;}
.bus2_1 dl dd p { padding-right:0px; color:rgba(0, 0, 0, 0.6);}
.bus2_1 dl dd ul li + li { margin-top:10px;}
.bus2_1 dl dd ul li { font-size:15px; color:rgba(0, 0, 0, 0.5);}
.bus2_1 dl dd ul li b {  font-size:18px; color:#000; display:block;}
.bus2_2 { display:flex;}
.bus2_2 > li { width:100%;}
.bus2_2 > li > img { width:100%;}
.bus2_2 > li > p { font-size:18px; margin-top:15px; text-align:center; font-weight:500; line-height:1.4em;}
.bus2_2 > li + li { margin-left:30px;}
.bus2_2.cols3 { display:block; font-size:0;}
.bus2_2.cols3 > li + li { margin-left:0px;}
.bus2_2.cols3 > li { width:calc(100% / 3 - 21px);  margin-right:30px; margin-bottom:40px; display:inline-block; vertical-align:top;}
.bus2_2.cols3 > li:nth-child(3n) { margin-right:0;}
.bus2_2 .gr { width:250px; margin:0 auto; text-align:center; margin-top:10px;}
.bus2_2 .gr li { display:inline-block; background:rgba(0, 0, 0, 0.05); font-size:15px; color:rgba(0, 0, 0, 0.5); padding:0 4px; margin:4px 2px;}
.bus2_3 { background:url(../../images/business/bg2.png) no-repeat bottom center #f2f2f2; text-align:center; padding:60px 55px 100px 95px; }
.bus2_3 dl {box-sizing:border-box; padding:40px 20px; background:#fff; display:inline-block; width:280px;box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2); position:relative;}
.bus2_3 dl dt { margin-bottom:10px;}
.bus2_3 dl dt img { width:50px;}
.bus2_3 dl dd { font-size:17px; line-height:1.3em;}
.bus2_3 dl:nth-child(1) { }
.bus2_3 dl:nth-child(2) { top:50px; left:-20px;}
.bus2_3 dl:nth-child(3) { top:-10px; left:-40px;}
.bus2_3 dl:nth-child(4) { top:20px; left:-50px;}
.bus2_3.col5 { padding:60px 0px 100px 70px; }
.bus2_3.col5 dl { width:240px;}
.bus2_3.col5 dl:nth-child(5) { top:0px; left:-70px;}
.bus2_4 { display:flex; text-align:center;}
.bus2_4 dl { border:1px solid rgba(0, 0, 0, 0.15); width:100%; position:relative;}
.bus2_4 dl dt { background:rgba(0, 0, 0, 0.04); font-size:15px; font-weight:bold; letter-spacing:2px; padding:4px; font-family: 'EsaManru';}
.bus2_4 dl + dl { margin-left:30px;}
.bus2_4 dl dd { padding:50px 0;}
.bus2_4 dl + dl:before { display:block; content:'+';  position:absolute; top:90px; left:-25px; font-size:30px;}
.bus3_1 { overflow:hidden;}
.bus3_1 li { float:left; width:calc(50% - 0px);}
.bus3 .bus2_3 { background:url(../../images/business/bg3.png) no-repeat center bottom #f2f2f2; background-size:contain;}
.bus4_1 { overflow:hidden;}
.bus4_1 li { display:inline-block;  vertical-align:top; width:calc(100% / 3 - 24px); margin:0 30px 30px 0; text-align:center;}
.bus4_1 li img { width:100%;}
.bus4_1 li p { font-size:16px; text-align:center; line-height:1.4em; color:rgba(0, 0, 0, 0.6);}
.bus4_1 li b {  display:block; font-weight:700; color:#000; padding:10px; font-size:20px;}
.bus4_1 li:nth-child(3n) { margin-right:0;}
.bus4 .bus2_1 dd p { color:#000; padding-top:15px;}
.bus4_2 { display:flex; margin-top:30px;}
.bus4_2 dl { width:100%; text-align:center; position:relative;}
.bus4_2 dl dt { padding-bottom:19px; margin-bottom:19px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.bus4_2 dl dt img { width:55px;}
.bus4_2 dl dd { font-size:18px;}
.bus4_2 dl dd b { display:block;font-family: 'EsaManru'; font-weight:700; font-size:22px; letter-spacing:2px; color:rgba(0, 0, 0, 0.2); line-height:1.2em;}
.bus4_2 dl + dl:before { content:''; display:block; background:url(../../images/common/ar1.png) no-repeat; background-size:contain; width:9px; height:14px; position:absolute; top:68px; right:100;}
.bus5_1:before { content:''; display:block; position:absolute; left:calc(50% - 30px); top:-20px; background:url(../../images/business/5_ar.png) no-repeat; width:60px; height:40px; background-size:contain;}
.bus5_1 { text-align:center; border:10px solid rgba(0, 0, 0, 0.05); padding:55px; position:relative; margin-top:20px;}
.bus5_1 li { display:inline-block; vertical-align:top; padding:0px 5px; margin:0px 10px; background:rgba(0, 0, 0, 0.1); font-size:20px; border-radius:3px;}
.bus1 .bus2_1 dl:nth-child(1),
.bus1 .bus2_1 dl:nth-child(2) { height:380px;}
.bus1 .bus2_3 { background:url(../../images/business/bg1.png) no-repeat center bottom #f2f2f2; background-size:contain;}
.bus1_1 { text-align:center; padding-bottom:10px!important;}
.bus1_1 .top_txt { font-size:25px; margin-bottom:30px;}
.bus1_1 .con { display:flex;flex-wrap: wrap;}
.bus1_1 .con .pic { width:167px; height:167px; border-radius:50%; background:#fff;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.3); position:relative; margin:0 auto;transition-duration: 0.4s;}
.bus1_1 .con .pic img { width:50px;isplay:block;position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);transition-duration: 0.4s;}
.bus1_1 .con li {width: 20%; position:relative; margin-bottom:50px;}
.bus1_1 .con li:after { content:''; display:block; width:46px; height:15px; background:url(../../images/business/1_ar.png) no-repeat; position:absolute; top:75px; right:-10px;}
.bus1_1 .con li p { font-size:14px; color:rgba(0, 0, 0, 0.5); line-height:1.2em;}
.bus1_1 .con li p b { font-size:19px; display:block; color:#000; padding:10px 0 5px;}
.bus1_1 .con .active .pic { background:#af2323;}
.bus1_1 .con .active .pic img {filter: brightness(1000%);}
.bus1_1 .con li:nth-child(1) {order:1}
.bus1_1 .con li:nth-child(2) {order:2}
.bus1_1 .con li:nth-child(3) {order:3}
.bus1_1 .con li:nth-child(4) {order:4}
.bus1_1 .con li:nth-child(5) {order:5}
.bus1_1 .con li:nth-child(6) {order:10}
.bus1_1 .con li:nth-child(7) {order:9}
.bus1_1 .con li:nth-child(8) {order:8}
.bus1_1 .con li:nth-child(9) {order:7}
.bus1_1 .con li:nth-child(10) {order:6}
.bus1_1 .con li:nth-child(6):after, 
.bus1_1 .con li:nth-child(7):after, 
.bus1_1 .con li:nth-child(8):after, 
.bus1_1 .con li:nth-child(9):after {transform:rotate(180deg); left:-9px;}
.bus1_1 .con li:nth-child(10):after { display:none;}
.bus1_1 .con li:nth-child(5):after {transform:rotate(90deg); right:95px; top:270px;}
.bus5 .bus1_1 .con li:nth-child(9):after { display:none;}
.bus5 .bus1_1 .con li:nth-child(9) {order:6; padding-left:120px;}
.bus5 .bus1_1 .con li:nth-child(5):after {transform:rotate(110deg); right:140px; top:240px;}
.rec2 .list1.bx.gr { background:url(../../images/recruit/2_info.png) no-repeat right bottom #f3f3f3;}
.rec2_1 {}
.rec2_1 .bx { background:url(../../images/recruit/1_bg.jpg) no-repeat center bottom #f2f2f2; background-size:contain; padding:40px; text-align:center;margin-bottom:20px;}
.rec2_1 .bx > p { font-size:18px; margin-bottom:20px;}
.rec2_1 .bx .con { }
.rec2_1 .bx .con li { display:inline-block; vertical-align:top; width:190px; height:190px; background:#fff; border-radius:50%;box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.3); position:relative;box-sizing:border-box; font-size:20px; line-height:1.1em; padding-top:80px;}
.rec2_1 .bx .con li + li { margin-left:24px;}
.rec2_1 .bx .con li + li:before { content:'+'; font-size:30px; position:absolute; top:85px; left:-20px;}
.rec2_1 .txt { text-align:center;}
.rec2_1 .txt li { display:inline-block; margin:0 15px; font-size:18px; color:rgba(0, 0, 0, 0.5); letter-spacing:normal;}
.rec2_1 .txt li i { display:inline-block; width:37px; text-align:center; height:37px; border-radius:50%; background:#af2323; line-height:37px;}
.rec2_1 .txt li i:before { color:#fff; line-height:37px;}
.rec2_1 .txt li b { color:#000; font-size:18px; padding:0 10px;}
.rec2_1 .txt li .btn { display:inline-block; font-size:15px; width:120px; text-align:center; height:27px; line-height:27px; color:#fff; border-radius:3px; background:rgba(0, 0, 0, 0.7);}
.rec1 .top { padding-left:170px;}
.rec1 .con dl { overflow:hidden;}
.rec1 .con dl dt { float:left; width:680px;}
.rec1 .con dl ul { float:left; width:calc(100% - 680px);}
.rec1 .con dl ul li { font-size:19px; margin-bottom:35px; line-height:1.3em;}
.rec1 .con dl ul li p { margin-bottom:0px; color:#000; font-size:30px; letter-spacing:normal;font-family: 'EsaManru'; font-weight:700;}
.rec1 .con dl ul li p b { color:#af2323; font-weight:bold; font-size:20px; padding-left:10px;}
.rec1 .con dl:nth-child(2) dt { float:right; width:635px;}
.rec1 .con dl:nth-child(2) ul { float:left; width:calc(100% - 635px);box-sizing:border-box; padding-right:80px;}


/* Members */
.ipw {background: #fff; border:1px solid rgba(0, 0, 0, 0.2); padding-left:5px; line-height:40px; height: 40px; border-radius: 3px;}

.members_tit { margin-bottom:20px; text-align:center; font-size:35px; font-weight:600;}
.members_tit b { font-size:35px; font-weight:600; color:rgba(175, 35, 35, 1.0);}
.members_tit i { display:block; text-align:center; font-size:80px; color:rgba(0, 0, 0, 0.15);}
.members_tit u { display:block; text-decoration:none; font-size:16px; color:rgba(0, 0, 0, 0.8); font-weight:400; margin-top:10px;}

.break_w { position:relative;}
.break_w .break_btn { position:absolute; bottom:-30px; right:0; height:40px; line-height:40px; width:150px; display:block;}

.guide_wrap {}
.guide_wrap > dt {}
.guide_wrap > dd {}
.guide_wrap > dd .guide_txt {}
.guide_wrap > dd .guide_txt p { margin-bottom:10px;}
.guide_wrap > dd .guide_txt .gt_top { color:rgba(175, 35, 35, 1.0); margin-bottom:20px; background:rgba(175, 35, 35, 0.1); padding:20px;}
.guide_wrap > dd .guide_txt .gt_con { margin-bottom:20px; color:rgba(0, 0, 0, 0.7); font-size:15px;}
.guide_wrap > dd .guide_txt .gt_con h4 { font-size:16px; font-weight:500; color:#000;}

.login_wrap { width:769px; margin:0 auto;}
.login_wrap .login_input { overflow:hidden; text-align:center; border:1px solid rgba(0, 0, 0, 0.1); padding:40px 0 60px; margin:30px 0; border-left:none; border-right:none; position:relative;}
.login_wrap .login_input li { display:block; width:250px; margin:0 3px; float:left;}
.login_wrap .login_input li input { width:calc(100% - 5px); height:50px; line-height:50px;}
.login_wrap .login_input li .btn { width:calc(100% - 5px); height:50px; line-height:50px; font-size:18px;}
.login_wrap .login_input .save_id { position:absolute; bottom:25px; left:5px;}
.login_wrap .login_txt { overflow:hidden;}
.login_wrap .login_txt li { width:calc(50% - 48px); margin:0 4px; background:rgba(0, 0, 0, 0.05); border-radius:3px; overflow:hidden; float:left; padding:20px 20px 15px 20px;;}
.login_wrap .login_txt li i {display: block; float:left;    font-size: 40px;    height: 50px; width:50px;   color: rgba(0, 0, 0, 0.4); margin:0 10px;}
.login_wrap .login_txt li p { font-size:15px; float:left; width:50%;}
.login_wrap .login_txt li .btn { width:80px; font-size:14px; height:35px; line-height:35px; float:right; position:relative; top:5px;}

.join_wrap {}
.join_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.join_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.join_wrap .td1 {}
.join_wrap .td1 th { width:120px; text-align:left; background:none;}
.join_wrap .ipw1 { width:200px;}
.join_wrap .ipw2 { width:400px;}
.join_wrap .ipw3 { width:100px;}
.join_wrap .td1 td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.join_wrap .td1 td .tt { padding-left:10px; height:40px; line-height:40px;}
.join_wrap .td1 td .radio { display:inline-block;}
.join_wrap .td1 td .radio li { margin-right:20px; display:inline-block;}
.join_wrap .td1 td .radio li input { margin-right:5px;}
.join_wrap .td1 td .radio.in { margin-left:20px;}
.join_wrap .join_done { text-align:center; padding:40px 0; border:1px solid rgba(0, 0, 0, 0.1); border-left:none; border-right:none;}
.join_wrap .join_done .tit { font-size:30px; font-weight:400;}
.join_wrap .join_done p { font-size:14px;}
.join_wrap .join_done p b { font-weight:normal; color:#0000FF;font-size:14px;}

.input_tit {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(175, 35, 35, 1.0); padding:0 0 10px 5px;}
.input_tit u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.input_tit u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.mem_pop {width:460px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.mem_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.mem_pop .mp_con { padding:20px; text-align:center;}
.mem_pop .mp_con input {width:220px;}
.mem_pop .mp_con .mc_in { padding:10px 0 30px 0;}
.mem_pop .mp_con .mc_in .btn { height:40px; line-height:40px; font-size:14px; width:80px;}
.mem_pop .mp_con .mc_find {font-size:17px; padding:10px 0 20px;}
.mem_pop .mp_con .mc_find2 {border-top:1px solid #dfdfdf; padding:30px 0; color:#656565; font-size:17px;}
.mem_pop .mp_con .mc_find2 b { color:#ce0000; font-weight:500; font-size:17px;}
.mem_pop .mp_con .mc_btn { border-top:1px solid #dfdfdf; padding-top:20px;}
.mem_pop .mp_con .mc_btn p { margin-bottom:10px;}
.mem_pop .mp_con .mc_btn p b { font-weight:500; color:rgba(175, 35, 35, 1.0);}
.mem_pop .mp_con .mc_btn .btn {width:110px; height:35px; line-height:35px; }
 
.find_wrap .members_tit { margin-bottom:50px;}
.find_wrap .find_w { overflow:hidden; width:950px; margin:0 auto;}
.find_wrap .find_w dl { float:left; padding:30px; width:400px; height:350px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; text-align:center;}
.find_wrap .find_w .find_r { float:right;}
.find_wrap .find_w dl dt { text-align:center; font-size:25px; font-weight:600; margin-bottom:5px;}
.find_wrap .find_w dl dt i { display:block; margin:0 auto; font-size:40px; color:rgba(0, 0, 0, 0.2);}
.find_wrap .find_w dl dl { text-align:center;}
.find_wrap .find_w dl .txt { font-size:15px; color:rgba(0, 0, 0, 0.5); margin-bottom:20px;}
.find_wrap .find_w dl .txt b {font-size:15px; color:rgba(0, 0, 0, 0.8); font-weight:500;}
.find_wrap .find_w dl .input .ipw { margin-bottom:5px;}
.find_wrap .find_w dl .input .ipw1 { width:calc(100% - 8px);}
.find_wrap .find_w dl .input .ipw2 { width:calc(50% - 20px);}
.find_wrap .find_w dl .btn .btn1 { width:calc(100% - 3px); height:40px; line-height:40px;}
.find_wrap .userid { font-size:17px; color:rgba(0, 0, 0, 0.8); font-weight:500; padding:0 10px; text-decoration:none; letter-spacing:normal;}
.break_wrap .td1 textarea { width:98%; height:200px;}
#pop_zipcode {display:none;border:5px solid;position:fixed;width:400px;height:460px;left:50%;margin-left:-155px;top:50%;margin-top:-235px;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px;}


/* Main_Popup */
.main_popup_w {position:relative; width:1300px; height:0; margin:0 auto;}
.main_popup_w .main_popup { background:#fff; z-index:10000000; border:1px solid #1c1c1c; position:absolute; 
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }
.main_popup_w .main_popup dl { overflow:hidden;background:#1c1c1c; height:40px;}
.main_popup_w .main_popup dl dt { float:left; padding:10px 0 0 10px;}
.main_popup_w .main_popup dl dt a { font-size:14px; color:#fff;}
.main_popup_w .main_popup dl dd { float:right; text-align:right; padding:10px 10px 0 0 ;}
.main_popup_w .main_popup dl dd a { text-align:right; font-size:13px; color:rgba(255, 255, 255, 0.5);}
.main_popup_w .main_popup .main_popup_con { overflow:hidden;}
.main_popup_w .main_popup .main_popup_con img { width:100%;}


/* Board  */
.pagenation { text-align:center; margin:10px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:4px 10px; color:rgba(0, 0, 0, 0.5); font-size:15px; font-family:verdana;}
.pagenation .ar {display:inline-block; text-align:center; padding:4px 10px;}
.pagenation .ar i { font-size:16px; vertical-align:-2px;}
.pagenation .on { color:#000; font-weight:bold!important; text-decoration:underline;}

.board_list_wrap {}
.board_list_wrap .btn_wrap { margin:10px 0 0 0 ;}
.board_list { width:100%; }
.board_list thead { background:rgba(0, 0, 0, 0.0);}
.board_list thead th { font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.4); height:45px; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.board_list tbody td { text-align:center; padding:5px 0; height:45px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.board_list tbody tr:hover { background:rgba(0, 0, 0, 0.05);}
.board_list tbody .bl_num { width:80px; font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_notice {width:80px;}
.board_list tbody .bl_notice .i-notice { font-size:30px;}
.board_list tbody .bl_subject { text-align:left; padding-left:20px;}
.board_list tbody .bl_subject .comment {display:inline-block; color:#FF0000; margin-left:10px;}
.board_list tbody .bl_subject .new { font-size:20px; position:relative; top:3px; display:inline-block;margin-left:10px; color:rgba(175, 35, 35, 1.0);}
.board_list tbody .bl_subject .i-lock { margin-right:10px; font-size:20px;position:relative; top:3px; display:inline-block}
.board_list tbody .bl_name { width:140px;}
.board_list tbody .bl_date { width:90px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_coun { width:70px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_reply { width:80px; font-size:14px;}
.board_list tbody .bl_reply i:before { position:relative; top:1px; margin-right:3px;}
.board_list tbody .bl_reply.ready, .board_list tbody .bl_reply.ready i { color:rgba(175, 35, 35, 1.0);}
.board_list tbody .bl_reply.done, .board_list tbody .bl_reply.done i { color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_file { width:20px;}
.board_list tbody .bl_file i { display:inline-block; width:30px; height:30px; font-size:22px; line-height:30px; cursor:pointer;}
.board_list tbody .notice { background:rgba(175, 35, 35, 0.1);}

.board_write_wrap {}
.board_write { width:100%;}
.board_write th {font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); min-height:55px;padding:15px 20px; width:120px; text-align:left;}
.board_write td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; color:#666;}
.board_write td .ipw1 { width:180px;}
.board_write td .ipw2 { width:calc(100% - 20px);}
.board_write td .ipw3 { width:80px;}
.board_write td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.board_write td .tt { padding-left:10px; height:40px; line-height:40px;}
.board_write td .radio { display:inline-block;}
.board_write td .radio li { margin-right:20px; display:inline-block;}
.board_write td .radio li input { margin-right:5px;}
.board_write td .radio.in { margin-left:20px;}
.board_write_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.board_write_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.board_write_wrap h3 {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(175, 35, 35, 1.0); padding:0 0 10px 5px;}
.board_write_wrap h3 u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.board_write_wrap h3 u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.board_view_wrap {}
.board_view_wrap .btn_wrap { margin:30px 0 40px;}
.board_next { border-top:1px solid rgba(0, 0, 0, 0.1);}
.board_next li {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px 10px;}
.board_next li .tit { display:inline-block; width:100px; font-size:14px;}
.board_next li .tit:before { margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.board_next li a { font-size:15px;}

.bww_file { font-size:0;}
.bww_file li { padding:2px 0;}
.bww_file li .ipw { width:calc(100% - 60px); vertical-align:top; margin-right:10px;}
.bww_file li .file_btn { display:inline-block; cursor:pointer; background:rgba(0, 0, 0, 0.07); padding:9px; vertical-align:top; margin-left:2px; margin-top:2px;}
.bww_file li .file_btn i { font-size:18px; position:relative; }
.bww_file li .file_btn:hover { background:rgba(0, 0, 0, 0.5);}
.bww_file li .file_btn:hover i { color:#fff;}
.bww_file .before {}
.bww_file .before .del { display:inline-block; margin-left:10px; font-size:13px; width:100px!important; height:25px!important; line-height:25px!important; position:relative; top:-4px;}


.bw_top { border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden; padding:0 10px 20px;}
.bw_top li { float:left; width:calc(100% - 200px);}
.bw_top li i:before { margin-right:5px; position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date { width:200px; text-align:right;}
.bw_top .bw_date span {font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date .date:after { content:''; display:inline-block; width:1px; height:12px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 10px; position:relative; top:2px;}
.bw_top .bw_subject { font-size:18px;}
.board_view .bw_name {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; font-size:15px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_name {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; font-size:15px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_name i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; }
.board_view .bw_info li { display:inline-block;font-size:15px;}
.board_view .bw_info li:after { width:1px; height:13px; background:rgba(0, 0, 0, 0.1); content:''; display:inline-block; margin:0 10px 0 14px; position:relative; top:2px;}
.board_view .bw_info li:last-child:after { display:none;}
.board_view .bw_info li i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info li b {  font-weight:400; padding-right:10px; font-size:14px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_file { background:rgba(0, 0, 0, 0.05); padding:10px 20px;}
.board_view .bw_file li { padding:3px; }
.board_view .bw_file li a {font-size:15px;}
.board_view .bw_file li i:before { margin-right:5px; display:inline-block;}
.board_view .view_con { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.board_view .view_con img { max-width:1260px;}
.board_view .view_pic { padding:20px; text-align:center;}
.board_view .view_pic img { max-width:1060px;}
.board_view .view_pic li { margin-bottom:10px;}
.board_view .view_pic li:last-child { margin-bottom:0;}

.comment_wrap {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.comment_wrap .comment { overflow:hidden; padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.comment_wrap .comment li { float:left;}
.comment_wrap .comment .cw_name { width:120px; font-size:15px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_name i:before { display:inline-block; margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_date { width:150px; text-align:right; float:right; font-family:verdana; color:rgba(0, 0, 0, 0.5); font-size:12px;}
.comment_wrap .comment .cw_date span { display:inline-block; cursor:pointer; position:relative; top:2px;}
.comment_wrap .comment .cw_con { width:calc(100% - 280px);}
.comment_wrap .cw_write { padding:20px; overflow:hidden;}
.comment_wrap .cw_write li { float:left;}
.comment_wrap .cw_write .cwr_id { width:100%; margin-bottom:7px;}
.comment_wrap .cw_write .cwr_id input { width:200px; height:30px; border-radius:3px; margin-right:5px; border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write input::placeholder, .comment_wrap .cw_write textarea::placeholder  { font-size:14px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .cw_write .cwr_con { width:calc(100% - 150px);}
.comment_wrap .cw_write .cwr_con textarea { width:calc(100% - 10px); height:60px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write .cwr_btn { float:right; width:140px;}
.comment_wrap .cw_write .cwr_btn .btn { width:100%; height:60px; line-height:60px;}

.password_wrap .password { text-align:center;}
.password_wrap .password input { width:327px; text-align:center;}

.board_search { width:400px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:20px;}
.board_search li { float:left; border-bottom:2px solid rgba(0, 0, 0, 0.7);}
.board_search .bs_select { width:100px; margin-right:20px;}
.board_search .bs_select select { height:30px; border:none;  background:none; width:100%;}
.board_search .bs_in { width:calc(100% - 120px);}
.board_search .bs_in input { height:30px; width:calc(100% - 40px);}
.board_search .bs_btn { border:none; position:absolute; top:-2px; right:0; cursor:pointer;}
.board_search .bs_btn i {display:block; width:30px; height:30px; line-height:30px; font-size:25px;}

.board_reply { background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:20px;}
.board_reply .br_top { margin-bottom:10px; font-size:14px; font-weight:500;}
.board_reply .br_top i:before { margin-right:10px;}

.faq_wrap {}
.faq_wrap .num { width:80px; text-align:center;}
.faq_wrap .con { width:calc(100% - 80px);}
.faq_wrap .faq_top  { overflow:hidden;}
.faq_wrap .faq_top li { float:left; text-align:center;height: 45px; line-height:45px;font-size: 13px;color: rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.faq_wrap dl dt { border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden;}
.faq_wrap dl dt:hover { background:rgba(0, 0, 0, 0.05);}
.faq_wrap dl dt span { display:block; float:left;  cursor:pointer;padding:18px 0;}
.faq_wrap dl dt .num {font-size: 13px;font-family: verdana;color: rgba(0, 0, 0, 0.5); }
.faq_wrap dl dt .con { padding-left:0px;}
.faq_wrap dl dd { background:rgba(0, 0, 0, 0.05);border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:20px 20px 20px 80px; display:none;}

.gallery_wrap { overflow:hidden; margin-top:40px;}
.gallery_wrap .gallery { float:left; width:calc(25% - 12px); margin:0px 5px 20px 5px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; overflow:hidden; cursor:pointer;}
.gallery_wrap .gallery .pic { overflow:hidden; height:200px;}
.gallery_wrap .gallery .pic img { width:100%; border:none; min-height:200px;}
.gallery_wrap .gallery .g_con { padding:10px;}
.gallery_wrap .gallery .g_con li { display:inline-block;}
.gallery_wrap .gallery .g_con .g_subject { width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; margin-bottom:5px;}
.gallery_wrap .gallery .g_con i {position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.gallery_wrap .gallery .g_con .g_name { font-size:14px; margin-right:10px;}
.gallery_wrap .gallery .g_con .num { font-size:13px; margin-right:10px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}

.gallery_n_view { padding:20px 30px 30px 30px; width:815px; margin:0 auto; background:#fff;box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.5); position:relative; border-top:1px solid rgba(0, 0, 0, 0.1);}
.gallery_n_view .bw_top { border-bottom:none; padding:0 30px 15px 10px;}
.gallery_n_view .close { display:block; width:30px; height:30px; font-size:30px; position:absolute; top:10px; right:10px;}
.gallery_n_view .close i { font-size:30px;}

.gallery_v_view { margin-top:20px;}

.calendar_wrap {}
.calendar_wrap .calendar { width:100%; border-top:2px solid #000;}
.calendar_wrap .calendar thead {}
.calendar_wrap .calendar thead {background:rgba(0, 0, 0, 0.1);}
.calendar_wrap .calendar thead th {height:30px; border:1px solid rgba(0, 0, 0, 0.1);font-weight:800; color:rgba(0, 0, 0, 0.5); font-weight:500; font-size:15px; width:14.2857%;} 
.calendar_wrap .calendar thead th:nth-child(2n) {background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td {border:1px solid rgba(0, 0, 0, 0.1); padding:5px; height:80px; vertical-align:top;  font-size:14px;}
.calendar_wrap .calendar tbody td:nth-child(2n) { background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td b { display:block;  font-weight:500; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .calendar tbody td a { display:block; font-size:14px; padding:5px 0 5px 8px; background:url(../../images/common/bullet_1.png) no-repeat 0 11px; line-height:16px;word-break:break-all;}
.calendar_wrap .cw_tit { position:relative;}
.calendar_wrap .cw_tit .cw_top { width:300px; margin:0 auto 20px; text-align:center; position:relative;}
.calendar_wrap .cw_tit .cw_top li { display:inline-block;}
.calendar_wrap .cw_tit .cw_top .ar i { font-size:40px; cursor:pointer;}
.calendar_wrap .cw_tit .cw_top .month { font-size:20px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .month  b { font-size:60px; font-weight:600; margin-right:5px; position:relative; top:5px; color:#af2323;}
.calendar_wrap .cw_tit .cw_top .year {font-size:20px;}
.calendar_wrap .cw_tit .cw_top .year:before { display:inline-block; content:''; margin:0 10px; width:1px; height:13px; background:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .ar1 { position:absolute; left:0; top:40px;}
.calendar_wrap .cw_tit .cw_top .ar2 { position:absolute; right:0; top:40px;}
.calendar_wrap .cw_tit .cw_select { text-align:right; position:absolute; top:40px; right:0;}

.cal_pop {width:800px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.cal_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.cal_pop h2 i { font-size:20px; color:rgba(0, 0, 0, 0.5); display:inline-block; margin-right:5px; position:relative; top:2px;}
.cal_pop .cal_con { padding:20px 30px; }
.cal_pop .cal_con h3 { font-size:18px; font-weight:500;}
.cal_pop .cal_con .btn {width:110px; height:35px; line-height:35px; display:block; margin:0 auto;}
.cal_pop .cal_con .contents { margin:20px auto;}

.news_wrap {}
.news_wrap .news_list { cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden; padding:20px 10px;}
.news_wrap .news_list .pic { float:left; width:300px; margin-right:20px;}
.news_wrap .news_list .pic img { width:300px; height:150px;}
.news_wrap .news_list dd { float:left; width:calc(100% - 320px); padding-top:10px;}
.news_wrap .news_list dd .tit { margin-bottom:5px; font-size:20px; font-weight:500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_wrap .news_list dd .info { margin-bottom:10px;}
.news_wrap .news_list dd .info span { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.news_wrap .news_list dd .info .date:after { content:''; display:inline-block; margin:0 10px; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); position:relative; top:1px;}
.news_wrap .news_list dd .info .count i { color:rgba(0, 0, 0, 0.5); margin-right:5px; position:relative; top:2px;}
.news_wrap .news_list dd .con { font-size:15px; color:rgba(0, 0, 0, 0.7); height:44px; overflow:hidden;}

.vod_wrap { overflow:hidden;}
.vod_wrap .vod_list { float:left; width:calc(50% - 10px); margin:20px 20px 20px 0;}
.vod_wrap .vod_list:nth-child(2n) { margin-right:0;}
.vod_wrap .vod_list .vod iframe { width:100%; height:300px; border:none;}
.vod_wrap .vod_list .tit { font-size:18px; font-weight:500; margin:10px 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vod_wrap .vod_list .date { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}

.interest_wrap .board_write { margin-bottom:10px;}


/* 평면안내 */
.plane_wrap {}
.plane_wrap .pw_td {}
.plane_wrap .plane_w { margin-bottom:30px; position:relative;}
.plane_wrap .plane_w .pw_tit { position:absolute; top:0; left:0;}
.plane_wrap .plane_w .pw_tit #txt_target01 { display:inline-block; font-size:70px; font-weight:600; color:rgba(175, 35, 35, 1.0); font-family:verdana;}
.plane_wrap .plane_w .pw_tit #txt_target02 { display:inline-block; font-size:20px; border-radius:3px; background:rgba(175, 35, 35, 0.7); color:#fff; padding:0 5px; position:relative; left:10px; top:-7px;}
.plane_wrap .plane_w .pw_pic1 { text-align:center; padding-right:200px;}
.plane_wrap .plane_w .pw_pic2 { text-align:center; border:1px solid rgba(0, 0, 0, 0.2); border-radius:3px; width:300px; padding:20px 0; position:absolute; top:0; right:0;}
.plane_wrap .plane_w .pw_pic2 img { width:80%;}

/* 레이어팝업 */  
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute;}   
#SLB_film { background:rgba(0, 0, 0, 0.5);z-index: 9999; position: absolute; width: 100%; height:100%;}
#SLB_content {z-index: 100000; position: absolute; text-align:center;}