@charset "utf-8"; 

/* 초기화 */
html { overflow-y:scroll; }
body { margin:0; padding:0; font-size:16px; font-weight:300; line-height:1.5; 
font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif; color:#454545;}
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:'Noto Sans KR', 'Nanum Gothic', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

ul, dl,dt,dd { 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; font-size:1em; }
input, button { margin:0; padding:0; font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size:1em; }
input[type="submit"] { cursor:pointer; }
button { cursor:pointer; }

ul:after { display:block; visibility:hidden; clear:both; content:""; }

textarea, select { font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size:1em; }
select { margin:0; }
p { margin:0; padding:0; word-break:break-all; }
hr { display:none; }
pre { overflow-x:scroll; font-size:1.1em; }

a { 
	color:#222; 
	text-decoration:none; 
	-moz-transition:all 0.3s ease-out; 
	-o-transition:all 0.3s ease-out; 
	transition:all 0.3s ease-out;
}

*, :after, :before { 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
}

input[type=text],input[type=password], textarea { 
	-webkit-transition:all 0.30s ease-in-out; 
	-moz-transition:all 0.30s ease-in-out; 
	-ms-transition:all 0.30s ease-in-out; 
	-o-transition:all 0.30s ease-in-out; 
	outline:none; 
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus { 
	-webkit-box-shadow: 0 0 5px #9ed4ff; 
	-moz-box-shadow: 0 0 5px #9ed4ff; 
	box-shadow:0 0 5px #9ed4ff; 
	border:1px solid #558ab7 !important; 
}

.placeholdersjs { color:#aaa !important; }







/* 팝업레이어 */
#hd_pop { z-index:1222; position:relative; margin:0 auto; width:1200px; height:0; }
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff; }
.hd_pops img { max-width:100%; }
.hd_pops_con { ; }
.hd_pops_footer { padding:0; background:#222; color:#fff; text-align:left; position:relative; }
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:""; }
.hd_pops_footer button { padding:10px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject { background:#222; text-align:left; }
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0; }







/* #################################################################################################### 
	레이아웃 공통
###################################################################################################### */

::selection { color:white; background-color:rgb(0, 0, 0); }

.boundary { width:96%; max-width:1200px; margin:0 auto; padding:0; }

#wrapper { }

#container { clear:both; }
.container { width:96%; max-width:1200px; min-height:700px; margin:0 auto; padding-top:120px; }
.wide-container { width:100%; margin:0 auto; min-height:700px; padding-top:70px; } 

/* 메인만 100% */
.idx-container { width:100%; margin:0 auto; padding:0; }

/* aside 햄버거 메뉴 */
#aside { display:none; float:right; width:305px; height:100%; background:#fff; border-right:1px solid #ebebeb; padding:0; margin:20px 0 20px 20px; } 

/* transition */
.transition {
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/* 폰트 */
/* .colorYellow { color:#e9b21e; } */
.colorRed { color:#ec1e27; }
.font_eng { font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing:0; }


/* 메인 click 버튼 */
.main_clickButton { text-align:center; ma rgin-top:40px; }
.main_clickButton a { position:relative; display:inline-block; font-size:17px;font-weight: 400;  color:#333; letter-spacing: -0.05em;; padding:15px 60px; bo rder:1px solid #333;}
.main_clickButton a:hover {color:#299f3d;}
.main_clickButton span { width:10px; height:1px; background:#ccc; position:absolute; right:10px; top:50%; }
.main_clickButton.clickButton_bk a { color:#222; border:1px solid #222; }
/*.main_clickButton:hover a { background:#333; border:1px solid #333; color: #fff;}*/
.main_clickButton.clickButton_bk:hover a { background:#222; color:#fff; border:1px solid #222; }

/* 서브 개별 레이아웃 */
#sub_page { clear:both; padding:30px 0 100px; }
#sub_page,
#sub_page a { font-size:18px; font-weight:300; letter-spacing:-0.05em; }

#sub_page .divClear { clear:both; padding:40px 0; }

/* 서브 타이틀 */
h2#container_title { clear:both; font-size:52px; text-align:center; margin:0 auto 30px; }
h2#container_title span { font-size:0.875em; letter-spacing:-0.03em; font-weight:400; line-height:1.2; font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; text-transform:uppercase; }







/* #################################################################################################### 
	상단
###################################################################################################### */

#hd { position:fixed; top:0; width:100%; margin:0 auto; z-index:999; }
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }

#hd_wrapper { position:relative; width:96%; height:50px; margin:30px auto; zoom:1; } 
#hd_wrapper:after { display:block; visibility:hidden; clear:both; content:""; }

#hd_wrapper,
#hd_wrapper a { font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing:0.05em; } 

#aside a { font-family:'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing:0.05em; }

/* 상단 고정시 */
.headering { /* background-color:rgba(255,255,255,0.9); box-shadow:0px 5px 5px rgba(0,0,0,0.1); */ background:#fff; border-bottom:1px solid #ebebeb; }
.headering_off { background:rgba(255, 255, 255, 0); }

/* 로고, 카테고리 영역 박스 */
#hd_wrapper .boundary { position:relative; }

/* 로고 */
#logo { position:absolute; top:0; left:0; z-index:99; width:225px; height:44px; background:url('../img/logo_w.png') 0 0 no-repeat; background-size:100% 100%; cursor:pointer; }

/* 상단 고정시(스크롤시) 로고 */
.headering #hd_wrapper { margin:10px auto; }
.headering #logo {margin-top:4px; background:url('../img/logo_b.png') 0 0 no-repeat; background-size:100% 100%;}

/* 서브 로고 */
.site-layout--sub #logo {margin-top:4px; background:url('../img/logo_b.png') 0 0 no-repeat; background-size:100% 100%; }

/* 전체메뉴 */
#mobile_open { display:none; }

/* 다국어 홈페이지 */
#menu_lang { display:none; position:absolute; top:3px; right:0; z-index:999; }
#menu_lang a { display:inline-block; width:44px; height:44px; line-height:44px; border:1px solid #e8e8e8; text-align:center; font-size:14px; color:#fff; letter-spacing:0.05em; box-sizing:border-box; }
#menu_lang a.first { border-right:0; }
#menu_lang a.active { }

/* 카테고리 */
#gnb { width:100%; max-width:1200px; margin:0 auto; text-align:center; }
#gnb .gnb_wrap { position:relative; margin-left:300px; }
#gnb #gnb_1dul { position:relative; padding:0; font-size:0; zoom:1; }
#gnb ul:after { clear:both; display:block; visibility:hidden; content:""; }

/* 대메뉴 */
#gnb .gnb_1dli { 
	position:relative; 
	display:inline-block; zoom:1; *display:inline; 
	line-height:50px; 
	margin:0 40px; 
	font-size:18px;
	font-weight:500;
	letter-spacing:0.05em; 
	vertical-align:top;
}

#gnb .gnb_1dli:hover { font-weight:bold; }

.gnb_1da { 
	display:inline-block; 
	color:#fff; 
	text-decoration:none; 
}

.gnb_1dli .bg { 
	display:none; 
	width:10px; 
	height:10px; 
	overflow:hidden; 
	background:url(../img/gnb_bg2.gif) no-repeat 50% 50%; 
	text-indent:-999px; 
}

/* #gnb .gnb_1dli:not(.gnb_mnal) { display:inline-block; margin:0 20px 0 0; } */

/* 중메뉴 */
/* 
.gnb_2dli { display:none; }
.gnb_2dli { display:block; }
 */
.gnb_2dli:hover { background:#ec1e27; }

.gnb_2dli:focus .gnb_2da,
.gnb_2dli:hover .gnb_2da { color:#fff; padding-left:3px; }

.gnb_2dul { 
	display:none;  
	position:absolute; 
	left:0;
	width:140px; 
	background:#fff;
	padding:10px 10px; 
	-moz-box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
    -webkit-box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
    box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
}

.gnb_2da { 
	display:block; 
	text-align:left; 
	font-size:14px;
	line-height:1.6;
	padding:3px 0 0; 
	margin:2px 0;
}

.gnb_1dli_air .gnb_2da { }
.gnb_1dli_on .gnb_2da { }

.gnb_1dli_over .gnb_2dul { display:block; left:0; }
.gnb_1dli_over2 .gnb_2dul { display:block; right:0; background:#fff; }

.gnb_wrap .gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:2em; color:#fff; }
.gnb_wrap .gnb_empty a { color:#fff; text-decoration:underline; }

.gnb_wrap .gnb_al_ul .gnb_empty, 
.gnb_wrap .gnb_al_ul .gnb_empty a { color:#555; }

#gnb .gnb_menu_btn { background:#4158d1; color:#fff; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; }
#gnb .gnb_close_btn { display:none; background:#4158d1; color:#fff; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:-50px; left:0; }

/* 전체메뉴 열기 */
#gnb .gnb_mnal { padding:0; display:none; }

/* 전체메뉴 */
#gnb_all { display:none; position:absolute; width:100%; z-index:99; }
#gnb_all .gnb_al_ul:after { display:block; visibility:hidden; clear:both; content:""; }
#gnb_all .gnb_al_ul { 
	background:#fff; 
	padding:20px; 
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); 
	-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); 
	box-shadow:0 2px 5px rgba(0,0,0,0.2); 
}

#gnb_all .gnb_al_li { background:#fff; float:left; min-width:20%; padding:5px }
#gnb_all .gnb_al_li .gnb_al_a { font-size:1.083em; padding:10px; display:block; position:relative; margin-bottom:10px; background:#eff1f9; border-bottom:1px solid #dee2f1; font-weight:bold; color:#243071}
#gnb_all .gnb_al_li li { padding-left:10px; line-height:2em}
#gnb_all .gnb_al_li li i { color:#9ca6cc}
#gnb_all .gnb_al_li li a { color:#555}

/* 상단 고정시 카테고리 */
.headering .gnb_1da,
.headering #menu_lang a { color:#222; }
.headering #menu_lang a.first { border-right:0; }

/* 서브 상단 */
.site-layout--sub #hd { background:#fff; border-bottom:1px solid #ebebeb; }
.site-layout--sub #hd_wrapper { margin:10px auto; }
.site-layout--sub .gnb_wrap .gnb_1da,
.site-layout--sub #menu_lang a { color:#222; }

/* 대메뉴 오버시 */
/* 
#hd_wrapper { height:50px; min-height:36px; }
#hd.main-nav--mouseover { background-color:#fff; }
#hd.main-nav--mouseover, 
#hd.main-nav--mouseover .gnb_1da, 
#hd.main-nav--mouseover #menu_lang a { color:#222; }
#hd.main-nav--mouseover .gnb_2dul { display:block; }
 */




/* #################################################################################################### 
	메인페이지
###################################################################################################### */
.custom-block{display:block;}
.main-sec{padding:130px 0; font-size:20px;}
.main-sec2{padding:72px 0 84px;}

/* main tilte */
.main_title{text-align:center; font-family: 'Josefin Sans', 'Noto Sans KR', 'Nanum Gothic', sans-serif; 
font-size:48px; font-weight:400; letter-spacing:0.02em; color:#454545; padding-bottom:48px;}

/*메인 슬라이드*/
#mainSlide{width:100%; height:980px; background:#555;}
.hf-main{width:100%;height:100%;position:relative}

/*메인 슬라이드 문구*/
.hf-contents{position:absolute; top:50%; width:100%; height:100px; z-index:990; color:#fff; text-align:center;}
	.hf-contents h2{font-size:4rem; font-weight:300;line-height:1.35; letter-spacing:-0.05em; margin-bottom:2rem;}
	.hf-txt{transform:translateY(-50%)}
	.hf-txt p{font-size:1.5rem; font-weight:200;line-height:1.33}
.hr-main-slider, .hf-ms{width:100%; height:980px;position:relative;}

#hf-pager{    
	position: absolute;
    width: 100%;
    text-align: center;
    bottom: 18px;
    z-index: 299;
    font-size: 0px;
    line-height: 0;
}
#hf-pager span{
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:7px;
	background:#fff;
	margin:.2rem;
	box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.3);
}
#hf-pager .cycle-pager-active{
	background-color:#aaa;
	transition:all .6s;
}
.hf-ms{background-size:cover; background-position:center center}
.hf-ms1{background-image:url('../img/main-slide001.jpg')}
.hf-ms2{background-image:url('../img/main-slide002.png')}
.hf-ms3{background-image:url('../img/main-slide003.png')}

/*prvideo*/
#prvideo {    
	background: #f9f9f942;
    padding: 30px 0;
    border-bottom: 1px solid #e9e9e9;
}

/*원본
.main_clickButton a:first-child {border-right: 1px solid #e1e1e1;}
.main_clickButton span {display:none;}
*/ 


/*수정본*/
.main_clickButton a {border-right: 1px solid #e1e1e1;}
.main_clickButton a:last-child {border-right: none; vertical-align:middle;}
.main_clickButton span {display:none;}

/* about */
#about{text-align:center;}



/* product */
#product{
	width:100%; height:auto;
	background:url('../img/p-pattern.png');}
.product_in ul{font-size:0;}
.product_in ul li{
	display:inline-block;
	width:calc(33.333% - 32px); 
	height:300px; margin:0 16px; 
	background:#eee;
}
.product_in ul li p{
	text-align:center; 
	font-weight:500; font-size:24px;
	padding-top:20px;
}
.product_img{width:100%; height:100%; 
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
.product_img:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	transform:translate(10px, 10px);
	border:1px solid #222;
}
.pi1{background-image:url('../img/product-img01.jpg')}
.pi2{background-image:url('../img/product-img02.jpg')}
.pi3{background-image:url('../img/product-img03.jpg')}


/* r and d */
#rd{border-bottom:1px solid #eee;}
.rd_in ul{text-align:center;}
.rd_in ul li {display:inline-block; padding-right:100px;}
.rd_in ul li:last-child{padding-right:0;}
.rd_in ul li a{display:block; width:200px; height:200px;
	border-radius:50%; border:1px solid #ddd;
}
.rd_icon{
	background-size:100px auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.rd_icon1{background-image:url('../img/rd-icon1.png')}
.rd_icon2{background-image:url('../img/rd-icon2.png')}
.rd_icon3{background-image:url('../img/rd-icon3.png')}

.rd_in ul li a p{padding-top:210px;}

/* location */
#location{padding-top:72px;}










/* #################################################################################################### 
	하단
###################################################################################################### */

#ft { clear:both; width:100%; height:auto; overflow:hidden; margin:0 auto; background:#222; 
margin-top:-10px;text-align:center; }

/* 로고박스 */
#ft .logoBox { height:auto; overflow:hidden; border-bottom:1px solid #383838; padding:20px; }

/* 로고 */
#ft .logoBox h1 { float:left; padding-top:4px;}

/* 상단으로 */
#ft #btnTop { float:right; } 
#ft #btnTop2 { display:none; } 
#ft .top_btn {
	display:inline-block;
	width:44px;
	height:44px;
	line-height:44px;
	border:1px solid #e8e8e8;
	text-align:center; 
	font-size:14px;
	font-weight:400; 
	color:#fff;
	letter-spacing:0.05em;
	box-sizing:border-box; 
	cursor:pointer;
}

#ft .top_btn:hover {
	background:#000;
	border:1px solid #000;
}

/* 회사정보 */
#ft .infoBox { clear:both; height:auto; overflow:hidden; padding:30px 0 40px; text-align:left; }
#ft .infoBox,
#ft .infoBox a { font-size:12px; color:#808080; line-height:1.8; }

#ft .infoBox .info_left { float:left; }
#ft .infoBox .info_left span { padding-right:10px; }
#ft .infoBox .info_left p { color:#545454; padding-top:20px; }
#ft .infoBox .info_left p a { color:#545454; }

#ft .infoBox .info_right { float:right; font-size:0; }
#ft .infoBox .info_right a { display:block; font-size:12px; color:#808080; }
#ft .infoBox .info_right a:hover { color:#fff; }
#ft .infoBox .info_right div { display:inline-block; zoom:1; *display:inline; vertical-align:top;  }
#ft .infoBox .info_right div.ft_link { border-left:1px solid #383838; padding-left:50px; margin-left:50px; }
/* #ft .infoBox .info_right div.ft_sns a { padding-bottom:10px; }
#ft .infoBox .info_right div.ft_sns a img { vertical-align:middle; padding-right:10px; } */






/* #################################################################################################### 
	서브 개별 페이지
###################################################################################################### */

/* 백그라운드 배너 영역2(공통) */
#bg_copy2 { clear:both; background-image:url("../img/bg_vision.png"); background-attachment:fixed; padding:7% 0; }
#bg_copy2 > div { text-align:center; color:#fff; font-size:20px; letter-spacing:-0.05em; }
#bg_copy2 > div p { font-size:1em; }
#bg_copy2 > div b { font-weight:500; }

/* === 회사소개 페이지 === */
/* 소개 영역 */
#aboutBox { clear:both; }

/* 문구 */
#aboutBox .about_txt { float:left; padding-top:40px; }
#aboutBox .about_txt div { padding-left:70px; }
#aboutBox .about_txt div span.txt-h1 { font-size:30px; line-height:1.4; letter-spacing:-0.08em; }
#aboutBox .about_txt div.ceo { padding-top:60px; padding-left:0; }

/* 이미지 */
#aboutBox .about_imgArea {
	float:right;
	position:relative;
	padding:0 34px 20px;
	max-width:468px;
}
#aboutBox .about_img {
	position:relative;
	width:100%;
}
#aboutBox .about_img::before {
	content:'';
	position:absolute;
	top:16px;
	left:16px;
	width:100%;
	height:100%;
	border:1px solid #222;
	display:block;
}
#aboutBox .about_img img {
	position:relative;
	max-width:400px;
}

/* 백그라운드 배너 영역(소개) */
#bg_copy { clear:both; background-image:url("/theme/groupbyeye_theme/img/bg_about.png"); background-attachment:fixed; padding:7% 0; }
#bg_copy > div { text-align:center; font-size:20px; line-height:1.6; color:#fff; }
#bg_copy > div p { font-size:1.5em; font-weight:400; letter-spacing:0; }

/* CI 영역 */
#ciBox { clear:both; }
#ciBox div { padding-left:70px; }
#ciBox div span.txt-h1 { font-size:30px; line-height:1.4; letter-spacing:-0.08em; }
#ciBox div.btns { padding-top:30px; }
#ciBox div.btns a { display:inline-block; padding:8px 24px; border:1px solid #222; margin-right:5px; }
#ciBox div.btns a i { padding-left:7px; }
#ciBox div.btns a:hover { background:#222; color:#fff; }

/* === 컨택 페이지 === */
/* 지도 영역 */
#mapBox { clear:both; }
#mapBox p { font-size:20px; line-height:1.6; padding-bottom:30px; }
#mapBox iframe { width:100%; height:auto; min-height:430px; }

#mapBox .contactMail { clear:both; width:100%; padding:30px 0; margin-top:-5px; border-bottom:1px solid #ebebeb; text-align:center; }
#mapBox .contactMail:after { content:""; display:block; clear:both; }
#mapBox .contactMail li { display:inline-block; zoom:1; *display:inline; margin:0 10%; box-sizing:border-box; }
#mapBox .contactMail dl { text-align:left; padding-left:100px; background-repeat:no-repeat; box-sizing:border-box; }
#mapBox .contactMail dt { font-size:1.667em; margin-bottom:10px; line-height:1.4; }
#mapBox .contactMail dd { }
#mapBox .contactMail dd a { font-size:1em; color:#888; letter-spacing:0; }
#mapBox .contactMail dl.list01 { background-image:url("/theme/groupbyeye_theme/img/icon_contact_01.png"); background-position:11px 8px; }
#mapBox .contactMail dl.list02 { background-image:url("/theme/groupbyeye_theme/img/icon_contact_02.png"); background-position:left 12px; }

/* === 비전 페이지 === */
/* 비전 리스트 영역 */
#visionBox { clear:both; border-top:1px solid #ebebeb; border-bottom:4px double #ebebeb; padding:60px 0; }
#visionBox a {
    float:left; 
	width:33.3%; 
	padding:88px 0 8px; 
	font-size:1em; 
	text-align:center; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}
#visionBox:after { content:""; display:block; clear:both; }
#visionBox a.List01 { background:url("/theme/groupbyeye_theme/img/icon_vision_01.png"); background-position:50% 4px; background-size:67px 60px; }
#visionBox a.List02 { background:url("/theme/groupbyeye_theme/img/icon_vision_02.png"); background-position:50% 0; background-size:59px 68px; }
#visionBox a.List03 { background:url("/theme/groupbyeye_theme/img/icon_vision_03.png"); background-position:50% 7px; background-size:72px 50px; }
#visionBox a.List01,
#visionBox a.List02,
#visionBox a.List03 { background-repeat:no-repeat; }

/* 리스트 배너 */
#listBanner { clear:both; margin-top:80px; }
#listBanner ul { }
#listBanner li { float:left; width:50%; box-sizing:border-box; }
#listBanner li img { width:100%; height:auto; }

/* === 히스토리 페이지 === */
/* 포스터 썸네일 */
#port_thumb { clear:both; }
#port_thumb ul { max-width:900px; margin:0 auto; }
#port_thumb li { float:left; width:33.333%; padding:7px; }
#port_thumb li img { width:100%; height:auto; }

/* 백그라운드 배너 영역3(연혁) */
#bg_copy3 { clear:both; background-image:url("/theme/groupbyeye_theme/img/bg_history.png"); background-attachment:fixed; background-size:cover; padding:8% 0; }
#bg_copy3 > div { text-align:center; color:#fff; font-size:20px; letter-spacing:-0.05em; }
#bg_copy3 > div h1 { font-weight:500; font-size:1.4em; }
#bg_copy3 > div p { font-size:1em; padding:20px 30px 0; }
#bg_copy3 > div b { font-weight:500; }

/* 히스토리 */
#historyBox { clear:both; }
#historyBox.boundary { max-width:900px; }
#historyBox > ul { width:100%; padding:0 50px 0 300px; box-sizing:border-box; }
#historyBox > ul > li { position:relative; padding:23px 0 70px 45px; border-left:1px solid #ebebeb; }
#historyBox > ul > li:last-child { padding-bottom:0; }
#historyBox .yearList dt { position:absolute; left:-166px; top:0; width:170px; height:70px; line-height:70px; padding-right:50px; text-align:right; box-sizing:border-box; background:#fff; font-size:40px; }
#historyBox .yearList dt:after { content:""; position:absolute; right:0; top:50%; display:inline-block; width:8px; height:8px; margin-top:-2px; background:#222; }
#historyBox .monthList > li { position:relative; padding-left:60px; margin-top:30px; }
#historyBox .monthList > li:first-child { margin-top:0; }
#historyBox .monthList > li > strong { position:absolute; left:0; top:0; display:inline-block; width:60px; font-weight:400; }
#historyBox .monthList > li li { margin-top:10px; }
#historyBox .monthList > li li:first-child { margin-top:0; }
#historyBox .imgArea { padding-top:20px; }
#historyBox .imgArea .poster { margin-bottom:15px; }
#historyBox .imgArea .poster img { max-width:240px; }
#historyBox .imgArea p strong { display:block; font-weight:400; }

/* 조직도 */
#organiBox { clear:both; }
#organiBox .img_organi { padding:30px 30px 60px; margin-bottom:60px; text-align:center; border-bottom:1px solid #ebebeb; }
#organiBox .img_organi img { max-width:100%; height:auto; }
#organiBox .txt_organi { height:auto; overflow:hidden; padding-bottom:40px; border-bottom:1px solid #ebebeb; }
#organiBox .txt_organi .rightArea { float:right; }
#organiBox .txt_organi .rightArea img { max-width:100%; }
#organiBox .txt_organi ul { float:left; }
#organiBox .txt_organi li { display:block; padding-bottom:20px; }
#organiBox .txt_organi li dl { color:#666; }

/* === Q&A(마켓) 페이지 === */
/* 탭메뉴 영역 */
#tab_market { clear:both; text-align:center; }
#tab_market ul { }
#tab_market li { display:inline-block; zoom:1; *display:inline; line-height:1.8; }
#tab_market li:before { content:"|"; color:#acacac; padding:0 10px; }
#tab_market li.first:before { content:""; }
#tab_market li a { }
#tab_market li a:hover { color:#ec1e27; }

/* 마켓 배너 */
#marketBanner { clear:both; text-align:center; margin-top:40px; }
#marketBanner img { max-width:100%; height:auto; }
#marketBanner p { font-size:0.7em; text-align:right; padding:10px 0; }

/* 마켓 영역 공통 */
.marketSecion { border-bottom:1px solid #ebebeb; padding-top:100px; padding-bottom:60px; }
.marketSecion h3.title_markets { font-weight:400; font-size:1.33em; text-align:center; padding-bottom:60px; padding-left:20px; padding-right:20px; }
.marketSecion h3.title_markets i { display:block; padding-bottom:7px; }
.marketSecion h3.title_markets2 { padding-bottom:30px; }
.marketSecion div { text-align:center; }
.marketSecion div img { max-width:100%; height:auto; }

/* 마켓 페이지 table */
.marketSecion .table-responsive { overflow-y:hidden; overflow-x:auto; }
.marketSecion .table-responsive .table { width:100%; border-collapse:collapse; border-spacing:0; }
.marketSecion .table-responsive .table caption { display:none; }
.marketSecion .table-responsive .table td,
.marketSecion .table-responsive .table th { padding:7px; vertical-align:middle; font-size:13px; border:1px solid #ddd; overflow:hidden; word-break:normal; white-space:nowrap; } 
.marketSecion .table-responsive .table th { font-weight:bold; background:#f2f2f2; color:#222; }
.marketSecion .table-responsive .table td { color:#666; }
.marketSecion .table-responsive .table .tg-title { font-weight:bold; background:#f2f2f2; color:#222; }
.marketSecion .table-responsive .table .tg-bold { font-weight:400; color:#222; }












/* #################################################################################################### 
	서브_기존 소스에 추가
###################################################################################################### */

/* 검색 */
#bo_sch { border:1px solid #ddd !important; }
#bo_sch .sch_input { max-width:150px; }
#bo_sch .sch_btn { float:right !important; }
#bo_sch select { background:none; }

/* 공유 버튼 */
#bo_v_share .btn .fa { display:inline-block; }



/* #################################################################################################### 
	서브_기존 소스
###################################################################################################### */

/* 게시물 선택복사 선택이동 */
#copymove { }
#copymove  .win_desc { text-align:center; display:block}
#copymove  .tbl_wrap { margin:20px }
#copymove  .win_btn { padding:0 20px 20px}
.copymove_current { float:right; background:#ff3061; padding:5px; color:#fff; border-radius:3px}
.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:122200; 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 { ; height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3 { ; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; 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:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; 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/captcha2.png') no-repeat 0 0 ;   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:#222; 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%}

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con li { display:list-item; }

/* ***************************** 버튼 ******************************/
a.btn,.btn { 
	line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; 
	-webkit-transition:background-color 0.3s ease-out; 
	-moz-transition:background-color 0.3s ease-out; 
	-o-transition:background-color 0.3s ease-out; 
	transition:background-color 0.3s ease-out; 
}

a.btn01 { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#222; 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:#222; 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:right; } /* 서식단계 진행 */

.btn_submit { border:0; background:#343434; border:1px solid #343434; color:#fff; cursor:pointer; }
.btn_submit:hover { background:#ec1e27; border:1px solid #ec1e27; }

a.btn_cancel { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; }
button.btn_cancel { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; }
.btn_cancel:hover { 
	color:#222;
}

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

/* 게시판용 버튼 */
a.btn_b01, 
.btn_b01 { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; }
a.btn_b01:hover, 
.btn_b01:hover { color:#222; }

a.btn_b02,
.btn_b02 { display:inline-block; background:#343434; border:1px solid #343434; color:#fff; padding:0 10px; text-decoration:none; vertical-align:middle; }
a.btn_b02:hover, 
.btn_b02:hover { background:#ec1e27; border:1px solid #ec1e27; }

a.btn_b03, 
.btn_b03 { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; }
a.btn_b03:hover, 
.btn_b03:hover { color:#222; }

a.btn_b04, 
.btn_b04 { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; }
a.btn_b04:hover, 
.btn_b04:hover { color:#222; }

/* 관리자 전용 버튼 */
a.btn_admin,
.btn_admin { display:inline-block; background:#fff; border:1px solid #ddd; color:#707070; text-decoration:none; vertical-align:middle; } 
.btn_admin:hover, 
a.btn_admin:hover { color:#222; }

/* 버튼 아이콘 숨김 */
.btn_b01 .fa,
.btn_b02 .fa,
.btn_b03 .fa,
.btn_b04 .fa,
.btn_admin .fa { display:none; }

/*컬러*/
.color_1 { background:#169dd6; }
.color_2 { background:#14d53d; }
.color_3 { background:#3814ff; }
.color_4 { background:#7520c5; }

/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 5px; border:1px solid #ebebeb; border-left:0; border-right: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:16px 0; font-weight:normal; text-align:center; /* height:40px; */ }
.tbl_head01 thead th input { vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, 
.tbl_head01 tfoot td { padding:14px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head01 tbody th { padding:8px 0; border-bottom:1px solid #ebebeb; }
.tbl_head01 td { background:#fff; padding:14px 5px; border-top:1px solid #ebebeb; line-height:1.4em; word-break:break-all}
.tbl_head01 tbody tr:hover td { background:#fafafa; }
.tbl_head01 a:hover { }

.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; background:#fff}
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; 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}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input { border:1px solid #ccc; background:#fff; color:#222; vertical-align:middle; border-radius:3px; padding:5px; 
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
}
.tbl_frm01 textarea { padding:2px 2px 3px}
.frm_input { height:40px; }

.full_input { width:100%}
.half_input { width:49.5%}
.tbl_frm01 textarea { width:100%; 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}

/*기본 리스트*/
.list_01 li { border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.list_01 li:hover { background:#f9f9f9}
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666}
/*폼 리스트*/
.form_01 h2 { margin:0 0 10px; font-size:1.167em}
.form_01 li { margin:10px 0}
.form_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.form_01 li .right_input { float:right}
.form_01 textarea { height:100px; width:100%}
.form_01 .frm_label { display:inline-block; width:130px}

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

/* 필수입력 */
.required, textarea.required { background-image:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

/* 테이블 항목별 정의 */
.td_board { width:80px; 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:80px; 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 { position:relative; }
.new_win .tbl_wrap { margin:0 20px}
.new_win #win_title { font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; }
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em}
.new_win .win_ul { border-right:1px solid #dfe6e7; }
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li { float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px}
.new_win .win_ul li a { display:block; padding:10px 0}
.new_win .win_ul .selected { background:#fff; border-color:#253dbe; position:relative; z-index:5}
.new_win .win_ul .selected a { color:#253dbe; font-weight:bold}
.new_win .win_desc { margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info { font-size:0.92em; color:#3598db}
.new_win .win_total { text-align:right; margin:10px 0}
.new_win .win_total span { display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#ddd; padding:0 10px; border-radius:5px; }
.new_win .new_win_con { margin:20px; }
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_btn { text-align:right}
.new_win .btn_close { position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer}
.new_win .btn_submit { padding:0 20px; height:40px; font-weight:bold; font-size:1.083em; float:right}

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

/* 자바스크립트 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 { position:relative; font-weight:normal}
.sv_wrap .sv { z-index:1222; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before { content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent; }
.sv_wrap .sv a { display:inline-block; margin:0; padding:0  10px; line-height:30px; width:100px; font-weight:normal; color:#bbb }
.sv_wrap .sv a:hover { background:#222; color:#fff}
.sv_member { color:#333}
.sv_on { display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto}
.sv_nojs .sv { display:block}

/* 페이징 */
.pg_wrap { clear:both; margin:30px 0 ; text-align:center}
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:""} 
.pg { }
.pg_page, .pg_current { display:inline-block; vertical-align:middle; background:#f3f3f3; border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover { text-decoration:none}
.pg_page { color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px; }
.pg_page:hover { background:#ddd}
.pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover { background-color:#fafafa}

.pg_current { display:inline-block; background:#4c4f6f; color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px; 
-webkit-box-shadow:inset 1px 1px 2px #222542; 
-moz-box-shadow: inset 1px 1px 2px #222542; 
box-shadow:inset 1px 1px 2px #222542; 
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { 
-webkit-box-sizing:content-box; 
-moz-box-sizing:content-box; 
box-sizing:content-box; 
}

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

.close_menu {  display:none; }
.mobile_menu {  display:none; }