@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,800');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:125%;letter-spacing:normal} 
body,html{width:100%; line-height:130%; font-size:14px; color:#666; height:100%;}
*{font-family:"NotoKR-Regular",sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:14px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:14px; display:none;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
strong,em {font-weight:normal; font-style:normal;}
input,select {vertical-align:middle; border:none;}
.input_search {border:0; background:none; height:20px; width:155px; font-size:13px; color:#aaa;}
img,fieldset {border:none; vertical-align:middle;}
img{max-width:100%;}

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #424242; color: #FFF; border: 1px solid #424242 }

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

/* 레이아웃 */
#wrap {position:relative; width:100%; min-width:1200px; }

#header{position:relative; width:100%; height:120px; border-bottom:3px solid #747474; background:#fff; z-index:9999; top:0; box-sizing:border-box;}
	#header ul, #header li{list-style:none; }
#header .header_in{width:1170px; margin:0 auto; /*overflow:hidden;*/ clear:both; position:relative;}

	#header .topUtil{position:relative; /*overflow:hidden;*/ /*width:100%;*/z-index: 999999; height:58px;}
	.topUtil_in{position:relative; overflow:hidden; margin:0 auto; width:1180px; padding-top:22px;}
	.topUtil ul {float:right;}
	.topUtil li {float:left; padding-left:23px; position:relative;}
	.topUtil li:first-child {padding-left:0;}
	.topUtil li a {display:block;}
	.topUtil li.last{padding:0 20px 0 8px; background:none;}
	.topUtil li a {letter-spacing:0; font-weight:400; font-family:'Montserrat', sans-serif; font-size:11px;}
	.topUtil a.myview {position:relative; top:-9px; width:65px; height:29px; line-height:29px; color:#fff; background-color:#a3c52f; border:1px solid #a3c52f; border-radius:48px; text-align:center; transition: all 0.3s ease-out;}
	.topUtil a.myview:hover {background-color:#fff; color:#a3c52f; transition: all 0.3s ease-out;}

	.topUtil li.eng {box-sizing:border-box; position:relative; top:-8px;}
	.topUtil li.eng a {width:48px; height:29px; line-height:29px; color:#a3c52f; border:1px solid #a3c52f; border-radius:48px; text-align:center; transition: all 0.3s ease-out;}
	.topUtil li.eng a:hover {background-color:#a3c52f; color:#fff; transition: all 0.3s ease-out;}
	
	.topUtil dl{float:right; position:relative; overflow:hidden; width:192px;background-color:#fff;}
		.topUtil dd{float:left; width:192px;}
		.topUtil dt{position:absolute; top:13px; right:13px;}
	.header_in h1{clear:both; /*padding:26px 0 32px 0;*/ position:relative; z-index:9000;width:198px;}
	.header_in dl.sns{position:absolute; top:-48px; z-index:9999990}
	.header_in dd{float:left; margin-right:2px}


.t_menu li select{ float: right; margin-top: -7px; width: 50px; padding: 0 5px !important; height: 25px !important; border: 1px solid #8cab24; *border-radius: 10%; 
 -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/img/lnbArrow.gif') no-repeat 90% 50%; background-size: 13px 10px; }
.t_menu li select::-ms-expand { display: none; } 


/* TOP 메뉴 */
#menu {position:absolute; width:100%; top:67px; z-index:1000; }
.gnbDiv {width:100%; height:50px; overflow:hidden; position:absolute; top:0px; left:0; z-index:10000;}
.gnbDiv .gnbWrap {position:absolute; top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:1200px; z-index: 10000;} 
.gnbDiv .gnbWrap .gnb {z-index:10000;}
.gnbDiv .gnbWrap .gnb .oneDep {font-size:18px; /*height:58px;*/ line-height:120%;  color:#444; letter-spacing:-0.5pt;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; height:345px; list-style:none; margin-left:260px}
.gnbDiv .gnbWrap .gnb ul li{float:left; line-height:150%;padding-right:36px; position:relative; text-align:center;  transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li:hover > a.oneDep {border-bottom:4px solid #a3c52f; color:#a3c52f; transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.one{ }
.gnbDiv .gnbWrap .gnb ul li.two{}
.gnbDiv .gnbWrap .gnb ul li.three{}
.gnbDiv .gnbWrap .gnb ul li.four{}
.gnbDiv .gnbWrap .gnb ul li:after {content:""; display:block; background-color:#cbcbcb;width:1px; height:16px; position:absolute; top:4px; right:16px;}
.gnbDiv .gnbWrap .gnb ul li.five{}

.gnbDiv .gnbWrap .gnb ul li.six{padding-right:0}
.gnbDiv .gnbWrap .gnb ul li.six:after{display:none;}

.gnbDiv .gnbWrap .gnb ul li:nth-last-child(1){padding-right:0}
.gnbDiv .gnbWrap .gnb ul li:nth-last-child(1):after{display:none;}

/*
.gnbDiv .gnbWrap .gnb ul li.six{}
.gnbDiv .gnbWrap .gnb ul li.six:after{}
gnbDiv .gnbWrap .gnb ul li.seven{padding-right:0}
.gnbDiv .gnbWrap .gnb ul li.seven:after{display:none;}
*/
.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; line-height:120%; box-sizing:border-box; width:100%; height:50px; text-align:center; color:#444;  transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep { color:#a3c52f;  transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:hover{text-decoration:underline;  transition:all 0.3s;}

.gnbDiv .gnbWrap .twoDep {height:240px; display:block; padding-top:5px; box-sizing:border-box; position:relative; visibility: visible; }
.gnbDiv .gnbWrap li.on .twoDep {background:url('/img/gnb_up.gif') repeat-x left top, #fff; position:relative; top:-3px; padding:21px 0 0;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#a3c52f; vertical-align:top; background:#fff;  transition:all 0.3s;}
.gnbDiv .gnbWrap li .twoDep a:hover{color:#a3c52f; text-decoration:underline; vertical-align:top; transition:all 0.3s;}
.gnbDiv .gnbWrap li .twoDep a {display:block; color:#666666; font-size:14px; letter-spacing:-0.7pt; line-height:100%;  line-height:19px; padding:5px 0; transition:all 0.3s;}
.disB{display:block;}

.gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;}
.twoDbg{display:; background:#fff; position:absolute; top:50px; left:0; height:240px; width:100%; z-index:9999; line-height:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}


/* 고객사 */
#logo_con{position:relative; width:100%; clear:both; overflow:hidden; background-color:#fff; padding:37px 0; box-sizing:border-box; background:#f0f0f0;}
.logo_in{position:relative; margin:0 auto; width:1250px;}
.logo_in h4{font-size:20px; font-weight:normal; font-family:'NotoKR-Medium', sans-serif; letter-spacing:-0.7pt; color:#c61e1e; width:1170px; margin:0 auto 8px auto;}
.logo_in p.stit{width:1170px; margin:0 auto 28px auto; font-size:15px; font-weight:normal; letter-spacing:-0.5pt; color:#c61e1e;}
.list_carousel_02 {width:1180px !important; margin:0 auto !important;}
.list_carousel_02 ul {margin: 0; padding: 0; list-style: none; display: block; overflow:hidden; clear:both;}
/*.list_carousel_02 li {text-align: center; width: 50px; height:90px; padding: 0; display: block; float: left;}*/
.list_carousel_02.responsive {width: auto; margin-left: 0;}
.clearfix {float: none; clear: both;}

#client_list_02 {width:100%; overflow:hidden; margin:0 auto; top:-5px !important;}
#client_list_02 li {float:left; height:auto; display: block; text-align:center; margin:0 4px;}
#client_list_02 li img {max-width:100%; }
#client_list_02 li:hover img {}
.prev2 {position:absolute; top:90px; left:39px; z-index:999; display:inline-block; width:30px; height:56px; background:url('/img/banner_prev.gif') left top no-repeat; text-indent:-9999px; font-size:0;}
.next2 {position:absolute; top:90px; right:39px; z-index:999; display:inline-block; width:30px; height:56px; background:url('/img/banner_next.gif') left top no-repeat; text-indent:-9999px; font-size:0;}


/* 하단 */
#footer {position:relative; width:100%; clear:both; background-color:#424242;}
#footer .foot_in {position:relative; margin:0 auto; width:1180px; padding:48px 0 65px 0;}
#footer .foot_bn{position:relative; overflow:hidden;}
	.foot_bn li{float:left; position:relative;}
	.foot_bn li:after {content:""; display:block; width:1px; height:10px; background-color:#b1b1b1; position:relative; top:5px; float:right; margin:0 16px; }
	.foot_bn li.first{}
	.foot_bn li.first a {color:#fff}
	.foot_bn li.last:after {display:none;}
	.foot_bn li a { letter-spacing:-0.3pt; color:#b1b1b1; font-size:14px;}
#footer .info{position:relative; overflow:hidden; clear:both; padding-top:28px}
#footer .info li{font-size:14px; color:#b1b1b1; letter-spacing:-0.3pt; line-height:160%;}
#footer .info a {}
#footer .info li.copyright {padding-top:14px; font-size:13px; color:rgba(255,255,255,0.3); font-family:'Montserrat', sans-serif; line-height:125%;}

.family_site {display:block; *display:inline; zoom:1; vertical-align:top; position:absolute; right:0; top:86px; z-index:9}
	.family_site a.family {display:inline-block; *display:inline; zoom:1; width:185px; height:43px; line-height:43px; color:rgba(255,255,255,0.7); font-size:13px; border:1px solid rgba(255,255,255,0.2); padding-left:14px; box-sizing:border-box; background:url('/img/sitemap_arrow.gif') 148px 20px no-repeat, #424242; }
	.family_site.on a.family {background-image:url('/img/sitemap_arrow_up.gif')}
	.family_site .fm_list {display:none; position:absolute; bottom:43px; right:0; width:185px; padding:10px 0; background:#fff; box-sizing:border-box; border:1px solid #ddd;  z-index:9999;}  /* z-index:100: 비주얼 아래로 깔려서 강제 z-index 지정함 */
	.family_site .fm_list li {float:none; background:none; padding:0; height:auto;}
	.family_site .fm_list a {display:block; padding:5px 15px 4px 15px; line-height:normal !important; font-size:13px; transition:all 0.3s;}
	.family_site.on .fm_list {display:block}
	.family_site .fm_list a:link, 
	.family_site .fm_list a:visited {color:#666;  transition:all 0.3s;}
	.family_site .fm_list a:hover, 
	.family_site .fm_list a:focus {color:#a3c52f; text-decoration:underline; transition:all 0.3s;}


/* Top Button */
.topBtn {position:fixed; bottom:85px; right:20px; z-index:999; display:none; opacity:1;}
.topBtn a { position:absolute; right:0; bottom:-64px; display:block; width:145px; height:62px; border-radius:62px; line-height:62px; text-align:center; box-sizing:border-box; transition: all 0.3s ease-out;}
.topBtn a img {}
.topBtn a span {font-size:14px; letter-spacing:-0.5pt; padding-left:28px; line-height:62px; }
.topBtn #scroll {text-align:right}
.topBtn #online {background:url('/img/quick_online.gif') 20px center no-repeat, #fff; bottom:130px; border:1px solid #ddd;  background-size:21px auto;}
.topBtn #online:hover {background-position:26px center;}
.topBtn #resv {background:url('/img/quick_resv.gif') 20px center no-repeat, #fff; bottom:66px; border:1px solid #ddd;background-size:21px auto}
.topBtn #resv:hover {background-position:26px center;}
.topBtn #resv {background-position:20px center; }
.topBtn #kakao {background:url('/img/quick_kakao.gif') 20px center no-repeat, #f7e800; bottom:2px; background-size:21px auto}
.topBtn #kakao:hover {background-position:26px center;}