@charset "utf-8";

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/DaehanR.woff2') format('woff2'), url('/css/fonts/DaehanR.woff') format('woff');
}

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/DaehanB.woff2') format('woff2'), url('/css/fonts/DaehanB.woff') format('woff');
}





/*------------------------------------
    서브 : 본문 컨테이너
------------------------------------*/
.container_wrap{ /* margin-top:120px; */ position:relative; overflow:hidden; }
.Main .container_wrap{ margin-top:0; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.container_wrap.f9f9f9{ }
.container_wrap .centerWrap{ margin:0 auto; }
.Main .container_wrap .centerWrap{ max-width:1234px; padding:0 15px; }


/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.board_btn_wrap{ overflow:hidden; clear:both; position:relative; padding-top:40px; }
.board_btn{ overflow:hidden; }
.board_btn li{ float:right; overflow:hidden; }
.board_btn li.list_delete_select{ float:left; /* width:9.7%; */ padding-top:3px; text-align:center; }
.board_btn li.prev_next_btn{ float:left; }
.board_btn li.board_list_btn{ overflow:hidden; }
.board_btn li.board_list_btn .btn{ }

.Center.board_btn_wrap{ text-align:center; }
.Center .board_btn{ display:inline-block; }
.Center .board_btn li.board_list_btn{ float:none; }

.board_passwd_wrap dt{ font-size:14px; }

/* 버튼 스타일 */
.btn{ display:inline-block; float:left; padding:1px 16px 0; min-width:60px; margin:0 0 0 8px; border:solid 1px #dcdcdc; background:#fff; color:#555; border-radius:3px; font:400 14px/32px 'Roboto','Noto Sans KR','NanumGothic',Sans-serif; text-align:center; }
.btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn:hover{ border-color:#3E4293; background:#3E4293; color:rgba(255,255,255,0.9); }
.btn_style01 {display:inline-block; padding:12px 30px; width:100%; text-align:center; background:#3E4293; color:#fff; font-size:14px; }
.btn_style01:hover {color:#fff;}

input[type=submit].btn{ margin-right:1px; background-color:#3E4293; border-color:#3E4293; color:rgba(255,255,255,0.9); }
input[type=submit].btn:hover{ background-color:#19192d; border-color:#19192d; }

/* submit */
.contactus_submit{ overflow:hidden; position:relative; z-index:1; display:inline-block; border-radius:4px; border:2px solid #5558db; background:#fff; }
.contactus_submit{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.contactus_submit:before{ content: ''; position:absolute; top:0; left:0; width:100%; height:100%; background:#5558db; z-index:-1; opacity:0; }
.contactus_submit:before{ -webkit-transform:scale3d(-0.1, 1, 1); transform:scale3d(-0.1, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.contactus_submit:hover{ background:#5558db; color:#fff; -webkit-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); -moz-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); }
.contactus_submit:hover{ /* transform: scale(1.1); -webkit-transform: scale(1.03); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); */ }
.contactus_submit:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.contactus_submit .btn{ width:220px; margin:0 !important; font-size:20px; color:#5558db !important; line-height:56px; font-weight:700; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; background:none !important; border:none !important; border-radius:0 !important; }
.contactus_submit:hover .btn{ color:#fff !important; }


/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:40px 0 30px 0; margin:0 auto; text-align:center; vertical-align:top; color:#777; font:400 13px/20px Malgun Gothic;  }
.paging_btn span{ display:inline-block; vertical-align:top; margin-left:-1px; }
.paging_btn span b,
.paging_btn span a{ display:block; margin:0; text-align:center; height:35px; font:400 12px/22px 'Noto Sans KR',Malgun Gothic;  border:solid 1px #ddd; padding:5px 14px 6px; color:#777; border-radius:0; background:#fff; }
.paging_btn span a{ }
.paging_btn span b{ color:#fff; border-color:#565656; background:#565656; }

.paging_btn span.arrow a{ font-size:0; }
.paging_btn span.arrow a:before{ display:inline-block; content:'\f104'; font-family:'FontAwesome'; font-size:12px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.arrow.left a{  }
.paging_btn span.arrow.right a:before{ content:'\f105'; }
.paging_btn span a:hover{ border-color:#434343; color:#fff; background:#434343; }
.paging_btn span a.btn:hover{ color:#fff; }

.paging_btn span.btn_wrap{  }
.paging_btn span.btn_wrap a{ min-width:auto; font-size:0; border-radius:0 4px 4px 0; }
.paging_btn span.btn_wrap a:before{ display:inline-block; content:'\f051'; font-family:'FontAwesome'; font-size:11px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.btn_wrap:first-child a{ border-radius:4px 0 0 4px; }
.paging_btn span.btn_wrap:first-child a:before{ content:'\f048'; }

/* check box */
.centerWrap .checkbox  i{position:relative;width: 17px;height: 17px;border:1px solid #ccc;display:inline-block;color:#19192d;margin-top:2px;margin-right:2px;}
.centerWrap .checkbox input + i:after { display:inline-block; position:absolute; top:0px; left:-1px; opacity: 0; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; content: '\f00c'; width: 17px; height: 17px;font: normal 12px/16px FontAwesome; text-align: center;}
.centerWrap  input:checked + i:after,
.centerWrap  input:checked + i:after {opacity: 1;}
.centerWrap .checkbox input {position: absolute; left: -9999px;}
.centerWrap .checkbox.all i {top:5px;}
.centerWrap .checkbox:hover {color:#000;}
.col_contents iframe {width:100%; box-sizing:border-box;}
.centerWrap .checkbox.all span{ display:inline-block; margin-left:5px; font-size:14px; font-weight:400; color:#666; vertical-align:-1px; }

/* prev, next, list 버튼 하단으로 이동 */
.board_bottom_btn_wrap{}
.prev_next_bottom_btn{ overflow:hidden; padding:40px 25px;  border:1px solid #ddd; border-width:1px 0; }
.prev_next_bottom_btn li{ overflow:hidden; float:left; width:50%; text-align:left; }
.prev_next_bottom_btn li a{ display:block; float:left; width:70%; padding:0 20px; position:relative; font-weight:400; font-size:18px; font-family:'Roboto','Noto Sans KR'; line-height:28px; }
.prev_next_bottom_btn li a{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.prev_next_bottom_btn li a:hover{ color:#3E4293;}
.prev_next_bottom_btn li strong{ position:relative; float:left; display:block; padding:0 20px; font-size:17px; font-weight:300; color:#666; font-family:'Roboto','Noto Sans KR'; line-height:28px; }
.prev_next_bottom_btn li strong:before{ position:absolute; left:0; top:0; content:''; width:6px; height:100%; background:url(/img/arrow_left_black.png) no-repeat center; background-size:100% !important; }
.prev_next_bottom_btn li strong:after{ position:absolute; right:0; top:7px; content:''; width:1px; height:14px; background:#ddd; }
.prev_next_bottom_btn li span{ position:relative; float:left; display:block; padding:0 20px; width:70%; font-size:17px; font-weight:300; color:#666; font-family:'Roboto','Noto Sans KR'; line-height:28px; }
.prev_next_bottom_btn li.previous a{ text-align:left; }
.prev_next_bottom_btn li.previous a:before{  }
.prev_next_bottom_btn li.next{ text-align:right; }
.prev_next_bottom_btn li.next a{ float:right; }
.prev_next_bottom_btn li.next a:after{  }
.prev_next_bottom_btn li.next strong{ float:right; }
.prev_next_bottom_btn li.next strong:before{ left:auto; right:0; background:url(/img/arrow_right_black.png) no-repeat center; }
.prev_next_bottom_btn li.next strong:after{ left:0; right:auto; }
.prev_next_bottom_btn li.next span{ float:right; }

.board_bottom_list_btn{ margin-top:40px; text-align:center; }
.board_bottom_list_btn .btn{ float:none; width:220px; padding:0; margin:0 10px; font-size:20px; line-height:56px; font-weight:700; background:#3E4293; color:#fff; border:none; border-radius:100px; }
.board_bottom_list_btn .btn:hover{ background:#19192d; }
.board_bottom_list_btn .btn:nth-child(2){ background:#19192d; }
.board_bottom_list_btn .btn:nth-child(2):hover{ background:#3E4293; }

/*------------------------------------
    스킨
------------------------------------*/
.total_wrap{ position:relative; height:100%; }
.centerWrap{ position:relative; width:100%; max-width:1230px; box-sizing:border-box; margin:0 auto; padding:0 15px; }
.centerWrap_2{ clear:both; position:relative; margin:0 auto; padding:20px 0; text-align:center; }
.centerWrap_2:after{ content:""; display:block; clear:both; }

/*------------------------------------
    상단 해더
------------------------------------*/
.header_center{ display:none; z-index:99; width:100%; position:fixed; left:0; top:0; }
.header_center:after{ content:"";  display:block; clear:both }
.header_center .top_wrap{ margin:0 auto; width:100%; position:relative; }
.header_center .top_wrap:after{ content:"";  display:block; clear:both }
.header_center .top_wrap .centerWrap{ position:relative; max-width:100%; padding:0 100px; }
.header_center .top_wrap .centerWrap:after{ content:"";  display:block; clear:both }
.header_center .top_wrap .left{ display:none; overflow:hidden; }
.header_center .top_wrap .left li{ float:left; }
.header_center .top_wrap .left li a{ display:block; padding-right:8px; font:300 13px/16px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.7); font-size:0; }

.header_center .top_wrap .right a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.header_center .top_wrap .right li a:hover{ color:#242424; }
.header_center .top_wrap .right li a:focus{ color:#242424; }

.header_center .top_wrap .right .search_btn a{ display:block; width:80px; height:69px; background:#f8f6f4 url(/img/search_icon.png) no-repeat center; font-size:0; }
.header_center .top_wrap .right .search_btn a:hover{  }

.header_center .top_wrap .right{ position:absolute; right:0; top:0; display:inline-block; }
.header_center .top_wrap .right > li{ float:left; }

/* 다국어 버튼 슬라이드 */
/* .language{ position:relative; text-transform:uppercase; border:1px solid #ddd; border-radius:100px; background:#fcfcfc; }
.language{ -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; -ms-transition-duration:0.15s; transition-duration:0.15s; }
.language:hover{ border-radius:0; }
.language h2{ position:relative; padding:0 32px 0 16px; font:300 12px/26px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#666; cursor:pointer; letter-spacing:0.7px; }
.language:hover h2{ color:#444; }
.language h2:after{ position:absolute; right:16px; top:1px; display:inline-block; content:''; font:normal 13px/25px 'FontAwesome'; color:#888; }
.language:hover h2:after{ color:#666; }
.language ul{ overflow:hidden; position:absolute; left:0; top:100%; width:100%; height:0; margin-top:1px; background:#fcfcfc; border-radius:10px; opacity:0; }
.language ul{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.language:hover ul{ overflow:inherit; height:auto; border-bottom:1px solid #ddd; border-radius:0; opacity:1; }
.language ul li{ }
.language ul li:before{ position:absolute; left:-1px; top:0; width:1px; height:100%; content:''; background:#ddd; }
.language ul li:after{ position:absolute; right:-1px; top:0; width:1px; height:100%; content:''; background:#ddd; }
.language ul li a{ position:relative; display:block; padding:8px 17px; font:400 12px/16px 'NanumGothic','Malgun Gothic',Sans-serif; color:#555; text-align:center; }
.language ul li a:hover{ color:#333; }
.language ul li a img{ max-width:14px; margin-right:3px; vertical-align:-2px; } */

/* 다국어 버튼 */
/* .language_btn{ position:relative; display:inline-block; padding:0 10px 1px; margin:9px 15px 0 0; font:400 12px/19px 'NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.8); }
.language_btn{ border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.1); border-radius:100px; text-transform:uppercase; }
.language_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.language_btn span{ display:none; }
.language_btn:hover{ color:#fff; border-color:rgba(255,255,255,0.5); }
.language_btn img{ display:none; max-width:14px; margin-right:3px; vertical-align:-2px; } */

/* 다국어 버튼 : 텍스트 스타일 */
.language_btn{ display:block; padding:23px 0 0; margin:0 40px 0 0; font:300 14px/24px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif;  color:#444; text-transform:uppercase; }

/* 로그인 버튼 : 텍스트 스타일 */
.login_btn{ display:block; padding:0 4px; margin:0 4px; font:400 13px/34px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif;  color:rgba(255,255,255,0.7); text-transform:uppercase; }

/* 사이트맵 */
/* .siteMap{ position:relative; display:block; width:80px; height:70px; content:''; background:#5558db url(/img/sitemap_icon_white.png) no-repeat center; font-size:0; }
.siteMap:hover{ background:#19192d url(/img/sitemap_icon_white.png) no-repeat center; }
 */

.siteMap,
.siteMap span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.siteMap {width:80px; height:69px; padding:25px 27.5px; box-sizing:border-box; font-size:0; background:#3e4294; border-radius:4px; }
.siteMap div {position:relative; width:25px; height:20px;}
.siteMap span {position: absolute; left:0; width: 100%; height: 2px; background-color: #fff; border-radius: 4px;}
.siteMap span:nth-of-type(1) {top: 0;}
.siteMap span:nth-of-type(2) {top: 9px;}
.siteMap span:nth-of-type(3) {bottom: 0;}
.siteMap.active span:nth-of-type(1) {-webkit-transform: translateY (9px) rotate (-45deg); transform: translateY(9px) rotate(-45deg);}
.siteMap.active span:nth-of-type(2) {opacity: 0;}
.siteMap.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg);}




/* 검색창 */
.search_keyword{ display:none; position:absolute; width:440px; height:20px; top:-20px; padding:0 0 2px 3px; /* display:none  */ overflow:hidden; }
.search_keyword a{ display:inline-block; font:normal 11px/18px Dotum; color:#666; padding:0 3px; }
.search_keyword:before{ content:"인기검색"; font:bold 11px/18px Dotum; color:#ad0f2b; letter-spacing:-1px; padding:0 5px 0 0; }
.search_keyword a:hover{ color:#ad0f2b; }

.search_wrap .search_box{ border:solid 2px #ddd; width:300px; height:45px; overflow:hidden; border-radius:100em; }
.search_wrap .search_box dt{ display:none; }
.search_wrap .search_box dd{  }
.search_wrap .search_box input[type=text]{ float:left; height:43px; width:83%; border:none; font:300 18px/43px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#555; padding:0 0 0 5%; margin:0; }
.search_wrap .search_box button{ float:right; width:13%; height:45px; font:bold 0px/45px Malgun Gothic; padding:0 0 0 0; background:#fff; border:none; }
.search_wrap .search_box button:before{ content:"";  font:normal 18px/43px 'FontAwesome',Sans-serif; color:#ad0f2b; }

/* 검색영역 */
.search_wrap_div{ display:none; overflow-y:auto; position:fixed; left:0; top:0; width:100%; height:100%; background:url(/img/black_20.png); text-align:center; }
.header .top_wrap .search_wrap_div .centerWrap{ position:relative; max-width:800px; margin:10% auto 0; padding:60px 60px 70px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff; text-align:center; }
.search_wrap_div .search_title{ overflow:hidden; display:inline-block; padding:0 0 30px; }
.search_wrap_div .search_title p{  }
.search_wrap_div .search_title p img{ height:50px; }
.search_wrap_div .search_title b{ display:none; }
.search_wrap_div .search_title strong{ display:block; padding:15px 0 0 0; font:400 22px/32px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; }
.search_wrap_div .search_close_btn{ position:absolute; right:30px; top:25px; font-size:0; cursor:pointer; }/*닫기*/
.search_wrap_div .search_close_btn:before{ display:inline-block; content:''; font:normal 22px 'FontAwesome'; color:#e79300; }
.search_wrap_div .search_close_btn:hover:before{ color:#ad0f2b; }


/* 검색페이지 */
.search_wrap{ text-align:center; }
.search_wrap dl{ display:inline-block; }
.search_wrap ul{ overflow:hidden; margin:3px 0; text-align:left; }
.search_wrap ul li{ float:left; font:300 13px/34px 'Noto Sans KR'; color:#666; }
.search_wrap ul li:first-child{ min-width:100px; font-weight:600; color:#444; }
.search_wrap ul li select{ margin:0 5px; padding:0 5px; width:100px; border:1px solid #ddd; font:300 13px/25px 'Noto Sans KR'; color:#666; }
.search_wrap ul li input{ margin:0 5px; padding:0 5px; width:200px; border:1px solid #ddd; font:300 13px/25px 'Noto Sans KR'; color:#666; }
.search_btn2{ display:inline-block; padding:0 25px; margin-top:30px; font:400 15px/40px 'Noto Sans KR'; color:#fff; background:#ad0f2b; border:1px solid #ad0f2b; }

.goods_list{ display:none; }
/* 즐겨찾기 */
.header .top_wrap .right .bookMark_wrap{}
.header .top_wrap .right .bookMark_wrap a{ padding-right:0; font-size:0; line-height:0; }
.header .top_wrap .right .bookMark_wrap a:before{ content:''; font:normal 24px/70px 'FontAwesome'; color:#434343; }
.header .top_wrap .right .bookMark_wrap a:hover:before{ color:#ea9b11; }



/*------------------------------------
    로고
------------------------------------*/
.middle_wrap{ z-index:12; position:fixed; left:0; top:0; width:100%; display:block; min-width:auto; text-align:center; }
.middle_wrap .centerWrap{ z-index:9999; max-width:100%; padding:0 85px; }
.middle_wrap .logo{ position:relative; }
.middle_wrap .logo{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.middle_wrap .logo a{ position:absolute; left:0px; top:30px; display:block; width:100px; height:41.4667px; }
.middle_wrap .logo a > img{ width:auto; max-width:100%; }


.middle_wrap .logo a{ background:url(/data/config/shop_logo_w.png) no-repeat; background-size:100%; }
.middle_wrap .logo a > img{ display:none; }

.middle_wrap.on .logo a{ background:none; }
.middle_wrap.on .logo a > img{ display:block; }

.middle_wrap.fixed .logo a{ background:none; }
.middle_wrap.fixed .logo a > img{ display:block; }


/*------------------------------------
    상단 해더 스몰 배너
------------------------------------*/
.small_banner{ display:none; position:absolute; top:-90px; right:10px; overflow:hidden; width:200px; height:65px; font:normal 12px/16px Malgun Gothic; /* border:solid 1px #ddd; */ }
.sm_img_1{ position:relative; width:200px; height:65px; overflow:hidden; background:#fff; }
.sm_img_1 dt{ width:35%; float:left; padding-right:5%; }
.sm_img_1 dd{ width:60%; float:right; }
.sm_img_1 dt img{ width:100%; padding:3px 0 0 0; }
.sm_img_1 b{ display:block; padding:5px 0 0 0 }
.sm_img_1 span s{ color:#666; font:normal 11px Arial; padding:0 4px 0 0 }




/*------------------------------------
    전체 카테고리
------------------------------------*/
.navbar_center{ z-index:9; position:fixed; left:0; top:0; height:100px; width:100%; padding:0 85px; text-align:center; background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.13); }
.navbar_center .centerWrap{ position:relative; max-width:100%; padding:0; height:100px; text-align:right; }
.navbar_center:after{ content:"";  display:block; clear:both; }
.navbar_center .site_map{ display:none; position:absolute; top:0; right:0; height:60px; }
.navbar_center .site_map > h1{ position:relative; display:inline-block; height:60px; margin:0; text-align:center; }
.navbar_center .site_map > h1 a{ display:inline-block; width:50px; height:58px; background:url(/img/sitemap_icon_white.png) no-repeat center; opacity:0.9; }
/* .navbar_center .site_map > h1:hover a{ background:url(/img/sitemap_icon.png) no-repeat center; } */
.navbar_center .site_map > h1 a i{ display:none; color:#fff; font-size:0; line-height:190%; }
.navbar_center .site_map > h1 a i:before{ display:inline-block; content:''; width:40px; height:60px; background:url(/img/sitemap_icon.png) no-repeat center 100%; }
.navbar_center .site_map:hover > h1 a{ opacity:1; }

.fixed.navbar_center:before{ display:none; position:absolute; left:0; top:70px; width:100%; height:1px; content:''; background:#ddd; }




/*------------------------------------
    전체 메뉴
------------------------------------*/
.total_menu_wrap{ display:none; z-index:999; position:fixed; left:0; top:0; width:100%; text-align:left; }
.total_menu{ z-index:9999; padding-top:60px; width:100%; height:100vh !important; overflow-y:auto; background:#fff; }
.total_menu > li > a{ position:relative; display:block; padding:1px 0 0 7%; font:500 16px/40px 'Raleway','Roboto','Noto Sans KR'; background:#f9f9f9; border-bottom:solid 1px #ddd; color:#141414; text-transform:uppercase; }
.total_menu > li > a:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:1px; background:#ddd; }
.total_menu > li > a:after{ position:absolute; right:0; top:0; width:100%; height:100%; padding:0 7% 0 0; color:#aaa; content:''; font:normal 17px/42px 'FontAwesome',Arial; text-align:right; }

.total_menu .depth_2{  }
.total_menu .depth_2 li{  }
.total_menu .depth_2 li > a{ position:relative; display:block; padding-left:8%; border-bottom:solid 1px #eee; font:400 14px/38px 'Raleway','Roboto','Noto Sans KR'; color:#555; background:#fcfcfc; }
.total_menu .depth_2 li:hover > a{ background:#f9f9f9; }
.total_menu .depth_2 li > a i{ position:absolute; right:0; top:0; width:100%; height:100%; padding:0 7% 0 0; text-align:right; }
.total_menu .depth_2 li > a i:before{ display:inline-block; color:#bbb; content:''; font:normal 17px/42px 'FontAwesome',Arial; text-align:right; }

.total_menu .depth_3{ overflow:hidden; position:relative; }
.total_menu .depth_3:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#eee; }
.total_menu .depth_3 li{ float:left; width:50%; }
.total_menu .depth_3 li a{ padding-left:18%; color:#666; font-size:12px; font-weight:300; line-height:36px; background:#fff; }
.total_menu .depth_3 li:nth-child(odd) a{ border-right:1px solid #eee; }

/* 닫기 버튼 */
.site_map_close_btn{ z-index:2; position:fixed; left:0; top:0; height:60px; background:#5558db url(/img/logo_white.png) no-repeat 15px 8px; background-size:auto 40px !important; width:100%; text-align:right; }
.site_map_close_btn a{ display:inline-block; width:55px; height:60px; background:url(/img/cancel_btn.png) no-repeat center; background-size:22px auto !important; border-right:1px solid rgba(252,255,255,0.1); }

.nav.site_map_open{ z-index:12; }


/*------------------------------------
    상단 gnb
------------------------------------*/
.navbar {height:100%;}
.navbar_container {position:relative; height:100%; }
.navbar_center .top_menu{ display:inline-block; padding:0 0 0; }
.navbar_center .top_menu:after{ content:"";  display:block; clear:both; }
.navbar_center .top_menu > li{ float:left; position:relative; padding:0 72px; /* max-width:226.7px; */ }
.navbar_center .top_menu > li:hover{  }
.navbar_center .top_menu > li .depth_1{ z-index:10; position:relative; }
.navbar_center .top_menu > li .depth_1{ display:block; padding:0 1px; text-align:center; font:600 18px/100px 'Raleway','Roboto','Noto Sans KR',Sans-serif; }
.navbar_center .top_menu > li:hover .depth_1{ color:#5558db; }
.navbar_center .top_menu > li .depth_1:before{ display:block; position:absolute; bottom:30px; left:50%; content:""; height:2px; background:#5558db; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.navbar_center .top_menu > li:hover .depth_1:before{ width:100%; left:0; }

.navbar_center .top_menu > li.active .depth_1{ color:#fff; }
.navbar_center .top_menu > li.active .depth_1:before{ width:100%; left:0; background:#fff; }
.navbar_center .top_menu > li.active:hover .depth_1{ color:#5558db; }
.navbar_center .top_menu > li dd{ z-index:10; min-width:160px; display:none; position:absolute; top:100%; left:0; width:100%; }
.navbar_center .top_menu > li.active dd{}
.navbar_center .top_menu .depth_2{ position:absolute; left:0; bottom:100%; width:100%; padding:0 10px 42px; }
.navbar_center .top_menu .depth_2{ /* -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; */ }
.navbar_center .top_menu .depth_2 li{ position:relative; text-align:center; }

.navbar_center .top_menu > li:nth-child(2) .depth_2{ /* display:block !important; */ }

.navbar_center.on .top_menu > li .depth_2{ top:100%; bottom:auto; padding-top:20px; }
.navbar_center .top_menu .depth_2 a{ display:block; padding:16px 0; font:500 16px/20px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.navbar_center .top_menu > li:hover{ color:#000; }
.navbar_center .top_menu > li:hover dt a{ color:#000; }
.navbar_center .top_menu > li.active dt a{ color:#000; }
.navbar_center .top_menu > li.active:hover dt a{  color:#000; }
.navbar_center .top_menu > li:hover dd{ display:block; }
.navbar_center .top_menu .depth_2 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_center .top_menu .depth_2 li:hover > a{ color:#5558db; }
.navbar_center .top_menu .depth_2 li.open > a{ font-weight:600; color:#5558db; }
.navbar_center .top_menu .depth_2 a > i{ display:none !important; margin:0 0 0 5px;  }
.navbar_center .top_menu .depth_2 a > i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:rgba(255,255,255,.6); }
.navbar_center .top_menu .depth_2 li:hover a > i:before{ color:rgba(255,255,255,.9); }

.navbar_center .top_menu .depth_3{ display:none !important; position:absolute; left:100%; top:-3px; width:180px; padding:3px 0 5px; background:#5558db; border-left:1px dotted rgba(255,255,255,0.1); }
.navbar_center .top_menu .depth_2 li:hover .depth_3{ display:block; }
.navbar_center .top_menu .depth_3 a{ display:block; padding:5px; font:300 13px/20px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:rgba(255,255,255,.7); }
.navbar_center .top_menu .depth_3 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_center .top_menu .depth_3 a:hover{ color:#000; }

.navbar_center .top_menu > li:nth-child(2) .depth_2 li:first-child .depth_3{ /* display:block !important; */ }

/* 2뎁스 안의 1뎁스 */
.depth_2 .drop_1depth_1{ display:none; /* font-weight:600; color:#19192d; */ }
/* .navbar_center .top_menu .depth_2 .drop_1depth_1:after{ display:block; content:''; width:20px; height:2px; margin:13px 0 2px; background:#9c9eff; } */


.navbar_center .top_menu > li:last-child{ padding:25px 0 0 35px; }
.navbar_center .top_menu > li:last-child a{ line-height:48px; padding:0 22px; font-size:16px; font-weight:700; border-radius:4px; background:#3e4294; color:#fff !important; }
.navbar_center .top_menu > li:last-child a:before{ display:none; }
.navbar_center .top_menu > li:last-child a:hover{ background:#2f307e; }

.navbar_center .top_menu .menu_none .depth_2{ display:none; }

/*------------------------------------
    전체메뉴열기
------------------------------------*/
.navbar_center.on{ /* -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; */ }
.navbar_center.on{ height:400px; }
/* .navbar_center.on .centerWrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } */
.navbar_center.on .centerWrap{ height:390px; }
/* .navbar_center.on .centerWrap:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; } */
.navbar_center.on .centerWrap:before{ position:absolute; left:0; top:100px; width:100%; height:1px; content:''; background:rgba(180, 180, 180, 0.5); }


/*------------------------------------
    메인 메뉴바
------------------------------------*/
/* 메인 메뉴바 */
.navbar_center{ background:none; box-shadow:none; }
.navbar_center .top_menu > li .depth_1{ color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); }

/* hover 시 */
.navbar_center.on{ background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,0.13); }
.navbar_center.on .top_menu > li .depth_1{ text-shadow:none; color:#3d3d3d; }
.navbar_center.on .top_menu > li:hover .depth_1{ color:#5558db; }
.navbar_center .top_menu:hover > li.active .depth_1{ color:#5558db; }
.navbar_center .top_menu:hover > li.active .depth_1:before{ background:#5558db; }

/* 메뉴바 fixed */
.navbar_center.fixed{ background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,0.13); }
.navbar_center.fixed .top_menu > li .depth_1{ text-shadow:none; color:#3d3d3d; }
.navbar_center.fixed .top_menu > li.active .depth_1{ color:#5558db; }
.navbar_center.fixed .top_menu > li.active .depth_1:before{ background:#5558db; }



/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
.header.fixed{  }
/* 다국어 버튼 */
/* .header.fixed .language_btn{ color:#555; border-color:#ddd; background:#f9f9f9; }
.header.fixed .language_btn:hover{ color:#fff; border-color:#434343; background:#434343; } */

/* 사이트맵 */
/* .header.fixed .siteMap{ background:url(/img/sitemap_icon3.png) no-repeat center; }
.header.fixed .siteMap:hover{ background:url(/img/sitemap_icon4.png) no-repeat center; }

.middle_wrap.fixed{  }
.middle_wrap.fixed .logo a{ background:none;  }
.middle_wrap.fixed .logo a > img{ display:block; }

.nav.fixed{ background:#fff; border-bottom-color:#ddd;  }
.nav.fixed .top_menu > li .depth_1{ color:#000; text-shadow:none; }

.nav.fixed .top_menu > li:hover .depth_1:before{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:2px; background:#434343; }
.nav.fixed .top_menu .depth_2{ background:#fff; box-shadow:2px 2px 3px rgba(0,0,0,.3); }
.nav.fixed .top_menu .depth_2 a{ color:#000; border-bottom:solid 1px #f6f6f6; }

.nav.fixed .top_menu .depth_2 li:hover > a{ color:#242424; background:#f5f5f5; }
.nav.fixed .top_menu .depth_2 li.active > a{ color:#242424; background:#f5f5f5; }
.nav.fixed .top_menu .depth_2 a > i:before{ color:#333; }

.nav.fixed .top_menu .depth_3{ background:#fff; } */


/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/
/* 서브 : 본문 컨테이너 */
.left_ui_wrap .container_wrap{ margin-top:0; }

/* 전체 카테고리 */
.navbar_left{ width:260px; margin:0; }
.navbar_left .centerWrap{ padding:0; position:static; }

.Main .navbar_left{  }

/* 로고 */
.logo_wrap{ overflow:hidden; width:260px; height:120px; background:#fff; }
.logo_wrap .centerWrap{ padding:0; }
.logo_wrap .logo{ position:relative; padding:26px 0; text-align:center; }
.logo_wrap .logo a{ display:inline-block; width:auto; height:62px; background:none; }
.logo_wrap .logo a img{ display:block; max-height:100%; }

/* 상단 해더 */
.header_left{ z-index:10; position:fixed; left:0; top:0; width:260px; height:100%; background:#434343; background:#f7f7f7; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
.small_menu_wrap .right{ overflow:hidden; position:relative; right:auto; top:auto; display:block; height:34px; border-bottom:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.1); }
.small_menu_wrap .right li{ width:50%; float:left; margin:0; }
.small_menu_wrap .right li:first-child a{ border-right:1px dotted rgba(255,255,255,0.2); border-right:1px dotted rgba(0,0,0,0.1); }
.small_menu_wrap .right li a{ position:relative; display:block; width:100%; height:auto; font:300 13px/31px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.6); color:#666; text-transform:uppercase; background:none; text-align:center; }
.small_menu_wrap .right li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.small_menu_wrap .right li a:before{ display:inline-block; margin-right:5px; content:''; font:normal 11px/30px 'FontAwesome'; vertical-align:1px; }
.small_menu_wrap .right li:last-child a:before{ content:''; }
.small_menu_wrap .right li:hover a{ color:rgba(255,255,255,0.8); color:#444; }
.small_menu_wrap .centerWrap{ padding:0; }
.small_menu_wrap .left{ display:block; }

.Main .header_left{ background:#f7f7f7; }

.Main .small_menu_wrap .right{ border-bottom:1px solid rgba(0,0,0,0.1); }
.Main .small_menu_wrap .right li:first-child a{ border-right:1px dotted rgba(0,0,0,0.1); }
.Main .small_menu_wrap .right li a{ color:#666; }
.Main .small_menu_wrap .right li:hover a{ color:#444; }

.navbar_left .top_menu{ margin:0; display:block; }
.navbar_left .top_menu:after{ content:"";  display:block; clear:both;  }
.navbar_left .top_menu > li{ float:none; }
.navbar_left .top_menu > li .depth_1{ z-index:10; display:block; padding:0 20px;  line-height:50px; font:500 16px/50px 'Raleway','Roboto','Noto Sans KR',Sans-serif; color:rgba(255,255,255,0.8); text-align:center; text-shadow:none; text-transform: uppercase;text-decoration: none; position: relative;}
.navbar_left .top_menu > li .depth_1{text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow:0 1px 2px rgba(0,0,0,0.1); color:#333; border-bottom:1px solid rgba(0,0,0,0.1); text-shadow:none; }
.navbar_left .top_menu > li .depth_1{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_left .top_menu > li:hover .depth_1{ color:#fff; color:#5558db; }
.navbar_left .top_menu > li.active .depth_1{ /* background:#5558db; color:#fff; border-bottom-color:#5558db; background:none; */ color:#5558db; text-shadow:none; }
/* .navbar_left .top_menu > li.active .depth_1:after {display:block; content:''; position:absolute; bottom:-1px; width:100%; left:0; height:2px; background:#5558db} */
.navbar_left .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background: #5558db; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.navbar_left .top_menu > li > a:hover:after {width: 100%; left: 0;}
.navbar_left .top_menu > li:hover .depth_1{ color:#5558db; }
.navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #5558db; width: 100%;  left:0;}


.navbar_left .top_menu > li .depth_2{ position:fixed; top:0; left:260px; padding:186px 15px 0 16px; height:100vh; width:170px; margin-left:0; box-shadow:none; background:#f1f1f1 url(/img/shadow_left.png) left top no-repeat; border-right:1px solid #ddd; }
.navbar_left .top_menu > li .depth_2:before{ display:none; position:fixed; top:120px; left:260px; width:200px; content:'회사소개'; font:500 19px/64px 'Noto Sans KR',Sans-serif; text-align:center; }
.navbar_left .top_menu > li.active .depth_2{ z-index:9; display:block; }
.navbar_left .top_menu > li:hover .depth_2{ z-index:10; }
.navbar_left .top_menu .depth_2 li{ position:relative; text-align:center; }

.navbar_left .top_menu > li .depth_2:before{ }
.navbar_left .top_menu > li .depth_2 a{ display:block; padding:15px 0; height:auto; font:300 14px/20px 'Raleway','Roboto','Noto Sans KR'; color:#444; border-bottom:dotted 1px #ccc; }
.navbar_left .top_menu > li .depth_2 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; direction:ltr; word-break:keep-all; }
.navbar_left .top_menu > li .depth_2 li:first-child > a{ border-top:dotted 1px #ccc; }
.navbar_left .top_menu .depth_2 li:hover > a{ background:none; color:#5558db; font-weight:400; }
.navbar_left .top_menu .depth_2 li.active > a{ background:none; color:#5558db; font-weight:400; }
.navbar_left .top_menu .depth_2 a > i:before{ content:''; color:#888; vertical-align:1px; font:normal 11px/20px 'FontAwesome'; }
.navbar_left .top_menu .depth_2 li:hover a > i:before{ color:#333; }
.navbar_left .top_menu .depth_2 li.active a > i:before{ color:#434343; }

.navbar_left .top_menu > li .depth_2 .depth_3{ position:relative; width:100%; padding:9px 0 11px; background:none; border-bottom:dotted 1px #ccc; }
.navbar_left .top_menu > li .depth_2 .depth_3 a{ border:none; line-height:34px; color:#666; font:300 13px/34px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.navbar_left .top_menu .depth_3 a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.navbar_left .top_menu > li .depth_2 .depth_3 li:first-child a{ border:none; }
.navbar_left .top_menu > li .depth_2 li.active .depth_3{ display:block; }
.navbar_left .top_menu > li .depth_2 .depth_3 li.active a{ color:#333; }

.Main .navbar_left .top_menu > li .depth_2{ display:none; }
.Main .navbar_left .top_menu > li:hover .depth_2{ display:block; }
.Main .navbar_left .top_menu > li .depth_1{color:#333;border-bottom:1px solid rgba(0,0,0,0.1);text-shadow:none; text-transform: uppercase;text-decoration: none; position: relative;}

.Main .navbar_left .top_menu > li > a:after{bottom: -1px; content: ""; display: block;  height: 2px; left: 50%; position: absolute; background: #5558db; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}

.Main .navbar_left .top_menu > li > a:hover:after {width: 100%; left: 0;}
.Main .navbar_left .top_menu > li:hover .depth_1{ color:#5558db; }
.Main .navbar_left .top_menu > li:hover .depth_1:after {bottom: -1px; content: ""; display: block; height: 2px; position: absolute; background: #5558db; width: 100%;  left:0;}


.basic_body .navbar_left .top_menu > li .depth_2{ display:none; }
.basic_body .navbar_left .top_menu > li:hover .depth_2{ display:block;}
.basic_body .navbar_left .top_menu > li:hover .depth_2 a:hover {color:#5558db;}

/* 모바일 메뉴 */
.navbar_left .site_map{ display:none; position:absolute; top:0; right:0; height:60px; }
.navbar_left .site_map > h1{ position:relative; display:inline-block; height:60px; margin:0; text-align:center; }
.navbar_left .site_map > h1 a{ display:inline-block; width:50px; height:58px; background:url(/img/sitemap_icon5.png) no-repeat center; opacity:0.9; }
/* .navbar_center .site_map > h1:hover a{ background:url(/img/sitemap_icon.png) no-repeat center; } */
.navbar_left .site_map > h1 a i{ display:none; color:#fff; font-size:0; line-height:190%; }
.navbar_left .site_map > h1 a i:before{ display:inline-block; content:''; width:40px; height:60px; background:url(/img/sitemap_icon.png) no-repeat center 100%; }
.navbar_left .site_map:hover > h1 a{ opacity:1; }

/* 사이트맵 */
.left_ui_wrap .siteMap{  }

/* 검색단 */
.small_menu_wrap .left li{ float:none; width:100%; }
.small_menu_wrap .left .search_btn a{ }
.left_ui_wrap .search_btn form{ overflow:hidden; position:relative; background:#333; }
.left_ui_wrap .search_btn form input{ width:100%; padding:0 40px 0 20px; height:34px; border:none; background:none; color:rgba(255,255,255,0.8); font:300 13px/34px 'Noto Sans KR','Malgun Gothic',Sans-serif; }
.left_ui_wrap .search_btn input::-ms-input-placeholder { color:rgba(255,255,255,0.8); } /* Internet Explorer 10 이상에 적용 */
.left_ui_wrap .search_btn input::-webkit-input-placeholder { color:rgba(255,255,255,0.8); } /* Webkit, Blink, Edge에 적용 */
.left_ui_wrap .search_btn input::-moz-placeholder { color:rgba(255,255,255,0.8); } /* Mozilla Firefox에 적용 */

.left_ui_wrap .search_btn form button{ position:absolute; right:20px; top:0; font-size:0; border:none; background:none;  color:rgba(255,255,255,0.6); }
.left_ui_wrap .search_btn form button:before{ content:''; font:normal 14px/34px 'FontAwesome'; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }

.Main .search_btn form{ /* background:#434343; */ }

/* 서브 : 본문 컨테이너 */
.left_ui_wrap .container_wrap{ padding:20px 70px 20px 453px; background:#f7f7f7; }
.left_ui_wrap .sub_contents_block{ background:#fff; border:1px solid #ddd; border-width:0 1px 1px 1px; }

.left_ui_wrap.basic_body .container_wrap{ padding-left:340px; }

/* 서브비주얼 */
.left_ui_wrap .sub_visual_wrap{ position:relative; overflow:hidden; height:167px; margin:0 auto 0; text-align:center; overflow:hidden; z-index:2; text-align:center; background:url(/img/sub_visual_00.jpg) no-repeat center; }
.left_ui_wrap .sub_visual_wrap p{ position:absolute; left:0; top:0; width:100%; height:100%; }
.left_ui_wrap .sub_visual_wrap p img{ position:absolute; left:50%; top:0; margin-left:-50%; }
.left_ui_wrap .sub_visual_wrap h1{ position:relative; display:inline-block; z-index:3; padding:0 30px; margin:66px auto 0 ; font:400 24px/40px 'Raleway','Roboto','Noto Sans KR', 'Malgun Gothic', Sans-serif; color:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,.2); text-shadow:1px 1px 1px rgba(0,0,0,.3); background:rgba(0,0,0,0.1); border-radius:100em; }
.left_ui_wrap .sub_visual_wrap h1 span{ display:none; }

/* 서브 메뉴 */
.left_ui_wrap .sub_category_top{ display:none; }


/* 서브컨텐츠 */
.left_ui_wrap .sub_contents_wrap{ min-height:757px; }

/* 푸터 */
.footer_left_mobile{ display:none; }
.footer_left{ z-index:11; position:absolute; left:0; bottom:0; width:260px; padding:0; background:#f7f7f7; }

.left_ui_wrap .footer_bar{ display:none; position:relative; }
.left_ui_wrap .footer_bar:after{ content:"";  display:block; clear:both; }

.left_ui_wrap .footer_bar h3{ float:left; }/*로고*/
.left_ui_wrap .footer_bar h3 a img{ /* max-width:210px; */ opacity:.55 }

/* 푸터 > 카피라이터 */
.copyright_left{ position:relative; overflow:hidden; padding:0 0 0; }
.copyright_left:after{ content:"";  display:block; clear:both; }
.copyright_left h3{ display:none; width:20%; float:left; padding:0 0 0 0; margin:26px 0 0 0; }
.copyright_left h3 a{ display:inline-block; max-width:200px; }
.copyright_left h3 a > img{ width:auto; max-width:100%; -webkit-filter: grayscale(100%); filter: gray; opacity:0.6; }
.copyright_left .addre{ padding:2px 11px 14px; text-align:left; }


.copyright_left .addre p{ overflow:hidden; }
.copyright_left .addre p span{ display:inline-block; color:#777; font:300 12px/18px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; word-break:keep-all; /* color:rgba(255,255,255,0.5); */ word-break:keep-all; }
.copyright_left .addre p span:after{ color:#eee; }
.copyright_left .addre p span a{ color:#b0b0b0; /* color:rgba(255,255,255,0.5); */ }
.copyright_left .addre p span a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright_left .addre p span a:hover{ color:#fff; }

ul.footer_site_btn li a:before{ color:#666; }
ul.footer_site_btn li:hover a:before{ color:#555; }

ul.footer_site_btn{ overflow:hidden; padding:0 10px 20px; }
ul.footer_site_btn li{ float:left; width:46%; text-align:center; }
ul.footer_site_btn li:last-child{ margin-left:4%; width:50%; }
ul.footer_site_btn li a{ display:block; padding:1px 0 0 0; font:300 12px/23px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; background:#aaa; border-radius:4px; color:#fff; }
ul.footer_site_btn li a{ text-transform:capitalize; text-shadow:0 1px 1px rgba(0,0,0,0.2); }
ul.footer_site_btn li:first-child a{ margin:0; text-transform:uppercase; }
ul.footer_site_btn li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.footer_site_btn li a:hover{ background:#5558db; }
ul.footer_site_btn li:after{ display:none; padding:0 8px; content:''; }
ul.footer_site_btn li a:before{ display:none; margin-right:7px; color:rgba(255,255,255,0.5); font:normal 13px 'FontAwesome'; }
ul.footer_site_btn li a:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.footer_site_btn li:hover a:before{ color:rgba(255,255,255,0.7); }

ul.footer_site_btn li .privacy_btn:before{ content:''; }
ul.footer_site_btn li .login_btn:before{ content:''; }


/* 문의 버튼 */
.main_contact_btn{ z-index:12; position:fixed; right:80px; bottom:162px; width:80px; height:80px; background:#3e4293 url(/img/icon_inquiry.png) no-repeat center; background-size:22px !important; border-radius:100px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5); }
.main_contact_btn{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.main_contact_btn:hover{ background:#2f307e url(/img/icon_inquiry.png) no-repeat center; }

/* .Main .footer{ background:#f7f7f7; }
.Main .copyright_left .addre p span{ color:#777; }
.Main .copyright_left .addre p span a{ color:#777; }
.Main ul.footer_site_btn li a{ background:#aaa; }
.Main ul.footer_site_btn li a:hover{ background:#434343; } */

/* 좌측 메뉴 스크롤 */
.fixed_left_wrap{position:relative; z-index:100;/*  min-height:515px;  */height:calc(100% - 188px); overflow-y:auto; overflow-x:hidden; }
.fixed_left_wrap{
scrollbar-face-color:#232f3e;/*스크롤*/
scrollbar-highlight-color:#162231;/*하이라이트*/
scrollbar-3dlight-color:#162231;/*왼쪽외곽음영*/
scrollbar-darkshadow-color:#162231;/*오른쪽외곽음영*/
scrollbar-shadow-color:#162231;/*오른쪽 안쪽음영*/
scrollbar-arrow-color:#d5d5d5;/*화살*/
scrollbar-track-color:#162231;/*스크롤영역*/
direction:rtl;
text-align:left;
}
.fixed_left_wrap:before{  position:absolute; bottom:0; left:0; width:100%; content:" "; z-index:-1; display:block; height:50px; }
.fixed_left_wrap.active {height:100% !important;}
.fixed_left_min_height{ position:relative; height:100%; min-height:515px; }


/*------------------------------------
	서브 퀵메뉴
------------------------------------*/
.quickMenu{ position:fixed; right:23px; top:186px; z-index:12; height:100%; }
.quickMenu a{ width:48px; height:50px; display:block; color:#fff; font-family:'FontAwesome'; text-align:center; line-height:48px; font-size:17px; }
.quickMenu span{ display:none; position:absolute; background:#333; padding:5px 10px; color:#fff; font:300 12px 'Noto Sans KR','Malgun Gothic'; left:-105px; min-width:100px; margin-top:10px; text-align:center; }
.quickMenu li span:after{ content:''; font-family:'FontAwesome'; padding-left:8px; }
.quickMenu div{ position:relative; height:100%; width:48px; }
.quickMenu div ul{ position:fixed; }
.quickMenu li{ position:relative; }
.quickMenu li:hover{ cursor:pointer; }
.quickMenu li:hover span{ display:block; }
.quickMenu .quick01 a{ background:#d81d31; }
.quickMenu .quick02 a{ background:#555; }
.quickMenu .quick03 a{ background:#434343; }
.quickMenu .quick03 a{ font:500 13px/50px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.quickMenu .quick03 a i{ display:none; font-style:normal; font-size:20px; }


/*------------------------------------
	레이어 팝업
------------------------------------*/
/* layer popup */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer .pop {display:block; box-sizing:border-box; background-color:#fff; border:1px solid #989ba2; width:650px; height:500px;}
.pop {display:none; position:absolute; top:50%; left:50%; z-index:10;}
.pop .pop_container {display:table; width:100%; height:100%; padding:30px; box-sizing:border-box;}
.pop .pop_container img {max-width:100%;}
.pop_close {position:absolute; top:15px; right:15px;}

/*------------------------------------
    로그인 페이지
------------------------------------*/
.login_body .page_title_wrap{ display:none; }

.loginbox{ padding:90px 0; width:100%; margin:0 auto; border-top:2px solid #222; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; }
.loginbox h2{ display:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #777; font:400 30px/40px 'Raleway','Roboto','Noto Sans KR',Sans-serif; color:#333; text-transform:uppercase; }
/* input, select 박스 스타일 */
.formControl{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:300 13px/30px 'Raleway','Roboto','Noto Sans KR',Sans-serif; border-radius:0 4px 4px 0; color:#555; }
input[type="submit"].submit_btn{ display:inline-block; width:100%; padding:0 15px; margin:5px auto 0; font-weight:500; font-size:17px; line-height:50px; color:rgba(255,255,255,0.9); background:#5558db; border:none; }
input[type="submit"].submit_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
input[type="submit"].submit_btn:hover{ background:#19192d; }

.formLogin{ max-width:400px; margin:0 auto; }
.formLogin li{ margin-bottom:15px; text-align:center; }
.formLogin li label{ display:block; overflow:hidden; }
.formLogin li label i{ display:none; float:left; width:10%; font-size:14px; line-height:30px; border-radius:0 0 1px 1px; border:1px solid #ddd; border-width:1px 0 1px 1px; position:relative; color:#b3b3b3; }
.formLogin li label i{}
.formLogin li label .formControl{ width:100%; height:50px; padding:0 10px; border:1px solid #e7e7e7; font-weight:300; font-size:14px; line-height:48px; border-radius:0; }


/*------------------------------------
    서브 : 본문 좌측 메뉴 영역
------------------------------------*/
.left_menu_wrap{ display:none; position:relative; float:left; width:15%; overflow:hidden; box-sizing:border-box; position:fixed; top:190px; left:50%; margin:0 0 0 -619px; }
.left_menu_wrap:after{ content:"";  display:block; clear:both; }
.left_menu_wrap.fixed{ position:fixed; top:100px; left:50%; margin:0 0 0 -619px; }

.lnb{ position:relative; /* border-bottom:solid 1px #eee;  */width:185px; box-sizing:border-box; }
.lnb h2{ font:400 0 'Noto Sans KR',Sans-serif; color:#434343;  vertical-align:bottom;   letter-spacing:1px; padding:15px 0 10px 0; text-align:center  }
.lnb.category h2:after{ content:"CATEGORY"; font:800 16px/22px Malgun Gothic;  padding:2px 15px 3px 10px; /* background:#999;  */color:#333; /* border:solid 1px #dee4fb; border-width:1px 0;  */ }
.lnb.mypage h2{ padding-bottom:20px; }
.lnb.mypage h2:after{ content:"MY PAGE"; font:800 16px/22px Malgun Gothic;  padding:2px 15px 3px 10px; color:#333; }
.lnb h2 b{ font:400 0 'Noto Sans KR',Sans-serif; }
.lnb ul{ position:relative; overflow:hidden; padding:0 0 20px 0; }
.lnb ul li{  }
.lnb.event ul li,.lnb.business ul li{ padding:0; width:100%;  }
.lnb ul li a{ display:block;  font:300 12px/18px 'Noto Sans KR',Sans-serif; color:#666;  padding:3px 0 4px 12%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.lnb ul li a.active,.lnb ul li a:hover{  color:#434343; font-weight:bold; background:#fafafa }
.lnb ul li a .fa{ color:#be845f; display:inline-block; padding:0 5px 0 0; opacity:.8 }
.lnb ul li.leftCategory_depth1 a{  font:400 12px/18px 'Noto Sans KR',Sans-serif; width:80%; color:#434343;  padding:2px 0; text-align:center; background:#fff; border:solid 1px #eee; border-width:1px 0; margin:10px auto }

.img_banner{ display:none;  }


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_head_wrap{ position:relative; padding:0 0 25px; margin-bottom:70px; text-align:center; }
.sub_head_wrap:after{ position:absolute; left:50%; bottom:0; content:''; width:60px; height:2px; margin-left:-30px; background:#cbcbcb; }
.sub_active_title{ font:700 24px/30px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#19192d; }

/* prev, next page btn : 페이지 이동 */
.move_page_warp{ z-index:2; overflow:hidden; position:absolute; right:0; top:148px; }
.move_page_warp li{ margin-left:1px; float:left; background:#5558db; }
.move_page_warp li{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.move_page_warp li:hover{ background:#19192d; }
.move_page_warp li a{ display:block; font-size:0; width:64px; height:64px; background:url(/img/arrow_left.png) no-repeat center; background-size:18px auto; }
.move_page_warp li:last-child a{ background:url(/img/arrow_right.png) no-repeat center; background-size:18px auto; }


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_category_type2{ padding:28px 0 40px; }
.sub_category_type2 .centerWrap{ padding:0; }
.depth_2_sub{ overflow:hidden; margin-left:-1px; }
.depth_2_sub li{ float:left; padding:0 20px; }
.depth_2_sub > li:first-child{ padding-left:0; }
.depth_2_sub li a{ position:relative; display:block; padding:5px 1px; font:400 17px/27px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#444; }
.depth_2_sub li a:hover{ color:#5558db; }
.depth_2_sub li.active a{ color:#141414; }
.depth_2_sub li.active a:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:2px; background:#19192d; }


/*------------------------------------
    서브 : 상단 메뉴s
------------------------------------*/
.sub_category_top{ z-index:9; position:relative; clear:both; }
.sub_category_top:before{ z-index:1; position:absolute; left:0; top:45px; content:''; width:100%; height:1px; background:#ddd; }
.sub_category_top .centerWrap{ padding:0; }
.sub_category_top .depth_2_sub{ z-index:9; position:relative; width:100%; margin:0 auto; }
.sub_category_top .depth_2_sub:before{ z-index:11; position:absolute; left:0; bottom:0; content:''; height:100%; width:1px; background:#ddd; }
.sub_category_top .depth_2_sub:after{ content:''; clear:both; display:block; }
.sub_category_top .depth_2_sub > li{ z-index:9; position:relative; float:left; width:16.6666%; cursor:pointer; border-width:1px 1px 0px 1px; text-align:center; }
.sub_category_top .depth_2_sub > li a{ z-index:9; display:block; position:relative; color:#555; padding:1px 10px 0; font:400 13px/44px 'Raleway','Roboto','Noto Sans KR',Sans-serif; border:solid 1px #ddd; border-width:0 1px 0 0; }
.sub_category_top .depth_2_sub > li a:before{ display:none; position:absolute; left:0; width:1px; top:0; height:100%; content:''; background:#ddd; }
.sub_category_top .depth_2_sub > li a i{ display:inline-block; margin:0 0 0 5px; }
.sub_category_top .depth_2_sub > li a i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:#555; }
.sub_category_top .depth_2_sub > li:hover > a{ color:#434343; background:#fcfcfc; }
.sub_category_top .depth_2_sub > li:hover a i:before{ color:#434343; }
.sub_category_top .depth_2_sub > li:hover:before{ z-index:4; position:absolute; left:0; width:100%; bottom:-1px; height:1px; content:''; background:#ddd; }

.sub_category_top .depth_2_sub > li.active{ position:relative; z-index:2; }
.sub_category_top .depth_2_sub > li.active:before{ z-index:4; position:absolute; left:0; width:100%; bottom:-1px; height:2px; content:''; background:#434343; }
.sub_category_top .depth_2_sub > li.active > a{ color:#434343; }
.sub_category_top .depth_2_sub > li.active a i:before{ color:#434343; }
.sub_category_top .depth_2_sub > li.active:hover > a{ background:none; }

/* .company_body .depth_2_sub > li{ width:14.28571%; }
.product_body .depth_2_sub > li{ width:16.66666%; } */

/* 3depth */
.sub_category_top .depth_2_sub .depth_3_sub_wrap{ z-index:10 !important; }
.sub_category_top .depth_3_sub{ display:none; z-index:1; position:absolute; left:-1px; top:100%; width:100.5%; padding-top:1px; background:#fff; }
.sub_category_top .depth_2_sub > li:hover .depth_3_sub{ display:block; }
.sub_category_top .depth_3_sub li{}
.sub_category_top .depth_3_sub li a{ border-width:0 1px 1px 1px; font:400 13px/38px 'Raleway','Roboto','Noto Sans KR',Sans-serif; color:#555; }
.sub_category_top .depth_3_sub li a:hover{ color:#434343; }
.sub_category_top .depth_3_sub > li.active > a{ color:#434343; }




/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.sub_category_left{ float:left; width:12.5%; margin:0 0 0 0; }
.sub_category_left .centerWrap{ padding:0; }
.sub_category_title{ }
.sub_category_title p{ margin:0; display:block; padding:0 5% 0 24%; font:600 18px/111px 'Raleway',Sans-serif; color:#000; }
.sub_category_title p a{ display:block; font:400 23px/80px 'Raleway','Roboto','Noto Sans KR','Malgun gothic',Sans-serif; color:#fff; text-align:center; }
.depth_2_left{  }
.depth_2_left > li{ padding:0 0 5px; }
.depth_2_left li.active{  }
.depth_2_left li a{ display:block; position:relative; padding:12px 5% 12px 24%; font:500 15px/23px 'Raleway','Roboto','Noto Sans KR','Malgun gothic',Sans-serif; }
.depth_2_left li:hover > a{ color:#5558db; }
.depth_2_left > li.active{  }
.depth_2_left li.active > a{ color:#fff; background:#5558db; }
.depth_3_left li{ border-top:1px solid #ddd; }
.depth_3_left li a{ background:#f9f9f9; }
.depth_3_left li.active a{ background:#e8f8fe; color:#242424; }


/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_top_block{ margin:0 auto; }
.sub_contents_wrap { overflow:hidden; position:relative; padding:0; min-height:734px; }

.sub_contents_wrap.contents_top{  }
.sub_contents_wrap > .centerWrap{ padding:200px 15px 230px; }
.full_wrap .sub_contents_wrap > .centerWrap{ max-width:100%; padding-right:0; padding-left:0; padding-bottom:0; }
.sub_right_contents{  }
.sub_right_contents img{ width:auto; max-width:100%; }


/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left_block{ overflow:hidden; margin:0 auto; background:#f8f8f8; }
.sub_left{ float:right; width:87.5%; padding:50px 0 135px 0; background:#fff; }
.sub_left .centerWrap{  }

.basic_body .sub_left{ float:none; width:100%; }
.basic_body .sub_category_top, .basic_body .sub_category_left{ display:none; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ max-width:1230px; padding:0 15px; margin:-60px auto 120px; text-align:center; }
.contents_tab{ overflow:hidden; }
.contents_tab li{ position:relative; float:left; width:25%; }
/* .contents_tab li:nth-child(1):before{ position:absolute; left:0; top:0; content:''; width:2px; height:100%; background:#b4b4b4; }
.contents_tab li:after{ position:absolute; right:0; top:0; content:''; width:2px; height:100%; background:#b4b4b4; } */
.contents_tab li a{ position:relative; display:block; font-size:20px; font-weight:500; line-height:62px; color:#989898; border:2px solid #b4b4b4; border-width:2px 0 2px 0; }
.contents_tab li a:before{ z-index:-1; position:absolute; right:-2px; top:0; content:''; width:2px; height:100%; background:#b4b4b4; }
.contents_tab li:first-child a{ border-left-width:2px; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.contents_tab li:last-child a{ border-right-width:2px; border-bottom-right-radius:4px; border-top-right-radius:4px; }
.contents_tab li:last-child a:before{ display:none; }
.contents_tab li a:hover{ color:#3e4293; }
.contents_tab li.active a{ color:#fff; font-weight:500; background:#3e4293; border-color:#3e4293; }
.contents_tab li.active a:before{ display:none; }

.history_body .contents_tab_wrap{ margin-top:0; margin-bottom:0; padding:0; }
.history_body .contents_tab li{ width:auto; }
.history_body .contents_tab li a{ padding:0 52px; font-size:28px; line-height:57px; }
.history_body .contents_tab li:first-child a{ border-bottom-left-radius:0; }
.history_body .contents_tab li:last-child a{ border-bottom-right-radius:0; }

/*------------------------------------
    푸터
------------------------------------*/
footer.footer_center{ clear:both; position:relative; margin:0 auto; box-sizing:border-box; padding:30px 55px 25px; background:#48485b; }
footer.footer_center:after{ content:"";  display:block; clear:both; }
footer.footer_center .centerWrap{ max-width:100%; }

.footer_bar{ display:none; position:relative; }
.footer_bar:after{ content:"";  display:block; clear:both; }

.footer_bar h3{ float:left; }/*로고*/
.footer_bar h3 a img{ /* max-width:210px; */ opacity:.55 }




/*------------------------------------
    푸터 > 카피라이터
------------------------------------*/
.copyright{ position:relative; padding:0 0 0; text-align:left; }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright h3{ padding:0 0 0 0; margin:0 0 7px 0; }
/* .copyright h3 a{ display:inline-block; max-width:190px; } */
.copyright h3 a{ display:flex; align-items: center; max-width:190px; }
.copyright h3 p{ color: #fff; font-weight: bold; padding: 0; margin: 0;}
.copyright h3 a > img{ height: 20px; width:auto; max-width:100%; margin-right: 12px;/* -webkit-filter: grayscale(100%); filter: gray; opacity:0.6; */ }
.copyright .addr{ padding:0; }
.copyright .addr ul{ overflow:hidden; }
.copyright .addr ul li{ float:left; font:500 12px/16px 'Roboto','Noto Sans KR',Sans-serif; color:rgba(255,255,255,0.5); }
.copyright .addr ul li:after{ display:inline-block; content:"l"; padding:0 10px; font-size:11px; line-height:15px; color:rgba(255,255,255,0.2); vertical-align:-1px; }
.copyright .addr ul li:first-child{ width:100%; }
.copyright .addr ul li:first-child:after{ content:''; }
.copyright .addr ul li:last-child:after{ display:none; }
.copyright .addr ul li.m_tel{ display:none; }
.copyright .addr ul li a{ color:rgba(255,255,255,0.5); }
.copyright .addr ul li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.copyright .addr ul li a:hover{ color:rgba(255,255,255,0.7); }

.copyright .addr ul li .privacy_btn:before{ content:''; }
.copyright .addr ul li .login_btn:before{ content:''; }

.footer_sns_wrap{ position:absolute; right:0; top:50%; margin-top:-14px; }
.footer_sns_wrap > li{ float:left; margin-left:20px; }
.footer_sns_wrap > li:first-child{ margin-left:0; }
.footer_sns_wrap > li > a{ display:block; height:27px; }
.footer_sns_wrap > li > a img{ height:auto; max-height:100%; /* opacity:0.5; */ }
.footer_sns_wrap > li > a img{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.footer_sns_wrap > li:nth-child(2) a{ padding:1px 0; }
.footer_sns_wrap > li > a:hover img{ /* opacity:0.7; */ }

/* 푸터 다국어 버튼 */
.language_select{ overflow:hidden; position:relative; width:109px; margin-right:3px; }
.language_select:hover{ overflow:inherit; }
.language_select h5{ position:relative; padding:0 12px; font-weight:600; font-size:12px; line-height:24px; color:#a3a3ad; cursor:pointer; border-radius:2px; border:solid 1px #a3a3ad; }
.language_select h5{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.language_select:hover h5{ border-radius:0 0 2px 2px; color:rgba(255,255,255,0.6); }
.language_select h5:before{ position:absolute; right:0; top:0; content:''; width:27px; height:100%; background:#a3a3ad; font:400 18px/24px 'Fontawesome'; color:#48485b; text-align:center; }
.language_select:hover h5:before{ content:''; line-height:26px; }
.language_select ul{ overflow:hidden; position:absolute; left:0; bottom:100%; padding:3px 0; margin-bottom:-1px; width:100%; border:1px solid #a3a3ad; border-radius:2px 2px 0 0; background:#48485b; opacity:0; }
.language_select ul{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.language_select:hover ul{ opacity:1; }
.language_select ul li{ height:24px; padding:2px 0; }
.language_select ul li a{ display:block; padding:0 12px; font-size:12px; line-height:20px; font-weight:500; color:#a3a3ad; }
.language_select ul li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.language_select ul li a:hover{ color:rgba(255,255,255,0.6); }
.language_select ul li a img{ max-width:14px; margin-right:4px; vertical-align:-2px; }


/*------------------------------------
    메인 : 푸터 > 카피라이터
------------------------------------*/




/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ position:relative; overflow:hidden; height:460px; margin:0 auto; text-align:center; overflow:hidden; z-index:2; text-align:center; background:#2f307e; background-size:cover !important; }
.sub_visual_wrap:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; }
.sub_visual_wrap > p{ position:absolute; left:0; top:0; width:100%; height:100%; }
.sub_visual_wrap > p img{ position:absolute; left:50%; top:0; margin-left:-50%; }
.sub_visual_wrap > h1{ position:relative; margin:230px auto 0; z-index:3; font-weight:500; font-size:46px; color:#fff; }
.sub_visual_wrap > h1 span{ display:block; margin-top:10px; font-size:13px; font-weight:300; color:rgba(255,255,255,0.7); }
.sub_visual_wrap > h1 span:before{ display:none; content:''; width:30px; height:2px; margin:10px auto; background:#cc111c; }
.sub_visual_wrap > h1.round_title{padding:0 30px; margin:71px auto 0; font-size:24px; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,0.1); border-radius:100em; }



/*------------------------------------
    서브 > 페이지 타이틀
------------------------------------*/
.page_title_wrap{ position:relative; margin-bottom:120px; }
.page_title_wrap:after{ content:""; display:block; clear:both }
.page_title_wrap h1{ position:relative; font-weight:700; font-size:36px; line-height:42px; text-align:center; }
.page_title_wrap h1:after{ content:''; display:block; width:60px; height:2px; margin:18px auto 0; background:#b4b4b4; }

/* 네비게이션 */
.path_box{ display:none; overflow:hidden; text-align:left; }
.path_box a{ display:inline-block; float:left; font:500 14px/16px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic'; color:#9d9d9d; letter-spacing:0; }
.path_box a:before{ content:"/"; display:inline-block; font-size:12px; padding:0 8px; color:#ccc; }
.path_box a:first-child{ font-size:0; }
.path_box a:first-child:before{ content:""; padding:0; width:18px; height:14px; background:url(/img/home_icon.jpg) no-repeat center; background-size:auto 100%; vertical-align:-1px; }
.path_box a:hover{ color:#434343; }
.path_box a:last-child{  }


/*------------------------------------
    상세검색
------------------------------------*/
.searching_wrap{ position:relative; overflow:hidden; border:solid 1px #ddd; border-top-color:#333;background:#f8f8f8 }
.searching_wrap:after{ content:""; display:block; clear:both; }
.searching_wrap dd{ float:left;  }
.searching_wrap dd.searching_option{ width:81%; padding:10px 0 5px 2%;  }
.searching_wrap dd.searching_option:
.searching_wrap dd.searching_btn{ float:right; }
.searching_wrap dd.searching_btn input[type=submit]{ display:block; position:absolute; bottom:13px; right:5%; width:130px; height:56%; padding:10px 0; background:#ff837b; font:400 14px/20px 'Noto Sans KR',Malgun Gothic; color:#fff; text-align:center; border:none; }
.searching_wrap dd.searching_btn input[type=submit]{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border:solid 1px #ff837b; }

.searching_wrap dd > label{ width:49%; display:inline-block; vertical-align:top; font:normal 12px/18px Malgun Gothic;  }
.searching_wrap dd > label.category{ width:100%; display:block; }
.searching_wrap dd > label > select{ width:236px; height:26px; margin:0 0 7px 0; font-size:12px; line-height:16px; padding:0px 0 2px 1%; }
.searching_wrap dd > label > strong:before{ content:""; font:bold 10px 'icon',Arail; color:#434343; padding-right:3px; }

.searching_wrap dd > label b{ display:inline-block; min-width:82px; font:bold 12px/18px 'Malgun Gothic',Sans-serif; color:#444; }
.searching_wrap dd > label b:before{ content:" "; font:normal 8px 'icon',Arail; color:#434343; padding-right:3px; }
.searching_wrap dd > label input[type=text]{ width:50%; padding:0px 0 2px 1%; font:normal 12px/16px Malgun Gothic; margin:0 0 7px 0; vertical-align:top; border:solid 1px #aaa; }
.searching_wrap dd > label input[type=text].width_100{ width:235px; }
.searching_wrap dd > label input[type=text].width_50{ width:105px; }
.searching_wrap dd > label input[type=text]:hover,.searching_wrap dd > label input[type=text]:focus{ border-color:#333; }
.searching_wrap dd > label strong{ color:#000; font:bold 12px/14px 'Malgun Gothic',Sans-serif; display:none;  }


/*------------------------------------
    사이트맵
------------------------------------*/
#sitemap .site_menu{ position:relative;  display:block !important; overflow:hidden; padding:219px 75px 0 80px;  }
#sitemap .site_menu > li{ float:left; height:90px; width:100%; margin:0; padding:0 5px; border-bottom:1px dashed #ddd; }
#sitemap .site_menu > li:nth-child(4n+1){ margin-left:0; }
#sitemap .site_menu > li:nth-child(5){ float:right; }
#sitemap .site_menu > li:last-child{  }
#sitemap .depth_1{ float:left; position:relative; display:inline-block; width:auto; min-width:125px; padding:0; margin-bottom:0; background:#05186a; font:600 24px/90px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; text-align:left; color:#5558db; background:none;}
#sitemap .depth_1:before{ position:absolute; right:0; bottom:0; width:100%; height:100%; content:''; background:none;}
#sitemap .depth_2{ position:absolute; display:inline-block; }
#sitemap .depth_2 li{ float:left; border:0;}
#sitemap .depth_2 li > a{ display:block; height:90px; margin:0 10px; padding:0; color:#777; font:400 16px/90px 'Noto Sans KR','Malgun Gothic',Sans-serif; letter-spacing:-0.3px; }
#sitemap .depth_2 li > a{ -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; }
#sitemap .depth_2 li > a:hover {border-bottom:3px solid #5558db; box-sizing:border-box;}
#sitemap .depth_2 > li:hover{ color:#777; }
#sitemap .depth_2 li.active > a{ color:#777; }

/* 3depth */
#sitemap .depth_3{ position:relative; }
#sitemap .depth_3 li{ border-top:1px dotted #ddd; border-bottom:none; }
#sitemap .depth_3 li.active a{ color:#05186a; font-weight:400; }
#sitemap .depth_3 li > a{ position:relative; padding-left:32px; color:#555; }
#sitemap .depth_3 li > a:before{ position:absolute; left:22px; top:16px; display:inline-block; content:''; margin-right:5px; width:3px; height:3px; border-radius:100em; background:#555; }
#sitemap .depth_3 li > a:hover{ color:#05186a; font-weight:400; }
#sitemap .depth_3 li > a:hover:before{ background:#05186a; }

/* 사이트맵 타이틀, x 버튼 */
#sitemap .site_menu_title{ overflow:hidden; margin:70px 0 50px; }
#sitemap .site_menu_title h1{ float:left; font:400 40px/40px 'Raleway','Roboto','Noto Sans KR',Malgun Gothic,Sans-serif; color:#5558db; text-transform:uppercase; letter-spacing:-0.5px; }
#sitemap .btn_close{ position:absolute; z-index:999; top:90px; right:95px; cursor:pointer}
#sitemap .btn_close > i{ font-size:18px; color:#333; vertical-align:5px; cursor:pointer; }
#sitemap .mobile {display:none;}
#sitemap .site_addr {float:left; padding:20px 0; box-sizing:border-box;}
#sitemap .site_banner {float:right; padding:20px 0; box-sizing:border-box; max-width:150px;}
#sitemap .site_banner img {max-width:100%;}





/*------------------------------------
    이미지
------------------------------------*/
.img_wrap{ z-index:2; position:relative; }
.img_wrap:before{ z-index:3; position:absolute; left:0; top:0; content:''; width:100%; height:100%; }
.img_wrap img{ width:auto !important; max-width:100% !important; }


.dotted{ clear:both; position:relative; padding-top:30px; margin-bottom:30px; }
.dotted_big{ clear:both; position:relative; padding-top:50px; margin-bottom:50px; }
.dotted_line{ clear:both; position:relative; padding-top:50px; margin-bottom:50px; border-bottom:1px dashed #ddd; }
.dotted_big_line{ clear:both; position:relative; padding-top:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; }
.dotted_small{ clear:both; position:relative; padding-top:20px; margin-bottom:20px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:60px; font:400 26px/40px 'Noto Sans KR'; color:#555; text-align:center; }
.sub_contents_title strong{ font-weight:500; color:#008cd6; }

.sub_title_wrap{ margin-bottom:50px; text-align:center; }
.sub_title_wrap .img_wrap{ max-width:150px; width:auto; margin:0 auto 20px; }

.sub_title { font:400 20px/25px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',sans-serif; text-align:center; }
.sub_title h1{ font:500 26px/40px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',sans-serif; word-break:keep-all; }
/* .sub_title h1:after{ display:block; content:''; width:30px; height:2px; background:#434343; margin:20px auto; } */
.sub_title h3{ margin-bottom:20px; font:400 20px/25px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',sans-serif; word-break:keep-all; }
.sub_title h4{ margin-bottom:20px; font:400 17px/24px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic',sans-serif; word-break:keep-all; }
.sub_title span{ display:block; margin:15px 0 0 0; font-size:14px; line-height:26px; font-weight:300; color:#333; word-break:keep-all; }
.sub_title b{ font-weight:400; color:#434343; }


.Center{ text-align:center; }
.Left{ text-align:left; }
.Point{ color:#5558db; }
.Margin_auto, .Margin_auto > img{ margin:0 auto; }
.Line{ border:1px solid #eee; }


/*------------------------------------
    회사소개
------------------------------------*/

/* 인사말 */
.greetings_wrap{ position:relative; }
.greetings_wrap:before{ position:absolute; right:-360px; top:29px; content:''; width:32%; max-width:386px; height:100%; background:url(/img/bg-line-r.png) no-repeat right top; background-size:100%; }
.greetings_wrap:after{ position:absolute; left:-360px; bottom:-28px; content:''; width:71.3%; max-width:847px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100% auto; }

.basic_view_block .greetings_wrap:before{ display:none; }
.basic_view_block .greetings_wrap:after{ display:none; }
.basic_view_block .greetings_right_wrap:after{ left:-400px; }

.greetings_left{ z-index:2; position:absolute; left:0; top:0; overflow:hidden; width:50%; max-width:599px; height:545px; padding:155px 85px 0; border-radius:4px; background:url(/img/img-s-gt1.png) no-repeat center; background-size:cover; }
.greetings_left h2{ margin-bottom:17px; font-size:36px; font-weight:500; line-height:42px; color:#fff; }
.greetings_left p{ padding-left:170px; color:rgba(255,255,255,0.6); }

.greetings_right_wrap{ z-index:1; position:relative; text-align:right; }
.greetings_right_wrap:after{ position:absolute; left:-360px; bottom:280px; content:''; width:71.3%; max-width:727px; height:423px; background:url(/img/bg-line-l.png) no-repeat right bottom; background-size:auto 100%; }
.greetings_right{ position:relative; display:inline-block; width:54%; max-width:645px; margin-top:163px; padding:90px 60px 100px 105px; border-radius:4px; background:#f8f8f8; text-align:left; }
.greetings_right h3{ position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:600; }
.greetings_right h3:after{ position:absolute; right:-90px; bottom:28px; content:''; width:70px; height:2px; background:rgba(180, 180, 180, 0.5); }
.greetings_right h3 b{ font-size:50px; font-weight:300; }
.greetings_right p{ padding:12px 0; }
.greetings_right .thanks{ margin-top:30px; }
.greetings_right .sign{ margin-top:70px; font-weight:500; font-style:italic; text-align:right; }
.greetings_right .sign span{ display:block; font-size:19px; }
.greetings_right .sign span i{ display:inline-block; margin:0 18px; }

/* overview : did aliiance */
.overview_wrap{}
.overview_top{ max-width:1230px; margin:0 auto; padding-bottom:40px; padding-right:15px; padding-left:15px; }

.did_bottom_block{ padding:110px 15px 0; height:1320px; background:#282e3f url(/img/pic1.jpg) no-repeat center; background-size:cover; }
.did_bottom_wrap{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
/* .did_bottom_wrap:before{ position:absolute; left:12.5%; bottom:190px; content:''; width:4px; height:80%; margin-left:-3px; background:url(/img/did_dotted.png) center bottom; } */
.did_bottom{ position:relative; display:table; width:100%; padding-top:180px; }
.did_bottom_wrap .did_bottom:first-child{ padding-top:0; }
.did_bottom_wrap .did_bottom:before{ position:absolute; left:12.5%; top:0; content:''; width:4px; height:180px; margin-left:-3px; background:url(/img/did_dotted.png) center bottom; }
.did_bottom_wrap .did_bottom:first-child:before{ display:none; }
.did_bottom_wrap .did_bottom:last-child:before{ height:213px; }
.did_contents{ display:table-row; }
.did_contents li{ display:table-cell; position:relative; width:75%; vertical-align:middle; }
.did_contents li:first-child{ width:25%; text-align:center; }
.did_contents li .img_wrap{ padding:28px 0; /* background:#282e3f url(/img/pic1.jpg) no-repeat; background-position:left -360px top -110px; */ }
.did_contents li:nth-child(2) .img_wrap{ /* background-position:left -360px top -512px; */ }
.did_contents li div img{ max-height:147px; }
.did_contents li:last-child div{ padding-left:5px; }
.did_contents li h3{ margin-bottom:15px; font-size:24px; font-weight:600; color:#fff; }
.did_contents li p{ position:relative; padding:3px 0; color:#fff; }
.did_dotted li p{ padding-left:20px; }
.did_dotted li p:before{ position:absolute; left:0; top:16px; width:6px; height:6px; content:''; background:#a7acc9; border-radius:100px; }

/* 3뎁스 공통 타이틀 */
.did_title_wrap{ margin-bottom:80px; text-align:center; }
.did_title{ position:relative; display:inline-block; font-size:28px; font-weight:600; }
.did_title:before{ position:absolute; left:-90px; top:20px; content:''; width:70px; height:2px; background:rgba(180, 180, 180, 0.5); }
.did_title:after{ position:absolute; right:-90px; top:20px; content:''; width:70px; height:2px; background:rgba(180, 180, 180, 0.5); }
.did_title_wrap p{ margin-top:16px; }

/* overview : vision & mission */
.vision_bottom_wrap{ padding:120px 0 200px; background:#f8f8f8; }
.vision_bottom{ display:table; max-width:1229px; margin:0 auto; }

.vision{ display:table-row; }
.vision li{ display:table-cell; width:28.95%; }
.vision li.vision_left{ /* width:28.8%; */ background:url(/img/img-visionmission-left.png) no-repeat right bottom; background-size:100%; }
.vision li.vision_center{ width:42.1%; vertical-align:bottom; }
.vision li.vision_right{ /* width:29.4%; */ background:url(/img/img-visionmission-right.png) no-repeat left bottom; background-size:100%; }
.vision li.vision_left div{ padding:22px 30px 22px 15px; }
.vision li.vision_right div{ padding:22px 15px 22px 30px; }
.vision li div h3{ font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:25px; font-weight:600; line-height:85px; border-radius:6px; background:#fff; box-shadow:-4px 10px 20px 0 rgba(16, 44, 115, 0.27); text-align:center; }
.vision li div p{ margin-top:30px; font-size:17px; font-weight:300; line-height:27px; }


/* 연혁 */
.history_wrap{ border-top:2px solid #000; }
.history_wrap li{ display:table; width:100%; border-bottom:1px solid #ccc; }
.history{ display:table-row; }
.history dt{ display:table-cell; width:16.7%; padding:29px 0; text-align:center; vertical-align:middle; }
.history dt strong{ position:relative; display:block; font-size:46px; font-weight:700; line-height:105px; }
.history dt strong:after{ position:absolute; right:0; top:0; content:''; width:1px; height:100%; background:#ccc; }
.history dd{ display:table-cell; width:83.3%; padding:29px 83px; vertical-align:middle; }
.history dd p{ position:relative; padding:5px 0 5px 20px; font-size:22px; font-weight:500; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.history dd p:before{ position:absolute; left:0; top:18px; content:''; width:6px; height:6px; border-radius:100px; background:#a7acc9; }

/* 백그라운드 : 상단 */
.bg_top_wrap{ position:relative; max-width:1230px; padding:0 15px; margin:0 auto 136px; }
/* .bg_top_wrap:before{ position:absolute; right:53px; bottom:207px; content:''; width:1508px; height:838px; background:url(/img/bg_top_bg.jpg) no-repeat right top; background-size:auto 100%; } */
.bg_top_wrap:before{ position:absolute; left:-360px; bottom:340px; content:''; width:71.3%; max-width:850px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100% auto; }
.bg_top_wrap > div{ position:relative; border-radius:4px; }
.bg_top_wrap > div:after{ display:block; content:''; clear:both; }
.bg_top_wrap h2{ margin-bottom:20px; font-size:36px; line-height:46px; font-weight:500; color:#fff; }
.bg_top_wrap p{ color:rgba(255, 255, 255, 0.6); }

.bg_top_left{ width:61.8%; max-width:741px; height:340px; padding:95px 91px 0; background:#292937 url(/img/img-s-bg1.png) no-repeat center; background-size:cover; }
/* .bg_top_left:before{ position:absolute; right:-138px; bottom:62px; width: 138px; height:134px; content:''; background:url(/img/bg_top_bg2.jpg) no-repeat center; background-size:100%; } */
.bg_top_left .img_wrap{ float:left; width:33%; margin-right:7%; }
.bg_top_left .img_wrap img{ max-height:158px !important; }
.bg_top_left .bg_contents{ float:left; width:59.5%; }

.bg_top_middle{ z-index:2; margin-top:-62px; margin-bottom:-27px; text-align:right; }
.bg_top_middle > div{ display:inline-block; width:53.5%; max-width:642px; height:540px; padding:112px 74px 0 80px; background:url(/img/img-s-bg2.png) no-repeat center; background-size:cover; border-radius:4px; text-align:left; }
.bg_top_middle .img_wrap{ margin-bottom:35px; text-align:right; }
.bg_top_middle .img_wrap img{ max-height:107px !important; }
.bg_top_middle .bg_contents{ width:60.5%; }

.bg_top_botom{ width:71.2%; max-width:889px; margin-left:120px; height:370px; padding:105px 40px 0 105px; background:#292937 url(/img/img-s-bg3.png) no-repeat center; background-size:cover; }
/* .bg_top_botom:before{ position:absolute; right:-139px; top:27px; width: 139px; height:137px; content:''; background:url(/img/bg_top_bg3.jpg) no-repeat center; background-size:100%; } */
.bg_top_botom .img_wrap{ float:left; width:35%; }
.bg_top_botom .img_wrap img{ max-height:157px !important; }
.bg_top_botom .bg_contents{ float:left; width:65%; padding:15px 0 0 35px; }


/* 백그라운드 : 하단 */
.bg_bottom_block{ padding:145px 15px 190px; background:#f8f8f8; }
.bg_bottom_wrap{ max-width:1200px; margin:0 auto; }
.bg_bottom_wrap > div{ margin-top:110px; }
.bg_bottom_wrap > div:first-child{ margin-top:0; }
.bg_bottom_wrap h3{ font-size:36px; line-height:43px; font-weight:500; color:#fff; }

.bg_bottom_short{ overflow:hidden; padding:0 12.5%; }
.bg_bottom_short .img_box_bg{ overflow:hidden; position:relative; }
.bg_bottom_short .img_box_bg > div{ overflow:hidden; position:relative; width:55%; background:#27273c; border-radius:4px; }
.bg_bottom_short .img_box_bg > div h3{ z-index:3; position:absolute; right:42px; bottom:71px; }
.bg_bottom_short .img_box_bg > div img{ width:100% !important; }
.bg_bottom_short > p{ width:55%; }
.bg_bottom_short .img_box_bg p{ position:absolute; right:0; bottom:30px; width:40.5%; }

.bg_bottom_short.right .img_box_bg > div{ float:right; }
.bg_bottom_short.right .img_box_bg > div h3{ right:auto; left:42px; }
.bg_bottom_short.right .img_box_bg p{ right:auto; left:0; text-align:right; }

.bg_bottom_long{ height:332px; padding:98px 350px 0 150px; background:#27273c url(/img/pic9.jpg) no-repeat center; border-radius:4px; }
.bg_bottom_long h3{ margin-bottom:20px; }
.bg_bottom_long p{ color:#fff; }

.bg_bottom_long.right{ padding:87px 138px 0 544px; background:#27273c url(/img/pic7.jpg) no-repeat center; background-size:cover; }


/* business direction */
.business_top{ position:relative; max-width:1230px; padding:0 15px; margin:0 auto 204px; }
.business_top:after{ position:absolute; left:-200px; bottom:-70px; content:''; width:71.3%; max-width:700px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100%; }

.business_left{ z-index:2; position:absolute; left:15px; top:0; overflow:hidden; width:50%; max-width:599px; height:545px; padding:115px 75px 0 80px; border-radius:4px; text-align:right; background:url(/img/pic5.jpg) no-repeat center; background-size:cover; }
.business_left h2{ margin-bottom:17px; font-size:36px; font-weight:500; line-height:46px; color:#fff; text-align:left; }
.business_left h2 b{ font-size:60px; font-weight:300; line-height:46px; }
.business_left .img_wrap{ margin-top:-65px; }
.business_left .img_wrap img{ max-height:240px !important; }

.business_right_wrap{ z-index:1; position:relative; text-align:right; }
.business_right{ position:relative; display:inline-block; width:54%; max-width:645px; margin-top:97px; padding:114px 60px 80px 105px; border-radius:4px; background:#f8f8f8; text-align:left; }
.business_right h3{ position:relative; display:inline-block; margin-bottom:50px; font-size:24px; line-height:34px; font-weight:600; }
.business_right p{ position:relative; padding:2px 0 2px 16px; }
.business_right p:before{ position:absolute; left:0; top:15px; content:''; width:6px; height:6px; border-radius:100px; background:#a7acc9; }

.business_bottom_block{ padding:127px 15px 245px; background:#f8f8f8; }
.business_bottom_wrap{ max-width:1200px; margin:0 auto; }
.business_bottom{}
.business_bottom li{ display:table; width:100%; padding-bottom:84px; }
.business_bottom li:last-child{ padding-bottom:0; }
.business_bottom li dl{ display:table-row; }
.business_bottom li dl dt{ display:table-cell; position:relative; overflow:hidden; width:16.8%; background:#7c7c85; border-radius:4px; }
.business_bottom li dl dt strong{ display:block; position:absolute; right:-10px; bottom:-100px; font-size:200px; font-weight:900; color:#fff; font-family:'Arial','Roboto','Noto Sans KR'; }
.business_bottom li dl dd{ display:table-cell; width:83.2%; padding-left:30px; }
.business_bottom li dl dd div{ position:relative; padding:43px 50px; background:#7c7c85; border-radius:4px; }
.business_bottom li dl dd div:after{ position:absolute; right:61px; bottom:-52px; content:''; width:111px; height:53px; background:url(/img/sequence1.png) no-repeat center; background-size:100% !important; }
.business_bottom li h4{ position:relative; display:inline-block; margin-bottom:15px; font-size:24px; font-weight:600; color:#fff; font-family:'Roboto','Noto Sans KR'; }
.business_bottom li h4:after{ position:absolute; right:-95px; top:24px; content:''; width:70px; height:2px; background:rgba(255, 255, 255, 0.5); }
.business_bottom li p{ color:#fff; }

.business_bottom li:nth-child(2) dl dt{ background:#666671; }
.business_bottom li:nth-child(3) dl dt{ background:#52525e; }
.business_bottom li:nth-child(4) dl dt{ background:#3d3d4b; }
.business_bottom li:nth-child(5) dl dt{ background:#292937; }

.business_bottom li:nth-child(2) dl dd div{ background:#666671; }
.business_bottom li:nth-child(2) dl dd div:after{ background:url(/img/sequence2.png) no-repeat center; }
.business_bottom li:nth-child(3) dl dd div{ background:#52525e; }
.business_bottom li:nth-child(3) dl dd div:after{ background:url(/img/sequence3.png) no-repeat center; }
.business_bottom li:nth-child(4) dl dd div{ background:#3d3d4b; }
.business_bottom li:nth-child(4) dl dd div:after{ background:url(/img/sequence4.png) no-repeat center; }
.business_bottom li:nth-child(5) dl dd div{ background:#292937; }
.business_bottom li:nth-child(5) dl dd div:after{ display:none; }


/*------------------------------------
    Projects
------------------------------------*/
/* What is did */
.what_top{ max-width:1230px; padding:0 15px; margin:0 auto 174px; }
.what{ position:relative; margin-bottom:240px; text-align:right; }
.what:after{ position:absolute; left:-360px; bottom:-100px; content:''; width:90%; max-width:900px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100%; }
.what_top > p{ padding-left:80px; max-widtH:750px; }

.what > p{ z-index:4; position:absolute; left:0; top:112px; padding-left:80px; max-width:430px; }
.what_img{ z-index:3; position:relative; display:inline-block; max-width:771px; margin-top:100px;}
.what_img:after{ content:''; display:block; clear:both; }
.what_img img{ width:auto; max-width:100%; }
.what_img .wid1{ z-index:1; position:absolute; left:0; top:0; width:100%; text-align:center; }
.what_img .wid2{  }

.what_middle_wrap{ margin:0 auto 200px; max-width:1230px; padding:0 15px; }

.what_bottom_wrap{ padding:120px 0 245px; background:#f8f8f8; }
.what_bottom{ max-width:1230px; padding:0 15px; margin:0 auto; }
.what_bottom ul{ overflow:hidden; }
.what_bottom ul li{ float:left; width:20%; padding:0 15px; text-align:center; }
.what_bottom ul li div{}
.what_bottom ul li div img{ max-height:121px !important; }
.what_bottom ul li h3{ margin:28px 0 12px; font-size:24px; line-height:34px; font-weight:600; }
.what_bottom ul li p{ font-size:17px; line-height:30px; }

/* social contribution */
.social_wrap{}
.social{ padding:85px 110px 0; }
.social h2{ font-size:48px; font-weight:200; line-height:52px; }
.social h3{ margin:70px 0 5px; padding:0 20px; font-size:32px; font-weight:700; line-height:52px; }
.social p{ padding:25px 0 0 20px; font-size:22px; font-weight:500; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }

/* global cooperation */
.cooperation_top{ position:relative; padding-bottom:260px; text-align:center; }
.cooperation_top:after{ position:absolute; left:-360px; bottom:23px; content:''; width:90%; max-width:800px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100%; }
.cooperation_top h2{ margin:48px 0 32px; padding:0 50px; font-size:48px; line-height:62px; font-weight:200; }
.cooperation_top p{ padding-top:35px; font-size:22px; font-weight:500; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }

.cooperation_bottom{ position:relative; max-width:1230px; margin-top:50px; padding:0 0 72px; }

.cooperation_right{ z-index:2; position:absolute; right:0; bottom:0; width:44.2%; max-width:530px; }

.cooperation_left_wrap{ z-index:1; position:relative; text-align:left; }
.cooperation_left{ position:relative; display:inline-block; width:60%; max-width:718px; padding:74px 80px 65px 64px; border-radius:4px; background:#f8f8f8; }
.cooperation_left h3{ position:relative; display:inline-block; margin-bottom:5px; font-size:24px; line-height:34px; font-weight:600; }
.cooperation_left h3:after{ display:block; margin-top:18px; content:''; width:70px; height:2px; background:rgba(180, 180, 180, 0.5); }
.cooperation_left p{ position:relative; padding:30px 0 0 20px; }
.cooperation_left p:before{ position:absolute; left:0; top:42px; content:''; width:6px; height:6px; border-radius:100px; background:#a7acc9; }

/* support cooperation */
.support_top{ position:relative; padding-bottom:255px; text-align:center; }
.support_top:after{ position:absolute; left:-360px; bottom:-140px; content:''; width:90%; max-width:840px; height:444px; background:url(/img/bg-did.png) no-repeat right bottom; background-size:100%; }
.support_top > p{ margin-top:-30px; }

.table01{ z-index:2; position:relative; width:100%; margin-top:24px; clear:both; }
.table01 th, .table01 td{ height:62px; padding:0 5px; border:13px solid #fff; border-width:13px 0; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; text-align:center; }
.table01 th:first-child, .table01 td:first-child{ border-right-width:13px; }
.table01 th{ background:#3e4293; font-weight:600; color:#fff; font-size:20px; }
.table01 td{ padding:26px 20px; background:#f0f0f0; font-size:22px; font-weight:500; line-height:36px; }
.table01 td p{ position:relative; padding-left:20px; text-align:left; font-size:22px; font-weight:500; line-height:36px; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.table01 td p:before{ position:absolute; left:0; top:13px; content:''; width:6px; height:6px; border-radius:100px; background:#6236ff; }

.support_bottom{ position:relative; max-width:1230px; padding:0 0 240px; }

.support_right{ z-index:2; position:absolute; right:0; bottom:0; width:51.3%; max-width:617px; }

.support_left_wrap{ z-index:1; position:relative; text-align:left; }
.support_left{ position:relative; display:inline-block; width:58.7%; max-width:703px; padding:70px 155px 65px 75px; border-radius:4px; background:#f8f8f8; }
.support_left h3{ position:relative; display:inline-block; margin-bottom:5px; font-size:24px; line-height:34px; font-weight:600; }
.support_left p{ position:relative; padding:30px 0 0 20px; }
.support_left p:before{ position:absolute; left:0; top:42px; content:''; width:6px; height:6px; border-radius:100px; background:#a7acc9; }


/*------------------------------------
    member
------------------------------------*/
/* 클릭 시 해당 아이디값 컨텐츠로 이동 */
.Click_wrap{ position:absolute; left:0; top:-100px; width:100%; }

/* benefits */
.benefits_top_wrap{ position:relative; padding:258px 15px 0; height:850px; background:url(/img/pic2.jpg) no-repeat center top; background-size:cover; }
.benefits_top_wrap .did_title{ color:#fff; }
.benefits_top_wrap .did_title:before{ background:#fff; }
.benefits_top_wrap .did_title:after{ background:#fff; }
.benefits_top{ overflow:hidden; max-width:1230px; margin:0 auto; }
.benefits_top li{ float:left; width:21.25%; margin-left:5%; text-align:center; }
.benefits_top li:first-child{ margin-left:0; }
.benefits_top li div{ display:inline-block; width:187px; height:187px; padding:35px 0; border-radius:100px; background:#fff; }
.benefits_top li div img{ max-height:100%; max-width:100%; }
.benefits_top li:last-child div{ padding:38px 0 32px; }
.benefits_top li p{ margin-top:32px; font-size:24px; font-weight:600; line-height:34px; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; }

.benefits_middle_wrap{ position:relative; padding:195px 15px 0; height:850px; background:url(/img/pic4.jpg) no-repeat center top; background-size:cover; }
.benefits_middle_wrap .did_title{ color:#fff; }
.benefits_middle_wrap .did_title:before{ background:#fff; }
.benefits_middle_wrap .did_title:after{ background:#fff; }

.benefits_middle{ max-width:1200px; margin:0 auto; padding-top:100px; }
.benefits_middle:after{ clear:both; content:''; display:block; }
.benefits_middle li{ position:relative; float:left; width:19%; margin-left:8%; text-align:center; }
.benefits_middle li:after{ position:absolute; right:-29%; top:0; width:29px; height:100%; margin-left:-14px; content:''; background:url(/img/next1.png) no-repeat center; background-size:100% auto !important; }
.benefits_middle li:first-child{ margin-left:0; }
.benefits_middle li p{ position:relative; display:table-cell; vertical-align:middle; width:100vh; height:228px; box-shadow:-10px 10px 30px 0 rgba(11, 38, 66, 0.4); border-radius:4px; background:#fff; }
.benefits_middle li strong{ display:block; font-size:24px; font-weight:600; line-height:34px; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#000; letter-spacing:-0.5px; }

.benefits_middle li:nth-child(3):after{ background:url(/img/next2.png) no-repeat center; }
.benefits_middle li:last-child p{ background:#3e4293; }
.benefits_middle li:last-child strong{ color:#fff; }
.benefits_middle li:last-child:after{ display:none; }

.benefits_bottom_wrap{ padding:180px 0 195px; }
.benefits_bottom{ max-width:1230px; padding:0 15px; margin:0 auto; }
.benefits_right_wrap{ position:relative; margin-top:110px; }
/* .benefits_right_wrap:before{ z-index:3; position:absolute; left:-360px; top:-155px; content:''; width:923px; height:280px; background:url(/img/layer1.png) no-repeat right top; background-size:auto 100%; }
.benefits_right_wrap:after{ position:absolute; right:-360px; bottom:57px; content:''; width:1104px; height:222px; background:url(/img/layer2.png) no-repeat left bottom; background-size:auto 100%; } */
.benefits_right_wrap .img_wrap{ max-width:582px; }
.benefits_right{ z-index:3; position:absolute; right:0; top:73px; width:72.2%; max-width:867px; padding:35px 60px; border-radius:4px; background:#fff; }
.benefits_right p{ position:relative; padding-left:20px; font-size:24px; font-weight:500; font-family:'Raleway','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.benefits_right p:before{ position:absolute; left:0; top:12px; content:''; width:6px; height:6px; border-radius:100px; background:#a7acc9; }
.benefits_right p a.download_benefits{ display:inline-block; font-weight:600; color:#5292ff; }
.benefits_right p a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.benefits_right p a:hover{ color:#5558db; }

.application_form_btn_wrap{ margin:45px auto 50px; text-align:center; }


/*------------------------------------
    문의 : Contact Us
------------------------------------*/
.contact_us_wrap{ z-index:2; position:relative; padding:0 15px; margin-top:120px; }
.contact_us{ max-width:1200px; margin:0 auto; padding-bottom:230px; }
.contact_us > p{ padding-left:75px; margin-bottom:325px; max-width:520px; }

.map_area{ margin-top:70px; }
.map_area h3{ display:inline-block; padding:0 27px; font-size:23px; font-weight:600; line-height:55px; color:#fff; background:#3e4293; border-radius:4px; text-align:center; }
.map_area iframe{ margin:17px 0 20px; width:100%; height:375px; }
.map_area p{  }



/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#5558db; }
.ing_fa_text{ font:500 20px/44px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic'; display:block; }


/*------------------------------------
	비밀글 삭제등
------------------------------------*/
.board_passwd_wrap{  }
.board_passwd_wrap .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#5558db; }
.board_passwd_wrap dt{ font-weight:300; font-size:16px; line-height:20px; margin:30px 0 20px 0; color:#333; font-family:'Roboto','Noto Sans KR'; }
.board_passwd_wrap .inputField{margin-bottom:20px; font-weight:400; font-size:16px; line-height:20px; color:#555; }
.board_passwd_wrap .inputField input[type=password]{ height:40px; border:1px solid #e7e7e7; width:200px; font-weight:300; font-size:14px; line-height:38px; padding-left:5px }
.board_passwd_wrap .btnField{margin-top:25px;}
.board_passwd_wrap .button{min-width:100px; padding:10px 20px; border:1px solid #e7e7e7; font-weight:500; font-size:15px; margin:0 5px; }
.board_passwd_wrap .btn_ok{background:#595757; color:#fff; border-color:#595757;}





/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_box_form{ display:none; }
.search_body .btn_wrap.gray.sort{ display:none; }
.grid_show_wrap{ display:none; }
.goods_list_wrap{ display:none; }
.search_body .list{ display:none; }

.search_page_block{}

/* 검색어 박스 */
.search_page_box_wrap{ padding:0 0 40px; }
.search_page_box{ overflow:hidden; padding:35px 6%; background:rgba(255,255,255,0.5); border:1px solid #ddd; }
.search_page_box dt{ float:left; padding-right:7%; }
.search_page_box dt b{ color:#434343; font:400 24px/34px 'Raleway','Roboto','Noto Sans KR'; }
.search_page_box dt span{ display:block; font:300 14px/22px 'Raleway','Roboto','Noto Sans KR'; color:#777; }
.search_page_box dd{ float:left; padding:6px 0.5% 0; }
.search_page_input{ padding:0 20px; width:400px; height:46px; font:300 15px/46px 'Raleway','Roboto','Noto Sans KR','Malgun Gothic'; color:#444; background:#fff; border:1px solid #ddd; }
.search_page_btn{ width:130px; height:46px; font:500 14px/46px 'Raleway','Roboto','Noto Sans KR'; background:#5558db; border:none; color:#fff; text-transform:uppercase; }
.search_page_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.search_page_btn:hover{ background:#19192d; }

.search_result_title{ padding:0 0.5% 10px; margin:0 0 25px 0; font-weight:300; font-size:16px; line-height:22px; color:#555; border-bottom:1px solid #ddd; }
.search_result_title strong{ font-weight:400; color:#242424; }

.search_page_result_wrap{ min-height:160px; margin-bottom:30px; }
.search_page_result{ padding:0 0.5% 14px; margin-bottom:19px; border-bottom:1px dotted #ddd; }
.search_page_result_wrap .search_page_result:first-child{ /* padding-top:0; margin-top:0; border:none; */ }
.search_page_result h2{ position:relative;; font:400 18px/30px 'Raleway','Roboto','Noto Sans KR'; color:#333; }
.search_page_result h2:before{ display:inline-block; margin-right:5px; content:''; font:normal 16px 'FontAwesome'; color:#434343; vertical-align:1px; }
.search_page_result h3{ padding:5px 0 7px; font-weight:300; font-size:14px; line-height:22px; word-break:keep-all; color:#444; }
.search_page_result h3 strong{ display:inline-block; padding:0 3px; color:#242424; font-size:15px; font-weight:400; background:#fbf59e; }
.search_page_result .path_box{ float:none; padding:0; }
.search_page_result .path_box a{ font-size:12px; }
.search_page_result .path_box a:first-child{ font-size:0; }
.search_page_result .path_box a:before{ font-size:10px; padding:0 5px; }
.search_page_result .path_box a:first-child:before{ padding:0; font-size:12px; vertical-align:-5px; }


/*------------------------------------
    TOP 탑 버튼
------------------------------------*/
.eb-top{ display:none; z-index:3; right:40px !important; bottom:32px !important; font-size:0 !important; width:75px; height:75px; background:none; text-align:center; }
.eb-top{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.eb-top p{ margin:0; width:75px; height:75px; background:#434343; border-radius:100px; overflow:hidden; }
.eb-top p{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.eb-top p:hover{ background:#5558db; }
.eb-top p i{ margin:16px 0 5px 0; display:block; color:#fff; font-size:14px; opacity:0.5; }
.eb-top p span{ display:block; font:600 16px/18px 'Verdana','Malgun Gothic',Sans-serif; color:#fff; opacity:0.7; letter-spacing:-0.5px;  }


/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ padding:45px 0 20px; display:block; font-weight:500; font-size:20px; color:#5558db; }
.privacy_wrap > h2:nth-of-type(1){ padding-top:0; }

.privacy_wrap p{ padding:10px 0; font-size:16px; font-weight:300; line-height:28px; word-break:keep-all; }
.privacy_wrap p > b{ padding:10px 0; font-weight:500; }
.privacy_wrap b{ display:inline-block; font-weight:500; color:#242424; }

.privacy_wrap ul{ margin:15px 0; padding:15px 25px; background:rgba(255,255,255,0.5); border:1px solid #eee; background:#fcfcfc; border-width:1px 0; }
.privacy_wrap ul li{ position:relative; padding-left:10px; margin:5px 0; font-weight:300; font-size:15px; line-height:24px; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.privacy_wrap ul li:before{ position:absolute; left:0; top:11px; display:inline-block; content:''; width:3px; height:3px; border-radius:100em; margin-right:3px; background:#242424; }
.privacy_wrap ul li.before_none_li{  }
.privacy_wrap ul li.before_none_li:first-child{ padding:0 0 5px; }
.privacy_wrap ul li.before_none_li:before{ display:none; }
.privacy_wrap ul li.before_none_li:first-child b{ font-size:16px; }

.privacy_wrap a{ font-weight:400; }
.privacy_wrap a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.privacy_wrap a:hover{ color:#5558db; }



/*200928 가디페이지 추가 - 이혜림*/
.overview_top{overflow:hidden; margin-bottom:70px;}
.overview_top .did_title_wrap li{float:left; text-align:center; width:32%; margin-right:2%;}
.overview_top .did_title_wrap li:last-child{margin-right:0;}
.overview_top .did_title_wrap li img.icon{width:50px; height:50px;}
.overview_top .did_title_wrap dt{margin:28px 0 12px; font-size:24px; line-height:34px; font-weight:600;}
.overview_top .did_title_wrap dd{font-size: 17px; line-height: 30px; text-align:left;}

.overview_top .img_left{width:50%; padding-right:20px; float:left; clear:both;}
.overview_top .did_title_wrap img{width:100%;}
.overview_top .txt_right{width:50%; text-align:left; float:left;}
.overview_top .txt_right p span{font-weight:500;}
.overview_top .txt_left{width:50%; text-align:left; float:left; clear:both;}
.overview_top .img_right{width:50%; padding-left:20px; float:left;}
.overview_top p{display:block; margin-bottom:10px !important;}
.overview_top .cont_wrap{width:100%; margin-top:30px;}

.gadi_top{ max-width:1230px; margin:0 auto; padding-bottom:40px; padding-right:15px; padding-left:15px; overflow:hidden; margin-bottom:70px;}
.gadi_top .txt_left{width:70%; text-align:left; float:left; clear:both;}
.gadi_top .txt_left .title{font-size:40px; font-weight:500; line-height:1.6em;}
.gadi_top li{font-size: 20px; line-height: 34px; text-align:left;}
.gadi_top .img_right{width:30%; padding-left:20px; float:left;}
.gadi_top img{width:100%;}
.gadi_top p{display:block; margin-bottom:20px !important;}
.gadi_top ul{overflow:hidden; margin-bottom:20px !important;}


/*201013 설립자 개요 추가 - 이혜림*/
.founder_introduce{position: relative; width:100%; overflow: hidden;}
.founder_introduce li{height:400px; position: relative; overflow:visible; width:calc(96% / 3); padding:70px 40px 40px 40px; margin-right:2%; margin-top: 40px; text-align: center; border: 1px solid rgb(230, 230, 230); float:left; }
.founder_introduce li:last-child{margin-right:0;}
.founder_introduce p{font-size:1rem; line-height:1.8em;}
.founder_introduce p.name{font-size:1rem; font-weight:bold; color:#999; margin-top:20px;}
.founder_introduce .imgBox{width:160px; height:160px; border-radius:40px; position:absolute; z-index:5; left:calc(50% - 80px); top:-40px; overflow:hidden;}
.founder_introduce .imgBox img{width:100%;}


@media(max-width:1500px){

.navbar_center .top_menu > li{ padding:0 32px; }
.navbar_center .top_menu .depth_2 a{ padding:13px 0; }

}


@media all and (min-width: 1501px) and (max-width: 1699px) {
	.depth_flow.box_wrap .box .txt {height:250px;}
}

@media all and (min-width: 1201px) and (max-width: 1500px) {
	.depth_flow.box_wrap .box .txt {height:220px;}
}

@media(max-width:1300px){



}