@charset "utf-8";
@import url('./nanumbarungothic.css'); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,800');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* SIR 지운아빠 */

*{margin:0; padding:0;}
*{ /* 패딩, 보더를 포함시킴 */
 -webkit-box-sizing : border-box;
 -moz-box-sizing : border-box;
 -o-box-sizing : border-box;
 -ms-box-sizing : border-box;
 box-sizing : border-box;
 } 

/* 초기화 */
html {overflow-y:scroll}
body {margin:0; padding:0; font-size:14px; font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400; color:#666;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Nanum Barun Gothic', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'Nanum Barun Gothic', sans-serif;font-size:1em}
button {cursor:pointer}

textarea, select {font-family: 'Nanum Barun Gothic', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#666;text-decoration:none}
a:hover, a:focus, a:active {color:#666;text-decoration:none;}

#quickMenu li {list-style:none;}

/* 팝업레이어 */
#hd_pop {z-index:1000000;position:relative;margin:0 auto;width:1500px;text-align:center; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:0px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:4px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0; background:#333; color:#fff}

/* 사이트맵 레이어 S */
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; -ms-filter: alpha(opacity=90); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:100001;}

.popup_box {position:absolute; left:50%; top:50px;; z-index:100002;}
.popup_box .popup_contents {position:absolute; left:0; top:0px; width:100%; height:100%; z-index:100002;}

.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.popup_contents h3 {font-family:"Montserrat"; font-size:24px; color:#333;}
.popup_contents #sitemap {font-family: 'Nanum Gothic', sans-serif;}
.popup_contents #sitemap th {font-size:17px; color:#333; border:1px solid #aeaeae;padding:10px;}
.popup_contents #sitemap td {text-align:center; padding:4px 0 0;}
.popup_contents #sitemap td a {color:#898989;}
.popup_contents #sitemap td a:hover {color:#333;}

/* 사이트맵 레이어 E */

/* 상단 레이아웃 */
#hd {position:relative; width:100%; min-width:1200px; background:#fff; height:100px;}
#hd_wrapper {position:relative;margin:0 auto;padding:20px 0;width:1200px; text-align:right; zoom:1}
#hd_wrapper ul {float:right;}
#hd_wrapper ul li {float:left;}
#hd_wrapper ul li a {color:#8c8c8c; font-size:11px;}
#hd_wrapper ul li.dot {width:20px; text-align:center;}

#logo {position:absolute; top:35px; left:50%; margin-left:-600px; z-index:1111}

/* 메인메뉴 */
nav.gnbDiv {min-width:1200px; width:100%; border-bottom:4px solid #333333; overflow:hidden; position:relative; position:absolute; padding:0;}
nav.gnbDiv .gnbWrap{z-index:10000; overflow: hidden; margin:0; }
nav.gnbDiv .gnbWrap .gnb{position:absolute; top:10px; left:50%; margin-left:-264px; width:900px; z-index:10000;}
nav.gnbDiv .gnbWrap .gnb .oneDep{height:42px;}
nav.gnbDiv .gnbWrap .gnb ul {overflow:hidden; width:100%; padding:0;}
nav.gnbDiv .gnbWrap .gnb ul li {float:left; height:260px; text-align:center; list-style:none; padding:0;} /* position:relative;*/
nav.gnbDiv .gnbWrap .gnb ul li.one {width:140px;}
nav.gnbDiv .gnbWrap .gnb ul li.two {width:200px;}
nav.gnbDiv .gnbWrap .gnb ul li a {font-size:19px; color:#000; font-weight:bold;}
nav.gnbDiv .gnbWrap .gnb ul li p {padding:10px 0; margin:10px 0;}
nav.gnbDiv .gnbWrap .gnb ul li p a {font-size:13px; color:#666;}
nav.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; margin:0;}
nav.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#e60013;}

nav.gnbDiv .gnbWrap .twoDep{height:240px; padding:0; display:block; width:100%; background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; position:relative; visibility: visible;}
nav.gnbDiv .gnbWrap li.on .twoDep {border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; background:#f7f7f7;}
nav.gnbDiv .gnbWrap li.on .twoDep a.off:hover{background:#555; color:#fff; vertical-align:top; text-decoration:none;}
nav.gnbDiv .gnbWrap li .twoDep a.on{background:#555; color:#fff; vertical-align:top;}
nav.gnbDiv .gnbWrap li .twoDep a{color:#767676; line-height:26px;}
.disB{display:block;}

.twoDbg{display:; background:#fff; border-bottom:4px solid #333333; border-top:1px solid #ddd; position:absolute; top:60px; left:0; height:260px; width:100%; z-index:9999; }
nav.gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:60px; right:0; display:block}
.guideBg{display:none; position:relative;}



/* 메인비주얼  */
#mainVisual{position:relative; width:100%; overflow:hidden;}
div.visual{position:relative;width:100%;background-repeat:no-repeat;background-position:50% 0;height:700px;} 
div.visual div.slider_wrap{overflow:hidden;position:relative;width:100%} 
div.visual ul.slider{width:1000%} 
div.visual ul.slider li.slide{position:relative;float:left;width:10%;height:700px;background-repeat:no-repeat;background-position:50% 0} 
div.visual ul.slider li.slide:first-child{width:10%} 
div.visual ul.slider li.slide01{background-image:url("../img/visual1.jpg")} 
div.visual ul.slider li.slide02{background-image:url("../img/visual2.jpg")} 
div.visual ul.slider li.slide03{background-image:url("../img/visual3.jpg")} 
div.visual ul.slider li.slide04{background-image:url("../img/visual4.jpg")} 
div.visual ul.slider li.slide05{background-image:url("../img/visual5.jpg")} 
div.visual div.img{position:absolute;top:20%; left:50%;margin-left:-600px; padding:20px 40px; background:url("../img/visual_over.png") repeat;border-top:3px solid #e60013;} 
div.visual button{border:0; background:none;} 
div.visual button.btn_arrow{display:block;position:absolute; top:45%; width:52px;height:82px;text-indent:-9000px;background-repeat:no-repeat} 
div.visual button.btn_prev{left:20px; background-image:url("/img/main_visual_prev_btn.png")} 
div.visual button.btn_next{right:20px;background-image:url("/img/main_visual_next_btn.png")} 

#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;height:620px;}
#mainVisual .visual-item > img{
	width:100%;
	height:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt {position:absolute; top:20%; text-align:center; left:50%; margin-left:-600px; background:url(/img/visual_over.png) repeat; border-top:3px solid #e60013; }
#mainVisual .visual-inner-txt {padding:30px;}
#mainVisual .visual-inner-txt img{}

/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}

#mainVisual .slick-arrow{
	position:absolute; top:68%; margin-bottom:270px;width:51px; height:51px; left:50%; margin-left:-600px; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; overflow:hidden;
}
#mainVisual .slick-arrow.slick-prev{background:url(/img/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{ left:50%; margin-left:-546px;  background:url(/img/main_visual_next_btn.png) no-repeat}

#section1 {overflow:hidden; width:1200px; margin:50px auto 24px; padding:0;}
#section1 ul {float:left; overflow:hidden; padding:0; margin:0;}
#section1 ul li{overflow:hidden; width:290px; height:270px; margin:0 13px 0 0; padding:0; float:left; position:relative; -moz-transition:top 1.0s, opacity 1.0s; -ms-transition:top 1.0s, opacity 1.0s; transition:top 1.0s, opacity 1.0s;}
#section1 ul li:last-child{margin-right:0;}
#section1 ul li a{display:inline-block; position:relative; overflow:hidden; width:290px; height:270px; margin:0; padding:0;}
#section1 ul li .bg-thum{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#section1 ul li .bg-thum img{
	position: absolute; top: 0; left: 0; max-width: 100%; height: 100%; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#section1 ul li .business-tit {position:absolute; top:154px; left:30px; z-index:1; color:#fff;}
#section1 ul li .business-tit .bar {width:30px; height:5px; background:#fff;}
#section1 ul li .business-tit span {display:block; font-size:14px;}
#section1 ul li .business-tit span.bar {width:30px; height:5px; background:#fff; margin-bottom:24px;}
#section1 ul li .business-tit strong{display:block; font-size:30px; font-weight:700; padding-top:5px;}
#section1 ul li .over-cover{
	position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0;filter:Alpha(opacity=0);
	background-color:rgba(0,0,0,0.6); z-index:1;  box-sizing:border-box; border:10px solid #e60013;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#section1 ul li .over-cover img{position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; transform:rotate(-45deg) scale(0.7);  -moz-transform:rotate(-45deg) scale(0.7); opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;-moz-transition:all 0.4s 0.1s;-o-transition:all 0.4s 0.1s;-ms-transition:all 0.4s 0.1s;transition:all 0.4s 0.1s;
}
#section1 ul li a:hover .bg-thum img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
#section1 ul li a:hover .over-cover{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#section1 ul li a:hover .over-cover img{transform:rotate(0deg) scale(1.0);  -moz-transform:rotate(0deg) scale(1.0); opacity:1.0;filter:Alpha(opacity=100);}

#section1 .banner4 {float:right; width:290px; height:127px; background:url(/img/main_banner4.jpg) no-repeat; margin-bottom:16px; font-size:20px; color:#fff; text-align:center; line-height:150%; padding-top:40px;}
#section1 .banner4 span {font-size:24px; font-family:"Montserrat";}
#section1 .banner5 {float:right; width:290px; height:127px; background:url(/img/main_banner5.jpg) no-repeat; font-size:20px; color:#fff; text-align:center; line-height:180%; padding-top:30px;}
#section1 .banner5 a {color:#fff;}

#section2 {overflow:hidden; width:1200px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding:0;}

#section2 .notice {float:left; position:relative; overflow:hidden; width:460px; height:270px; background:#ececec;}
#section2 .notice .bar {display:block; margin:22px 0 0 20px;}
#section2 .notice .title {display:block;font-family: 'Fira Sans', sans-serif; font-weight:800; font-size:40px; color:#000;margin:0 0 16px 40px;}
#section2 .notice .more {position:absolute; top:0; right:0;}
#section2 .notice ul {margin-left:40px; width:384px;}
#section2 .notice ul li {list-style:none; font-size:14px; line-height:28px;}
#section2 .notice ul li span {float:right; font-size:12px; color:#898989; font-family:tahoma;}
#section2 .notice ul li a {font-size:14px;}

#section2 .news {float:right; position:relative; overflow:hidden; width:720px; height:270px; background:#ececec;}
#section2 .news .bar {display:block; margin:22px 0 0 20px;}
#section2 .news .title {display:block;font-family: 'Fira Sans', sans-serif; font-weight:800; font-size:40px; color:#000;margin:0 0 16px 40px;}
#section2 .news .more {position:absolute; top:0; right:0;}
#section2 .news ul {margin-left:28px;}
#section2 .news ul li {float:left; list-style:none; width:222px; line-height:16px; text-align:center;}
#section2 .news ul li img {margin-bottom:6px;}
#section2 .news ul li span {font-size:12px; color:#898989; font-family:tahoma;}
#section2 .news ul li a {font-size:14px;}


#landing1 {position:relative; width:100%; height:800px; background:url(/img/landing1_bg.jpg) no-repeat center top;}
#landing2 {position:relative; width:100%; height:800px; background:url(/img/landing2_bg.jpg) no-repeat center top;}
#landing3 {position:relative; width:100%; height:800px; background:url(/img/landing3_bg.jpg) no-repeat center top;}
#landing4 {position:relative; width:100%; height:800px; background:url(/img/landing4_bg.jpg) no-repeat center top;}
#landing5 {position:relative; width:100%; height:800px; background:url(/img/landing5_bg.jpg) no-repeat center top;}
#landing6 {position:relative; width:100%; height:800px; background:url(/img/landing6_bg.jpg) no-repeat center top; padding:270px 0 0 0;}

.showcase {position: relative; margin:auto; width:1020px !important; height:458px; background:#000; padding:4px;}

/* Navigation arrows */
.showcase-arrow-previous {position: absolute;background: url('/img/slider_arrow.png'); width: 39px;height: 63px;top:190px;cursor: pointer;}
.showcase-arrow-next {position: absolute;background: url('/img/slider_arrow1.png'); width: 39px;height: 63px;top:190px;cursor: pointer;}
.showcase-arrow-previous {left:-60px;}
.showcase-arrow-previous:hover {left:-65px;}
.showcase-arrow-next {right: -56px;}
.showcase-arrow-next:hover {right:-65px;}

/* Content */
.showcase-content {}
.showcase-content-wrapper {height:450px;width:810px; display: table-cell; vertical-align: middle;}
.showcase-onepage .showcase-content {margin-bottom:0px;}

/* Button Wrapper */
.showcase-button-wrapper {display:none; clear: both;margin-top:0px;text-align: center;}
.showcase-button-wrapper span{margin-right:0px;padding:0px;cursor: pointer;}

/* Thumbnails */
.showcase-thumbnail-container {}
.showcase-thumbnail-wrapper {overflow: hidden;}
.showcase-thumbnail {width:211px; height: 90px; cursor: pointer; position: relative;}
.showcase-thumbnail:hover,.showcase-thumbnail.active {border:1px solid #8b5a3f;}
.showcase-thumbnail:hover .showcase-thumbnail-cover {display: none;}
.showcase-thumbnail.active .showcase-thumbnail-cover {display: none;}
.showcase-thumbnail-wrapper-horizontal {padding:0px;}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {margin-right:0px; width: 210px;}
.showcase-thumbnail-wrapper-vertical {padding:0px;}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {margin-bottom:0px;}
.showcase-thumbnail-button-backward,.showcase-thumbnail-button-forward {padding:0px;cursor: pointer;}
.showcase-thumbnail-button-backward {padding-bottom: 0px;padding-right: 0px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {display:none;}


/* Hide button text */
.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {display: none;}

#landing7 {position:relative; width:100%; height:860px; background:url(/img/landing7_bg.jpg) no-repeat center top;}
#landing8 {position:relative; width:100%; height:560px; background:url(/img/landing8_bg.jpg) no-repeat center top; margin-bottom:60px;}
#landing9 {position:relative; width:100%; height:830px; background:url(/img/landing9_bg.jpg) no-repeat center top;}

#interview {overflow:hidden; width:1200px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding:0;}
#interview .box {width:580px; margin-bottom:50px; border:1px solid #eaeaea;}
#interview .box img {float:left;}
#interview .box .desc {float:right; width:350px; overflow:hidden; padding:20px 20px 0;}
#interview .box .title {font-size:20px; margin:0 auto; font-weight:bold; color:#222; font-family:'NanumSquare', sans-serif;}
#interview .box hr {border:0; border-top:1px solid #c1c1c1; margin:12px 0 14px;}
#interview .box .txt {font-size:14px; margin:0 auto; line-height:150%;}
#interview .box .txt strong {font-size:16px; color:#333;}


#section3 {position:relative; height:400px;}
#section3 div.desc{position:absolute;top:100px; width:1000px; left:50%; margin-left:-500px; z-index:1111; color:#fff; text-align:center;}
#section3 div.desc p.title {font-size:40px; font-weight:500;  font-family:"Montserrat"; margin-bottom:20px;}
#section3 div.desc p.txt {font-size:18px; margin-top:18px; line-height:140%;}
#section3 div.desc a.btn {display:inline-block; border:1px solid #fff; font-size:13px; padding:8px 40px 6px; font-family:"Montserrat"; margin-top:50px; color:#fff;}
#section3 div.desc a.btn:hover {display:inline-block; background:#fff; color:#222;}
#section3 #slide {position:relative;overflow:hidden;}/* overflow:hidden; */
#section3 #slide .box_skitter_data {display:none}
#section3 #slide .controller_left {width:50px;height:50px;background-image:url(/img/paging.rolling.png);background-repeat:no-repeat;background-position:-150px -100px;opacity:0.3 } 
#section3 #slide .controller_right {width:50px;height:50px;background-image:url(/img/paging.rolling.png);background-repeat:no-repeat;background-position:-100px -100px;opacity:0.3 } 
#section3 #slide .controller_left:hover { opacity:1} 
#section3 #slide .controller_right:hover { opacity:1} 


/* 중간 레이아웃 */
#wrapper {z-index:5;overflow:hidden;margin:0 auto;width:100%;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper.bg {border-bottom:1px solid #eaeaea !important; background:url(/img/body_bg.gif) repeat;}

/* 서브 */
#visual1 {width:100%; height:300px; background:url(/img/visual_sub1.jpg) no-repeat center top;}
#visual2 {width:100%; height:300px; background:url(/img/visual_sub2.jpg) no-repeat center top;}
#visual3 {width:100%; height:300px; background:url(/img/visual_sub3.jpg) no-repeat center top;}
#visual4 {width:100%; height:300px; background:url(/img/visual_sub4.jpg) no-repeat center top;}
#visual5 {width:100%; height:300px; background:url(/img/visual_sub5.jpg) no-repeat center top;}
#visual6 {width:100%; height:300px; background:url(/img/visual_sub6.jpg) no-repeat center top;}

#container {position:relative; padding:50px 40px; width:1280px; min-height:680px; height:auto !important; margin:0 auto; background:#fff;zoom:1}
#container:after {display:block; visibility:hidden; clear:both; content:""}

#left {position:relative; overflow:hidden; float:left; width:200px;}
#left h3 {width:200px; height:94px; background:#f4f4f4; border-top:3px solid #333333; border-bottom:1px solid #e6e6e6; color:#222; padding-left:17px; line-height:92px; font-size:23px; letter-spacing:-1px;}
#left ul {margin-bottom:30px;}
#left li {line-height:37px; border-bottom:1px solid #e6e6e6; padding-left:10px;}
#left li a {color:#666666; font-size:13px;}
#left li a.on {color:#333}

#left_banner .banner1 {width:200px; height:75px; background:url(/img/main_banner4.jpg) no-repeat; margin-bottom:16px; font-size:20px; color:#fff; text-align:center; line-height:120%; padding-top:14px;}
#left_banner .banner1 span {font-size:24px; font-family:"Montserrat";}
#left_banner .banner2 {width:200px; height:75px; background:url(/img/main_banner5.jpg) no-repeat; font-size:20px; color:#fff; text-align:center; line-height:140%; padding-top:14px;}
#left_banner .banner2 a {color:#fff;}

#contents {position:relative; overflow:hidden; float:right; width:940px;}
#contents .location {text-align:right; width:100%; font-size:12px; color:#898989; height:32px;}
#contents .location strong {color:#333;}
#contents div.title {color:#333; font-size:48px; text-align:center; font-weight:700;}
#contents hr {width:100%; width:42px; border:0; border-top:3px solid #e60013; margin:26px auto 80px;}

div.inc {overflow:hidden;}
div.left {float:left;}
div.right {float:right;}


#about1 {width:100%; margin:0; padding:0 0 100px 0;}
#about1 p.title1 {font-size:40px; color:#333333; text-align:center;}
#about1 p.title2 {font-size:19px; color:#333333; text-align:center; margin-top:6px; font-weight:700;}
#about1 p.title2 span {color:#e60013;}
#about1 hr.title_bar {width:100%; border:0; border-top:1px solid #d6d6d6; margin:38px 0 42px 0;}
#about1 div.txt1 {width:100%; overflow:hidden; font-size:1.33em; color:#333; margin:30px 0; line-height:160%; font-weight:700;}
#about1 div.txt2 {width:100%; overflow:hidden; font-size:15px; color:#666666; line-height:180%;}
#about1 div.txt2 .left {width:50%; padding-right:30px; text-align:justify;}
#about1 div.txt2 .right {width:50%; padding-left:30px; text-align:justify;}
#about1 div.sign {width:100%; overflow:hidden; text-align:center; color:#333; line-height:160%; margin-top:45px; font-size:16px;}
#about1 div.sign hr {width:74px; border-top:1px solid #222; margin-bottom:16px;}

#about2 {width:100%; margin:0; padding:0 0 100px 0;}

#about3 {width:100%; margin:0; padding:0 0 100px 0;}
#about3 .box {margin-right:19px; margin-bottom:70px;}
#about3 .box p.title {height:24px; font-size:16px; color:#333;}
#about3 .right {margin-right:0;}

#about4 {width:100%; margin:0; padding:0 0 100px 0;}
#about4 dl {overflow:hidden; font-size:14px; border-top:1px solid #898989; border-bottom:1px solid #898989; padding:12px; margin-bottom:20px;}
#about4 dl dt {float:left; width:10%; line-height:30px;}
#about4 dl dd {float:left; width:90%; line-height:30px;}

#center1 {width:100%; margin:0; padding:0 0 100px 0;}
#center1 div.Tabs{height:56px; margin:0 0 30px 0; width:100%;} 
#center1 div.Tabs a {position:relative; float:left; font-weight:bold; margin-left:-1px; display:block; text-align:center; text-decoration:none; height:50px; padding:8px 40px 0; border:1px solid #eaeaea; font-size:15px; color:#333;} 
#center1 div.Tabs a:hover:after, #center1 div.Tabs a.Active:after{
content: ""; position: absolute; left: 50%; margin-left:-5px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-top: 10px solid #e60013; border-right: 10px solid transparent;}
#center1 div.Tabs a span {color:#898989; font-size:12px;}
#center1 div.Tabs a:first-child {margin-left:0px;}
#center1 div.Tabs a:hover, div.Tabs a.Active{color:#fff !important; background-color:#e60013; border:1px solid #e60013 !important;} 
#center1 div.Tabs a:hover span, div.Tabs a.Active span {color:#fff !important;}

#center1 div.Pad1 {width:100%;}
#center1 div.Pad1 .box {display:block; width:100%; border:1px solid #d9d9d9; margin:20px 0 20px; overflow:hidden; padding:0;}
#center1 div.Pad1 .box .desc {float:left; overflow:hidden; display:block; width:65%;}
#center1 div.Pad1 .box .desc p.title { font-size:16px; color:#333; padding:18px 30px 0;}
#center1 div.Pad1 .box .desc p.txt {font-size:13px; color:#898989; line-height:160%; padding:14px 30px 0; text-align:justify;}
#center1 div.Pad1 .box .img {float:right;}


#center1 div.Pad2 {width:100%;}
#center1 div.Pad2 p.title {font-size:30px; text-align:center; color:#333; font-weight:700; line-height:120% !important; margin:20px 0;}

#center2 {width:100%; margin:0; padding:0 0 100px 0;}
#center2 ul.box {width:100%; text-align:center;}
#center2 ul.box li {float:left; display:block; width:270px; height:241px; padding:50px 0 0 50px; margin:0 21px 50px;}
#center2 ul.box li.bg1 {background:url(/img/center2_img1.jpg) no-repeat center center;}
#center2 ul.box li.bg2 {background:url(/img/center2_img2.jpg) no-repeat center center;}
#center2 ul.box li.bg3 {background:url(/img/center2_img3.jpg) no-repeat center center;}
#center2 ul.box li.bg4 {background:url(/img/center2_img4.jpg) no-repeat center center;}
#center2 ul.box li.bg5 {background:url(/img/center2_img5.jpg) no-repeat center center;}
#center2 ul.box li.bg6 {background:url(/img/center2_img6.jpg) no-repeat center center;}
#center2 ul.box li.bg7 {background:url(/img/center2_img7.jpg) no-repeat center center;}
#center2 ul.box li.bg8 {background:url(/img/center2_img8.jpg) no-repeat center center;}
#center2 ul.box li.bg9 {background:url(/img/center2_img9.jpg) no-repeat center center;}
#center2 ul.box li p.title {text-align:left; font-size:18.5px; color:#333; margin-bottom:10px; font-weight:bold;}
#center2 ul.box li p.txt {text-align:left; font-size:13px; color:#898989; line-height:160%;}
#center2 ul.box li p.txt1 {float:left; width:44%; text-align:left; font-size:13px; color:#898989; line-height:160%;}
#center2 ul.box li p.txt2 {float:left; width:40%; text-align:left; font-size:13px; color:#898989; line-height:160%;}

#center3 {width:100%; margin:0; padding:0 0 100px 0;}
#center3 div.desc {line-height:180%; margin-bottom:100px; font-size:15px;}
#center3 div.desc p.title1 {font-size:30.5px; text-align:center; color:#333; line-height:130% !important; margin-bottom:20px; font-weight:bold;}
#center3 div.desc p.title2 {font-size:16px; text-align:center; color:#333; line-height:150% !important; margin-bottom:40px;}
#center3 div.desc img {margin:100px 0;}
#center3 p.title {font-size:18px; color:#333; margin-bottom:14px;}
#center3 table {border-top:2px solid #222222; width:100%; padding:0; border-collapse: collapse; margin-bottom:40px;}
#center3 table th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#center3 table th:last-child {border-right:0px solid #eaeaea;}
#center3 table td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:7px 0; min-height:28px;}
#center3 table td:last-child {border-right:0px solid #eaeaea;}
#center3 table td.bg {background:#f7f7f7;}
#center3 table td.line {border-right:1px solid #eaeaea;}

#center4 {width:100%; margin:0; padding:0 0 100px 0;}
#center4 div.desc {line-height:180%; margin-bottom:40px; font-size:15px;}
#center4 div.desc p.title1 {font-size:30px; text-align:center; color:#333; line-height:120% !important; margin-bottom:20px;}
#center4 p.title {font-size:18px; color:#333; margin-bottom:14px;}
#center4 table {border-top:2px solid #222222; width:100%; padding:0; border-collapse: collapse; margin-bottom:40px;}
#center4 table th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#center4 table th:last-child {border-right:0px solid #eaeaea; text-align:center;}
#center4 table td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:7px 0; min-height:28px;}
#center4 table td:last-child {border-right:0px solid #eaeaea; text-align:center;}
#center4 table td.bg {background:#f7f7f7}

#center5 {width:100%; margin:0; padding:0 0 100px 0;}
#center5 div.Tabs {height:56px; margin:0 0 60px 0; width:100%;} 
#center5 div.Tabs a {position:relative; display:block; float:left; width:33%; font-weight:bold; height:54px; line-height:54px; text-align:center; border:1px solid #eaeaea;} 
#center5 div.Tabs a:first-child {width:34%;}
#center5 div.Tabs a:hover, #center5 div.Tabs a.Active{background:#fff; border:1px solid #e60013 !important;} 
#center5 p.title1 {font-family:"Montserrat"; font-weight:700; font-size:40px; color:#333333; text-align:center; margin-bottom:20px;}
#center5 p.title2 {font-size:17px; color:#333333; text-align:center; margin-top:6px; margin-bottom:20px; line-height:140%;}
#center5 #gallery {margin-top:50px;}
#center5 #gallery .sp-selected-thumbnail {border: 4px solid #e60013;}
#center5 div.desc {line-height:180%; margin-bottom:100px; font-size:15px; padding:0;}
#center5 div.desc p.title {font-size:32px; color:#333; line-height:130% !important; margin-bottom:20px; font-weight:800; font-family:'NanumSquare', sans-serif;}
#center5 ul {width:100%;}
#center5 ul li {float:left; width:49%; list-style:none; margin:0 1% 10px 0; line-height:140%; border:1px solid #eaeaea; padding:0 0 30px;; text-align:center;}
#center5 ul li span {display:block; width:100%; color:#333; font-size:16px; text-align:center; background:#f3f3f3;padding:20px 0;}
#center5 ul li p {padding:0 30px;}


#center6 {width:100%; margin:0; padding:0 0 100px 0;}
#center6 div.Tabs{height:56px; margin:0 0 60px 0; width:100%;} 
#center6 div.Tabs a {position:relative; display:block; float:left; width:49.9%; font-weight:bold; margin-left:-1px; text-align:center; text-decoration:none; height:50px; line-height:50px; text-align:center; border:1px solid #eaeaea; font-size:15px; color:#333;} 
#center6 div.Tabs a:hover:after, #center6 div.Tabs a.Active:after{content: ""; position: absolute; left: 50%; margin-left:-5px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-top: 10px solid #e60013; border-right: 10px solid transparent;}
#center6 div.Tabs a span {color:#898989; font-size:12px;}
#center6 div.Tabs a:first-child {margin-left:0px;}
#center6 div.Tabs a:hover, div.Tabs a.Active{color:#fff !important; background-color:#e60013; border:1px solid #e60013 !important;} 
#center6 div.Tabs a:hover span, div.Tabs a.Active span {color:#fff !important;}
#center6 div.desc {line-height:180%; margin-bottom:100px; font-size:15px;}
#center6 div.desc p.title1 {font-size:20px; text-align:center; color:#333; line-height:120% !important; margin:40px 0 20px;}
#center6 p.title {font-size:18px; color:#333; margin-bottom:14px;}
#center6 ul {width:100%;}
#center6 ul li {width:100%; list-style:none; margin-bottom:20px; line-height:180%; border:1px solid #eaeaea; padding:30px; text-align:justify;}
#center6 ul li strong {color:#333; font-size:16px;}
#center6 ul.w50 li {width:49%; margin-right:1%; float:left; list-style:none; margin-bottom:20px; line-height:140%; border:1px solid #eaeaea; padding:0 0 14px 0; text-align:center;}
#center6 ul.w50 li img {margin-bottom:14px; width:100%;}

#center7 {width:100%; margin:0; padding:0 0 100px 0;}
#center7 div.desc {line-height:180%; margin-bottom:40px; font-size:18px; text-align:center;}
#center7 div.desc p.title1 {font-size:30px; text-align:center; color:#333; line-height:120% !important; margin-bottom:0px;}
#center7 table {border-top:2px solid #222222; width:100%; padding:0; border-collapse: collapse; margin-bottom:20px;}
#center7 table th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#center7 table th:last-child {border-right:0px solid #eaeaea; text-align:center;}
#center7 table td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:7px 0; min-height:28px; line-height:150%; font-size:13px;}
#center7 table td:last-child {border-right:0px solid #eaeaea; text-align:center;}
#center7 table td.bg {background:#f7f7f7}
#center7 table td ul {margin:0 20px;}
#center7 table td ul li {display:block; line-height:24px; text-align:left;}

#store {width:100%; margin:0; padding:0 0 100px 0;}
#store #box1 {overflow:hidden; margin-bottom:114px;}
#store #box1 div.no {float:left; width:110px; height:146px; background:url(/img/store_no1.jpg) no-repeat center top; margin-right:38px;}
#store #box1 .title {padding-top:8px; font-size:38px; color:#333; margin-bottom:40px;}
#store #box1 .txt {overflow:hidden; font-size:15px; color:#666; line-height:180%;}

#store #box2 {overflow:hidden; margin-bottom:114px;}
#store #box2 div.no {float:left; width:110px; height:146px; background:url(/img/store_no2.jpg) no-repeat; margin-right:38px;}
#store #box2 .title {padding-top:8px; font-size:38px; color:#333; margin-bottom:40px;}
#store #box2 div.icon {float:left; width:250px; margin-right:20px;}
#store #box2 div.icon:last-child {margin-right:0px;}
#store #box2 div.icon p.icon {text-align:center;}
#store #box2 div.icon p.txt {width:250px; height:75px; text-align:center; line-height:140%; vertical-align:middle; padding-top:15px; background:#eaeaea; font-size:15px;
-moz-border-radius: 94px;-webkit-border-radius: 94px; border-radius: 94px;}

#store #box3 {overflow:hidden; margin-bottom:114px;}
#store #box3 div.no {float:left; width:110px; height:146px; background:url(/img/store_no3.jpg) no-repeat; margin-right:38px;}
#store #box3 .title {padding-top:8px; font-size:38px; color:#333; margin-bottom:40px;}
#store #box3 .img img {margin-right:20px;}
#store #box3 .img img:last-child {margin-right:0px;}
#store #box3 ul.circle {float:right; width:800px; margin-top:48px; text-align:center;}
#store #box3 ul.circle li {list-style:none; display:inline-block; width:222px; height:223px; -moz-border-radius: 194px;-webkit-border-radius: 194px; border-radius: 194px; border:5px solid #666666; margin:0 17px; text-align:center; padding-top:30px;}
#store #box3 ul.circle li p.no {font-family:"Montserrat"; font-weight:200; font-size:29px; color:#e60013;}
#store #box3 ul.circle li p.title {font-size:23px; color:#e60013; font-weight:bold; margin-bottom:10px;}
#store #box3 ul.circle li p.txt {font-size:14.5px; line-height:160%;}

#store #box4 {overflow:hidden; margin-bottom:114px;}
#store #box4 .desc {background:#f8f8f8; padding:40px 30px; font-size:18px; color:#333; line-height:140%; margin-bottom:46px;}
#store #box4 .desc span {color:#e60013;}
#store #box4 .inc {margin-bottom:46px;}
#store #box4 .inc div.left {width:544px;}
#store #box4 .inc div.left p.title {font-size:18px; color:#333; margin-bottom:26px;}
#store #box4 .inc div.left p.txt {font-size:14px; color:#898989; margin-bottom:12px;}
#store #box4 .inc div.left p.txt span {float:right;}
#store #box4 .inc div.left table {border-top:2px solid #222222; width:100%; padding:0; border-collapse: collapse;}
#store #box4 .inc div.left table th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#store #box4 .inc div.left table th:last-child {border-right:0px solid #eaeaea;}
#store #box4 .inc div.left table td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:8px 0;}
#store #box4 .inc div.left table td:last-child {border-right:0px solid #eaeaea; text-align:center;}
#store #box4 .inc div.right {overflow:hidden;}

#store #box5 {overflow:hidden; margin-top:114px;}
#store #box5 .desc {background:#f8f8f8; padding:40px 30px; font-size:18px; color:#333; line-height:140%; margin-bottom:46px;}
#store #box5 .inc {margin:0;}
#store #box5 .inc p.title {font-size:18px; color:#333; margin-bottom:26px;}
#store #box5 .inc div.box {overflow:hidden; float:left; margin-right:20px;}
#store #box5 .inc div.box:last-child {margin-right:0px;}
#store #box5 .inc div.box .img {margin-bottom:10px;}
#store #box5 .inc div.box table#table1 {border-top:2px solid #222222; width:300px; padding:0; border-collapse: collapse; margin-bottom:43px;}
#store #box5 .inc div.box table#table1 th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#store #box5 .inc div.box table#table1 th:last-child {border-right:0px solid #eaeaea; text-align:center;}
#store #box5 .inc div.box table#table1 td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:7px 0;}
#store #box5 .inc div.box table#table1 td:last-child {border-right:0px solid #eaeaea; text-align:center;}

#store #box5 .inc table#table2 {border-top:2px solid #222222; width:100%; padding:0; border-collapse: collapse;}
#store #box5 .inc table#table2 th {padding:16px; text-align:center; background:#f7f7f7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#333;}
#store #box5 .inc table#table2 th:last-child {border-right:0px solid #eaeaea; text-align:center;}
#store #box5 .inc table#table2 td {border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; padding:7px 0; min-height:28px;}
#store #box5 .inc table#table2 td:last-child {border-right:0px solid #eaeaea; text-align:center;}
#store #box5 .inc table#table2 td.bg {background:#f7f7f7}
#store #box5 .inc .txt {margin-top:60px; font-size:18px; color:#333; text-align:center; line-height:150%;}
#store #box5 .inc .txt span {color:#e60013;}


#academy1 {width:100%; margin:0; padding:0 0 100px 0;}
#academy1 div.desc {line-height:180%; margin-bottom:50px; font-size:15px;}
#academy1 div.desc p.title {font-size:28px; line-height:120%;color:#e70014; margin-bottom:10px; font-weight:bold;}
#academy1 div.desc p.txt {font-size:15px; color:#333; line-height:150% !important; margin-bottom:40px;}
#academy1 div.desc p.txt strong {color:#e70014;}
#academy1 .gallery {border:5px solid #c1c1c1; padding:80px 0;}
#academy1 .ad-gallery {width:700px; margin:0 auto;}
#academy1 .ad-gallery .ad-image-wrapper {height:467px;}
#academy1 ul.ad-thumb-list li {text-align:center;}
#academy1 ul.ad-thumb-list li span {font-size:12px; display:inline-block; padding-top:5px;}
#academy1 .box {width:50%;}
#academy1 .box .title {color:#e70014;}


/* sms */
.sms {width:98px; padding:10px 4px; text-align:center; letter-spacing:-0.6px; font-size:11px; background:#ededed; border-bottom:1px solid #fff;;}
.sms .title {font-weight:bold; color:#333; font-size:13px; letter-spacing:0px; margin-bottom:4px;}
.sms input[type="text"] {width:90px; border:1px solid #eaeaea; background:#fff; padding:4px 0 4px 4px; margin-bottom:2px; letter-spacing:0px;}
.sms input[type="checkbox"]{border:1px solid #eaeaea;}
.sms input[type="submit"] {background:#333; color:#fff; border:0px; width:90px; padding:6px 0;}
.sms .check {display:block; margin:8px 0;}

/* 하단 레이아웃 */

#footer_menu {padding:40px 0; background:#333; color:#fff;}
#footer_menu .inc {width:1200px; margin:0 auto; height:100%;}
#footer_menu ul {float:left; width:16.6%; border-right:1px solid #444; height:200px;}
#footer_menu ul:last-child {border-right:0;}
#footer_menu ul li {list-style:none; margin-bottom:10px; text-align:center;}
#footer_menu ul li.title {margin-bottom:20px; font-size:16px;}
#footer_menu ul li a {color:#fff; color:#898989}

#footer {position:relative; overflow:hidden; width:100%; min-width:1200px; background:#fff; padding:54px 0;}
#footer .company {text-align:center; font-size:14px; color:#898989; line-height:180%;}
#footer .company img {margin-bottom:24px;}
#footer .copy {text-align:center; font-size:11px; color:#898989; margin-top:10px;text-transform:uppercase;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#333333}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#333333;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

button.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
button.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */



/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em; line-height:100%;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family: 'Nanum Barun Gothic', sans-serif;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#333333}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}