@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@font-face{font-family: NotoSansR; src:url('../font/notokr-regular.eot'); src:url('../font/notokr-regular.woff') format('woff');}
@font-face{font-family: NotoSansM; src:url('../font/notokr-medium.eot'); src:url('../font/notokr-medium.woff') format('woff');}
@font-face{font-family: NotoSansB; src:url('../font/notokr-bold.eot'); src:url('../font/notokr-bold.woff') format('woff');}
@font-face{font-family: NotoSansL; src:url('../font/notokr-light.eot'); src:url('../font/notokr-light.woff') format('woff');}


/* float 처리  */
.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

::selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
::-moz-selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
::-webkit-selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}

/* =============================================
	reset
============================================= */
html, body {height:100%;}
html {overflow-y:scroll;}
body {margin:0; padding:0; font-size:13px; font-family:'Lato', 'NotoSansR', sans-serif !important; color:#666; line-height:1.6 !important; -webkit-font-smoothing: antialiased; font-smoothing:auto; word-break:keep-all; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:13px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0; padding:0;}

ul, li {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:'Lato', 'NotoSansR', sans-serif; font-size:13px;}
button {cursor:pointer}

input, textarea, select {font-size:13px; font-family:'Lato', 'NotoSansR', sans-serif;}
select {margin:0}
p {margin:0;padding:0;}
hr {display:none}
pre {font-family:'Lato', 'NotoSansR', sans-serif; font-size:13px; color:#666; padding:0; margin:0;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000; }



.container { }
a {transition:0.5s; -webkit-transition:0.5s;}
a:hover {transition:0.5s; -webkit-transition:0.5s;}


.cont_title {background:url(../images/home/title_line.png) center bottom no-repeat; padding-bottom:30px; text-align:center; margin-bottom:30px;}
.cont_title h2 {font-size:35px; color:#232c3b; font-weight:bold; margin-bottom:5px;}
.cont_title p {font-size:14PX; color:#7a8089;}

.cont_title_white {background:url(../images/home/title_line_white.png) center bottom no-repeat; padding-bottom:30px; text-align:center; margin-bottom:30px;}
.cont_title_white h2 {font-size:35px; color:#fff; font-weight:bold; margin-bottom:5px;}
.cont_title_white p {font-size:14PX; color:#fff;}

/* =============================================
	header
============================================= */
#header {}
#header .top {background:#222935;}

#header .top_contact {float:right; line-height:30px;}
#header .top_contact li {float:left; margin-left:10px; text-align:right;}
#header .top_contact li:first-child {margin-left:0;}
#header .top_contact li a {display:block; color:#fff; font-size:12px; }
#header .top_contact li a i {display:inline-block; color:#596269; font-size:14px; margin-right:5px;}
#header .language {display:block; background:#4f5662; padding:0 10px;}
#header .language:hover {background:#fff; color:#222935;}

#header .head {border-bottom:1px solid #dadada; padding-bottom:10px;}
#header .logo { margin-top:20px;}
#header .logo img { width:191px; height:auto;}

#header .count {display:block; line-height:29px;}
#header .count li {float:left; margin-right:15px;}
#header .count li span.tit {background:#4f5662; display:inline-block; font-size:11px; padding:1px 8px; border-radius:10px; margin-right:3px; color:#d0d2d5; line-height:15px;}
#header .count li span.num {font-size:12px; color:#fff;}



/* =============================================
	footer
============================================= */
#footer .foot_info {padding:15px 0 50px; margin:0; background:#222935; text-align:center; margin-top:50px;}
#footer .foot_info h1 {margin-bottom:20px;}
#footer .foot_info p { }
#footer .foot_info p span {display:inline-block; margin-right:10px; font-size:12px; color:#fff;}
#footer .foot_info p span strong {color:#adc600;}
#footer .foot_info p.copyright {font-size:11px; color:#767e8b; font-weight:600; /*text-transform:uppercase;*/ margin-top:20px;}


/* =============================================
	home
============================================= */
#home {}
.main_img_wrap {width:100%; height:100%;}
.main_img_wrap .row {margin:0 !important;}
.main_img {padding:0 !important; background:url(../images/home/main_bg.jpg) center top; width:100%; height:550px;}
.main_img .txt1 {margin-top:180px;}
.main_img .txt2 {margin-top:30px;}
.main_img .img {margin-top:130px;}


.main_business_wrap {}
.main_business_wrap .row{margin:0 !important;}
.main_business { position:relative; padding:0 !important; display:block;}
.main_business .txt {position:absolute; width:100%; padding:30px; z-index:99; display:block; text-shadow:1px 1px 0 rgba(0,0,0,0.3);}
.main_business .txt.b1 {text-align:right;}
.main_business .txt.b2 {text-align:center;}
.main_business .txt.b3 {text-align:left;}
.main_business .txt_b {color:#fff; font-size:28px; font-weight:500;}
.main_business .txt_s {color:#c4c3c5; font-size:16px;}
.main_business .img img { display:inline-block; width:100%; max-width:none; }




.main_technology_wrap {padding-top:30px;}
.main_technology { }
.main_technology a {display:block; box-shadow:0px 0px 5px rgba(0,0,0,0.2); background:#fff; text-align:center; padding:40px 20px; margin:0 0px 30px; border-radius:20px;}
.main_technology .icon {display:block; width:125px; height:125px; border:1px solid #dadada; margin:0 auto; border-radius:100%;}
.main_technology .icon.b1 {background:#fff url(../images/home/technology_icon1.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology .icon.b2 {background:#fff url(../images/home/technology_icon2.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology .icon.b3 {background:#fff url(../images/home/technology_icon3.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology .icon.b4 {background:#fff url(../images/home/technology_icon4.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology .txt_b {font-size:22px; font-weight:bold; color:#222935; margin-top:20px;}
.main_technology .txt_s {font-size:13px; color:#919396; margin-top:10px;}
.main_technology .more {display:inline-block; background:#222935; font-size:15px; padding:5px 25px; color:#fff; font-weight:600; border-radius:5px; margin-top:30px; transition:0.5s; -webkit-transition:0.5s;}
.main_technology a:hover {background:#f5f5f5;}
.main_technology a:hover .icon.b1 {background:#51b8d3 url(../images/home/technology_icon1-hover.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology a:hover .icon.b2 {background:#51b8d3 url(../images/home/technology_icon2-hover.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology a:hover .icon.b3 {background:#51b8d3 url(../images/home/technology_icon3-hover.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology a:hover .icon.b4 {background:#51b8d3 url(../images/home/technology_icon4-hover.png) center center no-repeat; transition:0.5s; -webkit-transition:0.5s;}
.main_technology a:hover .more {background:#51b8d3; transition:0.5s; -webkit-transition:0.5s;}

.latest_news_wrap {background:url(../images/home/latest_bg.jpg) center center; background-attachment:fixed; padding-top:30px;}
.latest_news {background:#fff; border-radius:20px; margin:0 0px 30px; padding:25px 20px;}
.latest_news .date {float:left; background:url(../images/home/calendar.png) center top no-repeat; width:25%; height:95px; text-align:center;}
.latest_news .date span {display:block; color:#222935;}
.latest_news .date span.yy {font-size:13px;}
.latest_news .date span.mm {font-size:13px; margin-top:20px;}
.latest_news .date span.dd {font-size:26px; line-height:26px; font-weight:800;}
.latest_news .latest_title {float:right; width:70%;}
.latest_news .latest_title .subject {font-size:14px; font-weight:bold; }
.latest_news .latest_title .subject:hover {text-decoration:underline;}
.latest_news .latest_title .name_hit {margin-top:10px;}
.latest_news .latest_title .name_hit span {display:inline-block; font-size:12px; color:#666; margin-right:10px;}
.latest_news .latest_title .name_hit i {font-size:15px; color:#f37f0f;}
.latest_news p {font-size:13px; color:#666; margin:10px 0;}
.latest_news .more {display:inline-block; background:url(../images/home/arrow.png) right center no-repeat; padding-right:15px; font-size:13px; color:#222935; font-weight:600;}

#scrolling_news { width:96%; margin:0 auto;  min-height:245px;}
#scrollBtn_news {position:relative;}
#scrollBtn_news a {position:absolute; top:-150px; display:block; }
#scrollBtn_news a i {color:#d8d8d8; font-size:20px;}
#scrollBtn_news a:hover i {color:#9e9e9e;}
#scrollBtn_news a.btnLeft_news {left:0; }
#scrollBtn_news a.btnRight_news {right:0;}






.scroll {margin-top:10px;}
#scrolling { width:96%; margin:0 auto; }
#scrolling a {display:block; text-align:center; line-height:70px;}
#scrollBtn {position:relative;}
#scrollBtn a {position:absolute; top:-45px; display:block; }
#scrollBtn a i {color:#d8d8d8; font-size:20px;}
#scrollBtn a:hover i {color:#9e9e9e;}
#scrollBtn a.btnLeft {left:0; }
#scrollBtn a.btnRight {right:0;}

.partners_wrap {  padding-top:30px;}







@media (max-width: 992px) {
	.main_img {width:100%; height:500px;}
	.main_img .txt1 {margin-top:80px;}
	.main_img .txt2 {margin-top:30px;}
	.main_img .img {margin-top:50px;}
	.main_business .txt.b1 {text-align:center;}
	.main_business .txt.b2 {text-align:center;}
	.main_business .txt.b3 {text-align:center;}	
	#header .sns {display:inline-block;}
	#header .top_contact {float:none;display:inline-block;}
	#header .count {display:inline-block;}
}













/*.wsslider_wrapper { position: relative; top: 0; left: 0; min-width: 1000px; height:450px; overflow-x: hidden; margin: 0 auto; }
.wsslider_inner { position: absolute; left: 50%; margin-left: -960px; width: 1920px; min-height: 450px; }*/
#wowslider-container-main .ws_bullets {bottom:15px !important; }
#wowslider-container-main .ws_bullets a.ws_selbull {background:#b8000a !important; border-radius:50%; width:13px; height:13px;}
#wowslider-container-main .ws_bullets a { background:#000 !important; box-shadow:none !important; -webkit-box-shadow:none !important; border-radius:50%; width:13px; height:13px;}

#home {}
#home .business {}
#home .business h3 {text-align:center; margin-bottom:20px;}
#home .business h3 small {font-size:0.6em; color:#b8000a; text-transform:uppercase; font-weight:800;}
#home .business h3 p {font-size:1.25em; color:#333; font-weight:800;}
#home .business ul {}
#home .business ul li {margin-bottom:20px;}
#home .business ul li div {width:85%; margin:0 auto;}
#home .business ul li div figure {width:30%; margin:0 auto; margin-bottom:10px;}
#home .business ul li div figcaption {text-align:Center;}
#home .business ul li div figcaption p {font-size:1.5em; font-weight:800; color:#333;}
#home .business ul li div figcaption span {font-size:0.9em; color:#666;}

#home .product_st100 { position:relative; background:#3a424c url(../img/home/product_st100_bg.jpg) center top no-repeat;  padding:30px 0;}




#home .product_st100 h3 { margin-bottom:30px; }
#home .product_st100 h3 span { background:url(../img/home/product_title_bg.png) left bottom no-repeat; font-size:1em; color:#fff; font-weight:800; padding-bottom:10px; }
#home .product_st100 figcaption {}
#home .product_st100 figcaption ul {}
#home .product_st100 figcaption ul li {margin:20px 0;}
#home .product_st100 figcaption ul li aside {float:left; width:15%; margin-right:5%;}
#home .product_st100 figcaption ul li p {float:left; width:80%;}
#home .product_st100 figcaption ul li p strong {display:block; font-size:1.2em; color:#fff; font-weight:800;}
#home .product_st100 figcaption ul li p span {display:block; font-size:0.9em; color:#d8d9db;}

#home .product_st100 figure {padding:0 !important; position:absolute; top:0; right:0;}
#home .product_st100 figure img {}


.btn_detail {display:inline-block; background:#fff; color:#3a424c !important; font-size:1.3em; padding:8px 25px; border-radius:10px;}
.btn_detail i {font-size:1.4em;}
.btn_detail:hover {background:#b8000a; text-decoration:none; color:#fff !important;}

#home .noticebanner {padding:30px 0;}
#home .notice {}
#home .notice h3 {font-size:2.5em; color:#b8000a; font-weight:800;}
#home .notice .board_list {box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
#home .notice .board_list article {border-bottom:1px solid #ebebeb; padding:15px;}
#home .notice .board_list article aside {display:block; float:left; background:#eeeeee; width:5%; text-align:center; }
#home .notice .board_list article aside i {color:#999999;}
#home .notice .board_list article a {display:block; float:right; color:#4a4a4a; font-size:1.1em; font-weight:bold; width:93%;}
#home .notice .board_list article:hover {background:#f7f7f7;}
#home .notice .board_list article:hover a {text-decoration:none;}
#home .notice .board_list article.more {background:url(../img/home/arrow_red.png) 98% center no-repeat;}
#home .notice .board_list article.more a {color:#b8000a;}
#home .ban {}
#home .ban .banner {padding:0; margin-top:63px; margin-bottom:10px;}
#home .ban .banner aside {border:1px solid #dadada; padding:10px; margin:5px; height:260px;}
#home .ban .banner aside.b1 {background:url(../img/home/map.png) right bottom no-repeat;}
#home .ban .banner aside.b2 {background:url(../img/home/as.png) right bottom no-repeat;}
#home .ban .banner aside.b3 {background:url(../img/home/control.png) right bottom no-repeat;}
#home .ban .banner h3 {font-size:1.5em; font-weight:800; color:#b8000a;}
#home .ban .banner p {font-size:0.9em; color:#4a4a4a;}
#home .ban .banner a {display:block; background:#b8000a url(../img/home/arrow_white.png) 80% center no-repeat; color:#fff; padding:5px 10px; width:50%; border-radius:30px;}
#home .ban .banner a:hover {text-decoration:none; background:#333 url(../img/home/arrow_white.png) 80% center no-repeat;;}
#home .ban .banner p.phone {font-size:2.2em; color:#3a424c; font-weight:800; margin:0 0 0;}
#home .ban .banner span {font-size:1.2em;}

@media (max-width: 975px) {
	#home .product_st100 { position:relative; background:#3a424c url(../img/home/product_st100_bg.jpg) center left no-repeat;  padding:30px 0;}
	#home .ban .banner {padding:0; margin-top:10px; margin-bottom:10px;}
	#home .ban .banner aside {border:1px solid #dadada; padding:10px; margin:5px; height:auto;}
}





.news_title {background:url(../img/content/news.jpg) center top no-repeat; text-align:center; padding:30px 10px; }
.news_title h3 {display:inline-block; font-size:1.3em; color:#fff; font-weight:bold; margin:0; }
.news_title p {margin:0; color:#ddd; }
.news_title p span {color:#ff0000;}


.holding_title  {background:url(../img/content/holding_bg.jpg) center bottom no-repeat; padding:60px; }
.holding_title p {font-size:1.7em; color:#fff; line-height:1.3em;}


/*
.main-img { margin:0; position: relative; width:100%; height:0; overflow: hidden; padding-bottom:28%;}
.main-img ul { position:absolute; top:0; left:0; width:100%; height:100%;}
.main-img ul li {  }

.main-btn {border-bottom:1px solid #dadada;}
.main-btn ul {margin-bottom:0; display:table; border-collapse:collapse;}
.main-btn ul li {display:table-cell; border:1px solid #dadada; border-bottom:0;}
.main-btn ul li a {display:block; text-align:center; line-height:30px; border:2px solid #fff; font-size:0.9em; color:#666;}
.main-btn ul li a:hover {border:2px solid #da2128; text-decoration:none; color:#da2128;}
.main-btn ul li a.active {border:2px solid #da2128; text-decoration:none; color:#da2128;}
*/

.slick-slider {border-bottom:1px solid #dadada;}
.slick-dots {margin-bottom:0; display:table !important; border-collapse:collapse;width: 100%;}
.slick-dots li {display:table-cell; border:1px solid #dadada; border-bottom:0;}
.slick-dots li a {display:block; text-align:center; line-height:30px; border:2px solid #fff; font-size:0.9em; color:#666; cursor: pointer;}
.slick-dots li.slick-active {border:2px solid #da2128; text-decoration:none; color:#da2128;}
.slick-dots li.slick-active a {color: inherit;}


@media (max-width: 767px) {
	.slick-dots {display: none !important;}	
}
@media (min-width: 768px) and (max-width: 991px) {
	.slick-dots {display: none !important;}
}



.product_box {position:relative; margin-bottom:15px;}
.product_box aside {position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-60px; width:100px; height:100px; line-height:100px; border:1px solid #dadada; background:#fff; border-radius:50%; text-align:center;}
.product_box aside img {width:80%; height:auto;}
.product_box figure {border:1px solid #dadada; border-bottom:0;}
.product_box figcaption {border:1px solid #dadada; min-height:150px; padding:60px 10px 10px 10px; font-size:0.75em; color:#555;}

/*공통*/

#container:after{display:block;content:"";clear:both; }
section{position:relative}
#introduce, #business, #recruit_process, #recruit, #request{padding-top:90px; padding-bottom:130px}
.more_down{margin-top:10px; width:19px;height:19px;display:inline-block;background: url("../img/more_down.png") center center no-repeat}
.more_down2{margin-top:10px; width:19px;height:19px;display:inline-block;background: url("../img/more_down2.png") center center no-repeat}
.scl_top{margin-top:10px; width:19px;height:19px;display:inline-block;background: url("../img/scl_top.png") center center no-repeat}

.content p{font-size:18px;line-height:30px;color: #222;}
.content p.itd_title{font-size:24px;margin-bottom:30px;}
.content a {text-decoration:none;padding:8px;margin-top: 10px;}
.content a:hover{text-decoration:none;}

#top_btn{position:fixed;top:70%;right:20px;display:block;width:50px;height:50px;border-radius:5px;background-color:#fff !important;border:1px solid #d7d7d7;text-indent:-9999px;background:url("../images/footer/top.png") center center no-repeat; overflow:hidden;opacity:0.8;z-index: 999;}


/* 화면 낭독 */

#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}


/* Header */

#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}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {background: transparent;color: #77d3f7 !important;}
.navbar-inverse .navbar-nav li a{color: #fff!important;}


/* #home 배너 */

#home:after{display:block;clear:both;content:"";}
.home_section {height:100%;padding:150px 0 200px 0;overflow:hidden;}
.background_bg, .backstretch{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background: url("../img/bg.jpg") center center no-repeat; background-image:100%; !important;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.home_section .container {height: 100%;}
.home_content {position:relative;display:table;height:100%;width:100%;overflow: hidden;}
.title {font-size: 40px;line-height: 50px;color: #fff;font-weight: 600;}
.description {margin-bottom: 30px;font-size: 18px;line-height: 30px;color: #fff;}


/*회사소개*/
#introduce .itd_ct{padding-top:30px;}
#introduce .ct_header {padding-top: 20px}
#introduce .main_feature{margin:40px 0px;}
#introduce .content span.icon_img{width:107px; height:76px; margin-bottom:60px;display:inline-block; background: url("../img/introduce_title.png") center center no-repeat !important;}
#introduce .com_intro_more{display:inline-block;border:1px solid #3b4c54; background:#fff; border-radius:8px; padding:5px 15px;color:#3b4c54;margin-top:30px !important}
#introduce .com_intro_more:hover{background:#3b4c54; color:#fff; border:1px solid #3b4c54;}

/*사업영역*/
#business{width:100%;height:auto;background: url("../img/bis_bg.png") repeat !important;}
#business .bis_ct{padding-top:30px;}
#business .ct_title{color:#fff}
#business .content{height:auto;padding:10px;margin:20px 0;border-radius:10px}
#business .content:hover{background:rgba(225, 225, 225, 0.3)}
#business .content span{display:inline-block;height:57px}
#business .content span.icon01{width:39px;background: url("../img/bis_icon_01.png") no-repeat !important;}
#business .content span.icon02{width:75px;background: url("../img/bis_icon_02.png") no-repeat !important;}
#business .content span.icon03{width:45px;background: url("../img/bis_icon_03.png") no-repeat !important;}
#business .content h5{color:#fff; font-size:24px; font-weight:normal; border-bottom:1px solid #fff; padding-bottom:20px;}
#business .content p{padding-top:30px;color:#fff;font-size:16px;}


/*홍보센터*/
#public_relation{padding-top:90px;}
#public_relation:after{display:block; content:""; clear:both}
#public_relation .container{margin-bottom:30px;}

.pr_wrap{position: relative;display:block;width:100%;padding:0px;margin:0px;transition:height 450ms ease-out 0s;-webkit-transition: height 450ms ease-out 0s;-o-transition: height 450ms ease-out 0s;}
.pr_gall{display:block;overflow:hidden;padding:0px;float:left;background: #FBFAF8 !important;padding:0 !important;}
.pr_gall .figure{padding:0px;width:100%; height:100%;}
.pr_gall .lt_image{background: #eee}
.pr_gall img{display:block;width:100% !important;height:auto !important;}
.pr_gall .mouse_over{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background: rgba(119, 211, 247, 0.6); transition:0.3s ease-in-out; padding:3%}
.pr_gall .mouse_over a{margin-top:10%:}
.pr_gall:hover .mouse_over{display:block;}
.pr_gall .lt_tit{color:#fff;font-size:100%;margin-top:35%;display:block;text-align:center;height:20px;overflow:hidden;}
.pr_gall .lt_detail{display:inline-block;width:80%;height:40px;overflow:hidden;margin-top:20px;font-size:90%;}
.pr_gall .lt_detail a{color:#fff !important;}





/*채용정보*/

#recruit{background:url("../img/recruit_bg.png") repeat}

.recruit_info{position: relative;margin-top: 40px;}
.single_blog{margin: 0px 15px;}
.post_img img{float:left;width:100%;height:250px;}
.post_img{position:relative;}
.post-date{float:left;position:absolute;bottom:0px;left:0;/*width:50%;height:70px;*/}
.post_img{text-decoration:none;color: #fff;}
.post-date span{display: block;padding: 5px 0px;font-size: 30px;font-weight: 700;margin: 3px 0px;}
.post-date{font-size: 20px;text-align:left;}
.single_blog ul li{color: #999;font-size: 12px;}
.single_blog ul li i{}
.single_blog h4{text-transform: uppercase;padding-top: 15px;clear:both;}
.single_blog h4:hover{color: #EE3B24;}
.single_blog p{margin: 8px 0px;font-size: 13px;text-align: justify;}


/*문의*/

#request{}

#contact_from {height:100%;position:relative}
#contact_fs legend {border:none !important;position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#contact_fs label {width:100%; text-align:left; margin-bottom:20px; padding-left:15px; background:url('../img/dot_bg.png') center left no-repeat;}
#contact_fs textarea {width:100%;border:1px solid #e4eaec !important;margin-bottom:20px; border-radius:8px; padding:5px;background:#fff !important}
#contact_fs .frm_input {display:block;width:100%; height:40px; background:#fff !important; border:1px solid #e4eaec !important;border-radius:8px;margin-bottom:20px;padding:5px}
#contact_fs .btn_submit {right:50px;width:100%;height:55px;background:#3b4c54;font-size:16px;border-radius:8px;font-weight:bold;border:none;color:#fff;}
#contact_fs .captcha{}


/*찾아오시는 길*/

#location{padding-top:90px;background:#f2f2f2}
.location_info{padding:70px 0;}
.location_info:after{display:block;clear:both;content:"";}
.location_info ul li{float:left;text-align:center !important;width:25%;height:20px;}
.location_info ul li:first-child{background: url("../img/location_iofo.png") center -3px no-repeat;}
.location_info ul li:nth-child(2){background: url("../img/location_iofo.png") center -22px  no-repeat}
.location_info ul li:nth-child(3){background: url("../img/location_iofo.png") center -40px no-repeat;}
.location_info ul li:last-child{background: url("../img/location_iofo.png") center -60px no-repeat;}
#map{width:100%; height:800px; background: pink}
#map iframe{width:100% !important; height:600px; }

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative;min-height:80px;margin-bottom:20px; float:left}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio{width:100%;}
#captcha #captcha_img {width:101px;height:43px;border:1px solid #e4eaec !important;display:inline-block;}
#captcha #captcha_mp3 {position:relative;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;display:inline-block;}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:relative;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;display:inline-block;}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {display:inline-block;padding:0 5px;width:100%;max-width:78px;height:43px;border:1px solid #e4eaec !important;
background:#fff !important;font-size:1.333em;font-weight:bold;text-align:center;}
#captcha #captcha_info {display:block;padding-top:30px}

/* 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 {height:32px;padding:7px 10px 24px 10px;border:0;background:#3b4c54;color:#fff;letter-spacing:-0.1em;cursor:pointer;border-radius:8px}
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;border-radius:8px} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.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: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-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;color:#666;font-weight:normal}
.tbl_head01 a {}
.tbl_head01 .copymove_current{color:red;}

.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: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}
.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; border:1px solid #e9e9e9;}
.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:dotum;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:1px solid #4b545e;color:#4b545e;line-height:2em;cursor:pointer;border-radius:8px;background:#fff}
.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}


/* 자바스크립트 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 30px 10px;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 {text-decoration:none;border:1px solid #eee;border-radius:8px;}
.pg_page:hover{border:1px solid #77d3f7 ;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#3b4c54;color:#fff;font-weight:normal;border-radius:8px;}

/* ----------------------------------------
	common
---------------------------------------- */
.btnArea {text-align:center; margin:30px 0;}
.btnArea a {display:inline-block;}
.btnArea button {border: none;}
.btn_skyblue {display:inline-block; background:#51b8d3; font-size:16px; color:#fff !important; font-weight:800; line-height:50px; padding:0 50px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); border-radius:5px; margin:3px;}
.btn_gray {display:inline-block; background:#555555; font-size:16px; color:#fff !important; font-weight:800; line-height:50px; padding:0 50px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); border-radius:5px; margin:3px;}


/* 제작문의 */
.prototype_inquiry {border:5px solid #4c4c4c; width:100%; margin:0 auto;}
.prototype_inquiry h3 {border-bottom:1px solid #dadada; background:#fafafa url(../../../images/content/dot2.png) 15px center no-repeat; font-size:22px; color:#232c3b; font-family:'NotoSansB'; padding:13px 10px 13px 35px;}
.prototype_inquiry .inquiry_box {margin:20px;}
.prototype_inquiry table { width:100%;}
.prototype_inquiry table th {border:1px solid #dadada; padding:10px; text-align:center; background:#f4f4f4;}
.prototype_inquiry table th span {color:#ea5482;}
.prototype_inquiry table td {border:1px solid #dadada; padding:10px;}
.prototype_inquiry input.input_text {width:100%; border:1px solid #dadada; background:#fafafa; padding:7px; }
.prototype_inquiry input.input_phone {width:60px; border:1px solid #dadada; background:#fafafa; padding:7px;}
.prototype_inquiry select.select_phone {width:60px; border:1px solid #dadada; background:#fafafa; padding:7px;}
.prototype_inquiry textarea.textarea_text {width:100%; border:1px solid #dadada; background:#fafafa; padding:7px; min-height:150px; }





/* 181011 */
.bg-gray { background:#f7f7f7; }