@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('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,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:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666;}
*{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:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
.input_search{border:0; background:none; height:26px; width:155px; font-size:13px; color:#888; font-family:NotoKR-Regular,sans-serif; margin:4px 0 0 10px}
* {	word-break: keep-all;}
* {-webkit-text-size-adjust:none;}

/* 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}

/* pc, 모바일 상태에 따라 숨김처리 */ 
.pc {display:block;}
.mobile {display:none;}
.header_pc {display:block;}
.header_mobile {display:none;}



/* 메뉴 : 슬라이드 메뉴 */
#menuArea {max-width:500px; min-width:220px; height:100%; position:fixed; right:0; top:0; z-index:9999; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea .mlogo{overflow:hidden; background:#fff; padding:15px 0 15px 15px;}
#menuArea .mlogo img{width:120px}

#menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background: #00abce; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);}
#menuArea .menuList>.list {background-color:#fff;}
#menuArea .menuList>.list>li {background:#00abce;}
#menuArea .menuList>.list>li>a {padding:13px 0 13px 15px; display:block; font-size:14px; line-height:100%; border-bottom:1px solid #009cbc; color:#fff; letter-spacing:-0.2pt;}
#menuArea .menuList>.list .sMenu {background-color: #f9f9f9; position: relative;  width: 100%;  padding:14px 0 14px 15px; display:none;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; padding:2px 0 2px 0px; border:none; font-size:13px; letter-spacing:-0.2pt; color:#666;}
#menuArea .menuList .btnMenu_mClose {display:block; width:96%; line-height:130%; padding:10px 0; text-align:center; font-size:13px; background:#007893; color:#fff; letter-spacing:-0.2pt; margin:10px auto; border:none;}
#menuArea .menuList>.list>li.icon05 img{width:60px;}
#grayLayer {width:100%; height:100% !important; background:rgba(30,30,30,0.8); position:fixed; left:0; top:0; z-index:999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}




/* 전체메뉴 버튼 */
button.menu-trigger{width: 52px; height: 43px; background-color: transparent; line-height:41px; position: relative; border:none; cursor: pointer;}



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

#header{position:relative; z-index:999; width:100%; clear:both; }
	.header_in{position:relative; margin:0 auto; width:1180px; height:70px;}
	.header_in h1{position:absolute; left:0; padding:23px 0 0 0; z-index:99999; }
	.header_in h1 img{width:212px;}

#header .top{position:absolute; left:50%; width:180px; margin: 25px 0 0 400px; z-index:99999;}
#header .top_in{position:relative; margin:0 auto; height:34px;}
#header .btn{position:relative; overflow:hidden; float:right; margin-top:8px;}
#header .btn dd{float:left; margin-right:20px;}
#header .btn dd:last-child{margin-right:0px;}
#header .btn dd a{font-size:13px; color:#666; font-family:NotoKR-Medium;}
#header .btn dd a:hover{color:#00abce; transition: all .3s ease; text-decoration:none; }


/* TOP 메뉴 */
#gnb{position:absolute; width:680px; z-index:9999; left:50%; margin-left:-320px; top:25px;}

.gnb{position:relative; margin:0 auto; width:680px;}
/* menu::base */
#menu {position:relative; width:680px; z-index:100; height:48px; list-style:none;}
#menu .menu {position:absolute; width:680px;}
#menu a {display:block; white-space:nowrap; text-decoration:none}
#menu li {float:left; width:130px;}
	#menu li.one{width:100px; }
	#menu li.two{width:140px; }
	#menu li.three{width:150px; }
	#menu li.four{width:120px; }
	#menu li.five{width:160px; }
span.gnb_1depth a:link, span.gnb_1depth a:visited{display:block; font-family:NotoKR-Medium; padding:5px 5px 10px 5px; text-align:center; font-size:17px; color:#333; letter-spacing:-0.5px; box-sizing:border-box; }
span.gnb_1depth a:hover{color:#00abce; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.gnb_1depth_up{color:#00abce !important;}

#menu .menu_depth{visibility:hidden; position:absolute; margin-left:-2px; background:#fff; padding:10px 0px; border-top:3px solid #00abce; box-shadow:5px 5px 10px rgba(102, 102, 102, 0.1);}

	.menu_depth.no1 {width:186px;}
	.menu_depth.no2 {width:206px;}
	.menu_depth.no3 {width:156px;}
	.menu_depth.no4 {width:126px;}
	.menu_depth.no5 {width:170px;}

	.menu_depth li {float:none !important; width:100% !important; text-align:left;}
	.menu_depth li.last {float:none; border-bottom:none}


#menu div {visibility:hidden; position:absolute;}
#menu div div { left:100%;}
#menu li:hover>div { visibility:visible;}

/* menu::level >= 2 */
#menu li li a{ color:#666; letter-spacing:-0.2pt;  line-height:31px; text-align:center;}
#menu li li a:hover{ color:#00abce; text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#menu li li{ display:block; text-transform:none; font-size:14px;}
.gnb_up{ }

		.gnb dl{position:absolute; width:185px; height:40px; right:0; top:6px; background:url('../../img/search_bar.gif') 0 0 no-repeat;}
		.gnb dd{float:left; padding:5px 0 0 12px}
		.gnb dt{ float:right; padding:0 0 0 0}



/*탑 버튼*/
div.topBtn { position:fixed; right:50%; bottom:161px; margin-right:-700px; z-index:999; }
div.topBtn #scroll { display:none; }



/* 고객사 */
.client_con{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f9f9f9; padding:30px 0; border-top:1px solid #e2e2e2;}
.client_in{position:relative; margin:0 auto; max-width:1180px;}
.list_carousel2 {width:100%;}
.list_carousel2 ul {margin: 0; padding: 0; list-style: none; display: block; overflow:hidden; clear:both;}
/*.list_carousel li {text-align: center; width: 50px; height:90px; padding: 0; display: block; float: left;}*/
.list_carousel2.responsive {width:auto; margin-left:0;}

#client_list {width:100%; overflow:hidden; margin:0 auto;}
#client_list li {float:left; width:100%; height:auto; display:block; margin:0px 1.3px;}
#client_list li img {max-width:100%; border:1px solid #ddd; box-sizing: border-box;}
#client_list li:hover img{border:1px solid #00abce; transition: all .3s ease;}

.prev2 {position:absolute; top:26%; left:-17px; z-index:999; display:inline-block; width:38px; height:38px; background-size:38px; background:url('/en/images/main/ar_l2.png') left top no-repeat; text-indent:-9999px; font-size:0;}
.prev2:hover{background:url('/en/images/main/ar_lo2.png') left top no-repeat; transition: all .3s ease;}
.next2 {position:absolute; top:26%; right:-10px; z-index:999; display:inline-block; width:38px; height:38px; background-size:38px; background:url('/en/images/main/ar_r2.png') left top no-repeat; text-indent:-9999px; font-size:0;}
.next2:hover{background:url('/en/images/main/ar_ro2.png') left top no-repeat; transition: all .3s ease;}





/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background-color:#444;}
#footer .fbtn{position:relative;  overflow:hidden; background:#505050; width:100%;}
#footer .fbtn_in{max-width:1180px; margin:0 auto; padding:21px 0;}
#footer .fbtn_in a{color:rgba(255,255,255,0.6); font-size:14px; line-height:100%; letter-spacing:-0.5pt; margin-right:40px;}
#footer .fbtn_in a:last-child{margin-right:0;}
#footer .fbtn_in a span{color:#fff; line-height:100%; letter-spacing:-0.5pt;}


#footer .foot_in {position:relative; margin:0 auto; max-width:1180px; overflow:hidden; padding:40px 0 70px 0;}
#footer h2{float:left; padding: 3px 50px 0 0;}
#footer ul{float:left;}
#footer li{font-size:15px; color:#c2c5c9;}
#footer li.txt{font-size:13px; color:rgba(255,255,255,0.8); letter-spacing:-0.3pt; padding-top:0px;}
#footer li.txt span{margin-right:15px; letter-spacing:-0.3pt; line-height:24px;}
#footer li.txt a{color:rgba(255,255,255,0.8);}
#footer li.copyright{font-size:13px; color:rgba(255,255,255,0.5); padding-top:15px; font-family:"Open Sans", sans-serif;}
#footer li.copyright a:link, #footer li.copyright a:visited{color:rgba(255,255,255,0.5); text-decoration:none}
#footer .foot_map{vertical-align:middle; margin:0 0 2px 3px; cursor:pointer; }


/*******************************************************************************
	@media 1100px~1179px
*******************************************************************************/
@media all and (max-width:1179px){

#wrap {position:relative; width:100%; min-width:100%; }

	.header_in{position:relative; margin:0 auto; width:96%;}
	.header_in h1{position:absolute; float:left; z-index:99999; }
	
#header .top{position:absolute; left:50%; width:180px; margin: 25px 0 0 360px; z-index:99999;}
	
	.gnbDiv .gnbWrap {top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative; width:100%; z-index: 10000;} 




/* 고객사 */
.client_con{padding:30px 0 30px 0;}
.client_in{position:relative; margin:0 auto; width:96%;}
.prev2{left:-12px;}


#client_list {width:100%; overflow:hidden; margin:0 auto;}
#client_list li {float:left; width:100%; height:auto;}

.prev2 {top:10px;}
.next2 {top:10px;}


/* 하단 */
#footer .fbtn_in{width:96%; padding:15px 0;}
#footer .foot_in {width:96%; padding:30px 0 35px 0;}
#footer li.txt span{line-height:22px;}



/*탑 버튼*/
div.topBtn { position:fixed; right:10px; bottom:30px;; margin-right:0}

}

/*******************************************************************************
	@media 681~1100px
*******************************************************************************/
@media all and (max-width:1100px){

.header_pc {display:none;}
.header_mobile {display:block;}
#header .top{display:none;}

.header_in{height:75px;}
.header_in h1{padding:15px 0 0 0;}
.header_in h1 img{width:240px;}
.all_cate{position:absolute; right:0; padding:16px 0 0 0; z-index:99999; }
.all_cate button{background:none; cursor:pointer}




#wrap {position:relative; width:100%; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  padding-right: 0; -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#wrap.toggled { margin:0 ; }
#wrap.toggled #sidebar-wrapper { width: 200px;}

#sidebar-wrapper {position:absolute; background: #fff;  height: 100%;  right: 220px;  margin-right: -220px;  overflow-x: hidden;  overflow-y: auto;  width: 0;  z-index: 1000;
-moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;
}
#sidebar-wrapper h2{position:relative; background-color:#01b3a9; height:60px; padding:15px; box-sizing:border-box}
#sidebar-wrapper h2 .logo{float:left;}
#sidebar-wrapper h2 .closebtn{ float:right; margin:5px 0 0 0; width:24px; line-height:24px; text-align:center; font-size:0; cursor:pointer;
background:url('/img/m_close.gif') no-repeat; color:#fff; border:0 }
.sidebar-nav {width: 200px;}
.sidebar-nav li {background:#fff;}
.sidebar-nav li a {padding:14px 0 14px 15px; display:block; font-size:15px; line-height:100%; border-bottom:1px solid #ddd; color:#555; letter-spacing:0pt; font-family:"Open Sans",sans-serif; }
.sidebar-nav .dropdown-menu { background-color: #f9f9f9; position: relative;  width: 100%; border-bottom:1px solid #ddd;
-moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; overflow-y: auto;  -webkit-transition: all 0.3s ease;  
transition: all 0.3s ease; padding:10px 0;}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { background-color: transparent;  color: #01b3a9;  text-decoration: none;}

.top_inquiry_m{padding:15px 0 0 15px}
.top_inquiry_m a{display:block; width:120px; text-align:center; border-radius:35px; height:35px; font-size:14px;
background:#01b3a9 url('/img/top_inquiry.png') 18px 10px no-repeat; line-height:31px; color:#fff; padding-left:18px; box-sizing:border-box}

.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none; }
.dropdown-menu li a{padding:6px 0 6px 15px; background:#f9f9f9; border:none; font-size:13px; letter-spacing:-0.5pt; }
.dropdown-menu li a:hover{background:#f9f9f9 !important; text-decoration:none; }
.open>.dropdown-menu{display:block}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;z-index:1030}


.hamburger { border: none;  display: block;}

#footer h2 img{width:200px;}
#footer li.txt{padding-top:0; font-size:13px;}
#footer li.copyright{font-size:12px; padding-top:10px;}

}


/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){


.header_in{height:75px;}
.header_in h1{padding:15px 0 0 0;}
.header_in h1 img{width:240px}
.all_cate{position:absolute; right:0; padding:16px 0 0 0; z-index:99999; }

#header .top{display:none;}



/* 고객사 */
.client_con{padding:25px 0;}
.prev2, .next2{background-size:30px; width:30px; height:30px;}


/* 하단 */
#footer h2{margin-bottom:20px;}
}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

.header_in{width:94%; height:60px;}
.header_in h1{padding:8px 0 0 0;}
.header_in h1 img{width:220px}
.all_cate{position:absolute; right:0; padding:7px 0 0 0; z-index:99999; }
.all_cate button img{ width:30px;}

#header .top{display: none !important;}


/* 유관기관 */
.client_con{padding:20px 0;}
.prev2, .next2{display:none !important;}



/* 하단 */
#footer .foot_in {width:94%; padding:20px 0 25px 0;}
#footer h2 img{width:170px;}
#footer li br{display:none}
#footer li span.add{display:block;}
#footer li span.tel{display:inline-block;}
#footer li span.email{display:inline-block;}


/*탑 버튼*/
div.topBtn{width:40px}
div.topBtn img{width:40px}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

.header_in h1 img{width:200px}


#footer h2{display:none;}
#footer li.txt{font-size:13px;}
#footer li.txt .com{display:block; margin-bottom:6px;}
#footer li.copyright{font-size:12px;}
#footer li.txt span.num{display:block;}
}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

.header_in h1 img{width:200px}

#footer li.btn a{font-size:13px;}
#footer li.txt{font-size:13px; line-height:18px;}
#footer li span.num{display:block;}

}