@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}




#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; background: #fff;  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; border-bottom: 1px solid #e5e5e5}

.in_header {max-width:1720px; width:100%; height:95px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: block; }
#header .top_search {position: absolute; right:60px; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); }




/* wrap */
#wrap {width:100%; max-width:1920px; padding-top:146px; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:30px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1300px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f3f4f8; padding:50px 10px; margin: 0px -10px; margin-top: 50px;}

/*상단검색*/
.top_searchW {background:#f2f2f2; width:100%; box-sizing:border-box; position:absolute; left:0; top:100%; z-index:99; display:none; }
.top_searchW .search_txt {display:none;}
.top_searchW .inner_search {width:100%; max-width:1300px; margin:0 auto; position:relative; min-height:147px;}
.top_searchW .inner_search .in_box {max-width:580px; padding: 0px 10px; margin:0 auto; box-sizing:border-box;}
.top_searchW .top_btn_close {position:absolute; right:0px; bottom:0px; display:block;}
.top_searchW .top_btn_close img {max-width:100%;}
.search_warp {padding:30px 65px 30px 0; position:relative; box-sizing:border-box;}
.search_warp .inp_search {border:none; background:#fff; padding-left: 15px; width:100%; font-size:14px; color:#333; line-height:45px; min-height:45px;}
.search_warp .btn_search {position:absolute; right:0px; top:30px; box-sizing:border-box; background:#333; text-align:center; padding:0 10px; min-width:60px;}
.search_warp .btn_search span {font-size:13px; line-height:45px; font-family:nGothicB; color:#fff; display:inline-block;}
.top_searchW .inner_search .in_box .no_txt {text-align:center; font-size:14px; line-height:22px; padding:0 0 30px 0; color:#000;}


/* header */
.top_menu {position: relative; font-size:15px; box-sizing: border-box; height: 50px; border-bottom: 1px solid #dddddd;}
.top_menu .inner {overflow: hidden; max-width: 1720px; text-align: right;}
.top_menu .inner > ul {overflow: hidden; padding-top:5px; display: inline-block; vertical-align:top;}
.top_menu .inner > ul > li {float: left; padding-left:7px;}
.top_menu .inner > ul > li:first-child {padding-left:0px;}
.top_menu .inner > ul > li > a {font-weight:400; line-height:36px; color: #222222; display: block;}

.top_menu .inner > ul.top_btns > li { margin-right: 15px;}
.top_menu .inner > ul.top_btns > li > a {padding-left: 25px;}
.top_menu .inner > ul.top_btns > li.ico01 > a {background: url(../img/common/top_ico01.png) no-repeat left center;}
.top_menu .inner > ul.top_btns > li.ico02 > a {background: url(../img/common/top_ico02.png) no-repeat left center;}
.top_menu .inner > ul.top_btns > li.ico03 > a {background: url(../img/common/top_ico03.png) no-repeat left center;}






.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: block; z-index: 9 }
.m_gnb_on .menu_btn {margin: 0 auto;}
.m_gnb_on > a {display: block; }



/* GNB */
.w_gnb {padding:0px 0px 0px 0px; position: relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {max-width:820px; display: flex; margin: 0 auto; text-align:center;}

.w_gnb .gnb > ul > li {text-align: center; flex: 1; position:relative; transition: all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li > a {display:block; color:#333;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:22px; font-weight:400; line-height:95px; height:95px; transition: all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li:hover > a > span {color:#0068b7;}

.w_gnb .gnb > ul > li:hover .sub_menu {background: #0068b7}
.w_gnb .gnb > ul > li:hover .sub_menu > li > a {color:#fff}


.gnb > ul > li.gnb08 {display: none !important;}
.gnb > ul > li.gnb09 {display: none !important;}

.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; height:321px; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:5px 10px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; word-break: keep-all; text-align: center; font-weight:300; color:#333; line-height:140%;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration: underline;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; height:320px; border-top:1px solid #ccc;  background:#fff; z-index: 8; border-bottom: 1px solid #eee}
.gnb_bar_in > ul {padding-top:18px; max-width: 1720px; margin: 0 auto;}
.gnb_bar_in > ul > li {margin-top: 10px; }
.gnb_bar_in > ul > li img {border: 1px solid #ccc; border-radius:10px; overflow: hidden;}



.slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; display:none}
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_menu {display: none;}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 

.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {position: relative; display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu > li > a:before {display: block; content: ""; width: 3px; height: 3px; background: #fff; opacity: 0.7; position: absolute; left:25px; top: 50%; margin-top: -2px;} 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb .sub_menu > li .three_depth {background: #000; display: none;}
.slide_menu_wrap .gnb .sub_menu > li .three_depth li > a {position: relative; display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap .tab_btns_wrap{display:none;}
.slide_menu_inner .top_menu .top_btns.right {float: none; padding: 0px; margin: 0px; border-top: 1px solid #5ac485;}
.slide_menu_inner .top_menu .top_btns.right > li {width: 50%;}
.slide_menu_inner .top_menu .top_btns.left {float: none; padding: 0px; margin: 0px;}
.slide_menu_inner .top_menu .top_btns.left > li {width: 33.333%;}
	

/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative;}
.main_visual .bxslider > li {}
.main_visual .bxslider > li .bg_img {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.08); width:1920px; height:400px; }
.main_visual .bxslider > li .bg_img img {transform:scale(1.08); transform-origin:50% 50%; transition: all 3s 0s ease-in-out;  }
.main_visual .bxslider > li.active .bg_img img {transform: scale(1); }
.main_visual .bxslider > li.active .visual_txt {margin-top: -20px; opacity: 1; transition: all 1.5s 0s ease-in-out; }
.main_visual .v_frame {max-width:1720px; margin: 0 auto; position: relative;}
.main_visual .v_frame .cell {height:400px; position: relative; padding: 0px 10px;}
.main_visual .v_frame .visual_txt {position: absolute; opacity: 0; padding-bottom: 1px; 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight:100; font-size: 22px; line-height: 130%; color: #fff; margin-top:20px; }
.main_visual .v_frame .visual_txt .big {display: block; padding-bottom:30px; font-size:62px; line-height: 120%; font-weight: 100;}
.main_visual .v_frame .visual_txt .big > strong {font-weight:600;}


.main_visual .v_frame img {max-width: 100%;}
.main_visual .v_frame .m_visual {display: none;}
.main_visual .v_bt {display: inline-block; vertical-align: top; border: 1px solid #ffffff82; border-radius:100%; line-height:40px; width: 40px; height: 40px; box-sizing: border-box; z-index:99;}
.main_visual .v_bt > a {display: block; color: #000; font-weight:100; text-align: center; padding:13px; line-height:14px; box-sizing: border-box;}
.main_visual .stop {margin-left: 10px;}
.main_visual .stop a {display: block; color: #000; line-height: 100%; font-size: 0px; text-align: center; width:38px; height: 38px;}
.main_visual .stop .bx-stop {background: url(../img/main/stop.png) no-repeat center center}
.main_visual .stop .bx-start {background: url(../img/main/play.png) no-repeat center center}

.main_visual #board_l1 {margin-right: 15px;}
.main_visual #board_r1 {margin-left: 15px;}


.visual_counter_wrap {width: 100%; position: absolute; left: 0px; bottom:10%; z-index: 98;}
.visual_counter_wrap .visual_counter {max-width: 1720px; margin: 0 auto; position: relative; padding: 0px 10px; box-sizing: border-box}
.main_visual #visual_counter {z-index:98;  min-width: 65px; display: inline-block; vertical-align:top; line-height: 40px; color: #fff; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; letter-spacing:10px;}
.main_visual #visual_counter > span {font-weight:700; font-size: 32px; line-height: 40px;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:30%; width: 100%; max-width: 1400px; box-sizing: border-box; z-index: 99;}
.main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 10px 0px 0px; z-index: 99;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity: 0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 0.5; background: #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;  background: #fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}

.visual-pager {overflow: hidden; display: inline-block; vertical-align: top; margin-top:24px; max-width:90px; width: 100%; }
.visual-pager > li {float: left; width:50%;}
.visual-pager > li > a {display: block; width: 100%; height: 2px; background: #fff; opacity: 0.5;}
.visual-pager > li > a.active {opacity:1;}




.notice_board2 > li {border-bottom: 1px solid #e5e5e5;}
.notice_board2 .box {padding:18px 0px;}
.notice_board2 .box > a {display: block; overflow: hidden; text-align: right; padding-left:110px; position: relative; min-height:63px;}
.notice_board2 .box > a .type {display: block; width: 93px; height: 61px; border: 1px solid #00469f; font-size: 16px; color: #00469f; font-weight: 100; text-align: center; line-height: 60px; position: absolute; left: 0px; top: 0px;}
.notice_board2 .box > a .txt_t {display: block; font-size:1.1em; color: #333; line-height: 140%; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; margin-bottom: 10px; text-align: left;}
.notice_board2 .box > a .date {font-size:1em; color: #333333; line-height: 140%; font-weight:100; padding-left: 20px; background: url(../img/common/ico_time.png) no-repeat left 4px; line-height:20px; display: inline-block; vertical-align: top; float: left;}
.notice_board2 .box > a .team {font-size:1em; color: #333333; line-height: 140%; font-weight:100; display: inline-block; vertical-align: top;}



/* section */
.section {padding:60px 0px; font-size: 16px; line-height: 150%;}
#section2 {background: #f3f4f8;}

.main_publication > div {float: left; width: 50%; box-sizing: border-box; }
.main_publication > div .m_tit {padding-top: 0px;}
.main_publication > div:nth-child(2) {padding-left: 50px;}
.new_publicationW {position: relative;}
.new_publicationW .v_bt {position: absolute; top:15px; z-index:99;}
.new_publicationW .v_bt > a {display: block; color: #fff; line-height: 14px; font-size: 18px;}
.new_publicationW .v_bt > a img {vertical-align: top; margin: 2px;}
.new_publicationW #proprev1 {right: 15px; margin: 0px 65px 0px 0px}
.new_publicationW #pronext1 {right: 15px;}

.new_publicationW .bx-wrapper .bx-controls {position: absolute; right: 0px; top: 0px; margin-top: -60px;}
.new_publicationW .bx-wrapper .bx-controls-auto {width: 115px; background: #fff; border-radius:60px; position: relative; left:auto; top: auto; right: auto; bottom: auto; display: inline-block; padding:16px 0px; line-height: 16px; border: 1px solid #ebebeb;}
.new_publicationW .bx-wrapper .bx-controls-auto .active {display: none;}
.new_publication > li {margin-right:0px;}
.new_publication .frame > a {display: block; position: relative; border: 1px solid #ccc; background: #fff;}
.new_publication .frame > a .pic {display: block; position: relative; padding-bottom: 112.74%;}
.new_publication .frame > a .pic img {position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.new_publication .frame > a:after {display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: 0; transition: all 0.2s 0s ease-in-out; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.new_publication .frame > a:hover:after {opacity: 0.5}
.new_publication .frame > a:hover .overarea {opacity:1}
.new_publication .frame > a .overarea {position: absolute; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 100%; padding: 5%; color: #fff; z-index: 2; transition: all 0.4s 0s ease-in-out; opacity: 0; }
.new_publication .frame > a .overarea .txt_t {display: inline-block; border-radius:6px; background: #f5a520; font-size: 16px; background: #f5a520; padding: 5px 10px; margin-bottom: 5px;}
.new_publication .frame > a .overarea .txt_s {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size:20px; line-height:28px; height:56px; font-weight: 300; }

.new_gallery > li > a {display: block; position: relative; background: #fff;}
.new_gallery > li > a .pic {display: block; position: relative; padding-bottom:52.5%;}
/*.new_gallery > li > a .pic img {position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}*/
.new_gallery > li > a .pic img {position: absolute; left:0%; top:0%; width: 100% !important; height: 100% !important}
.new_gallery > li > a .overarea {position: absolute; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 100%; padding:3.5%; padding-right:150px; color: #fff; z-index: 2}
.new_gallery > li > a .overarea .txt_t {position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size:20px; line-height:28px; max-height:56px; font-weight: 300; }

.new_gallery > li > a .overarea:before {display: block; content: ""; background: #000; opacity: 0.6; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.new_galleryW .bx-wrapper .bx-controls {text-align: right; position: absolute; right:15px; bottom: 20px; z-index: 99}
.new_galleryW .bx-wrapper .bx-pager, .new_galleryW .bx-wrapper .bx-controls-auto {position: relative; bottom: auto; width:auto !important; display: block; float: right; padding: 0px;}
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a {background: #d0d0d0; width: 15px; height: 15px; margin: 0 2px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a:hover,
.new_galleryW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #9cc813;}
.new_galleryW .bx-wrapper .bx-controls-auto .bx-start {width:16px; height:16px;	background: url(../img/common/controls4.png) -76px -8px no-repeat;}
.new_galleryW .bx-wrapper .bx-controls-auto .bx-stop {width:16px; height:16px; background: url(../img/common/controls4.png) -78px -39px no-repeat;}
.new_galleryW .bx-wrapper .bx-controls-auto .active {display: none;}


#section3 {position: relative;}
#section3:before {display: block; content: ""; width:1820px; height: 310px; background: #0057a6; border-radius:0px 0px 100px 100px; position: absolute; left: 50%; bottom: 0px; margin-left: -910px;}

.main_report_wrap {position: relative;}
.main_report_wrap:after {display: block; content: ""; width:48px; height: 191px; position: absolute; left:-150px; bottom: 50px; background: url(../img/main/mrtc.png) no-repeat left top;}
.main_report_wrap > ul {overflow: hidden; margin: -40px;}
.main_report_wrap > ul > li {float: left; width: 25%; box-sizing: border-box; padding:40px;}
.main_report_wrap .box {max-width:245px; margin: 0 auto; text-align: center;}
.main_report_wrap .box > h3 {font-size: 24px; color: #000; line-height: 140%; padding-bottom: 10px; font-weight: 600;}
.main_report_wrap .report_slide > li > h3 {font-size: 1.3em; color: #000; line-height: 140%; padding-bottom: 10px; font-weight: 600;}
.main_report_wrap .report_slide > li > a {display: block; border: 1px solid #ccc; background: #fff;}
.main_report_wrap .report_slide > li > a .pic {display: block; position: relative; padding-bottom: 131.98%;}
.main_report_wrap .report_slide > li > a .pic img {position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.main_report_wrap .report_slide > li > a:before {display: block; content: ""; width: 100%; height:40%;  background: linear-gradient(to top, rgba(0,0,0, 0.9), 60%, rgba(255,255,255, 0.1)); opacity:1; transition: all 0.2s 0s ease-in-out; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 2}
.main_report_wrap .report_slide > li > a:after {display: block; content: ""; width: 100%; height: 100%; background: #0b59a1; opacity: 0; transition: all 0.2s 0s ease-in-out; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; box-sizing: border-box; border: 1px solid #d9e6f2;}

.main_report_wrap .report_slide > li > a:hover:after {opacity: 0.9;}
.main_report_wrap .report_slide > li > a:hover .overarea {top: 50%; bottom: auto; transform: translateY(-50%); padding-bottom: 30px; background-size: auto auto;}
.main_report_wrap .report_slide > li > a:hover .overarea .txt_s {display: -webkit-box; -webkit-line-clamp:3; height:auto; max-height: 66px;}
.main_report_wrap .bx-wrapper .bx-pager {bottom: -40px;}
.main_report_wrap .report_slide > li > a .overarea {position: absolute; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 100%; padding: 6%; color: #fff; z-index:4; transition: all 0.4s 0s ease-in-out; opacity:1; text-align: left; background: url(../img/main/search.png) no-repeat center bottom; background-size: 0px}
.main_report_wrap .report_slide > li > a .overarea .txt_t {display: inline-block; border-radius:6px; background: #f5a520; font-size:14px; background: #f5a520; padding:2px 10px; margin-bottom: 5px;}
.main_report_wrap .report_slide > li > a .overarea .txt_s {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size:16px; line-height:22px; height:44px; font-weight: 300; }
.main_report_wrap .bx-wrapper .bx-pager {bottom: -40px;}

#section4 {padding-top:35px;}
.main_quick {overflow: hidden;}
.main_quick > li {float: left; width:14.28%; box-sizing: border-box; padding: 0px 5px;}

.main_quick > li > a {display: block; text-align: center; font-weight:300; color: #000000; font-size:1em;}
.main_quick > li > a .ico {display:block; padding-bottom: 10px;}


.m_board_wrap {overflow: hidden; margin: 0px -30px;}
.m_board_wrap .m_board_cell {float: left; width:50%; box-sizing: border-box; padding: 0px 30px;}
.m_board_wrap .m_board_cell .mbc {background: #fff; min-height:300px; box-sizing: border-box; position: relative;}
.m_board_wrap .m_board_cell .m_tit {position: absolute; padding: 0px; top: 0px; border-radius:16px 0px 16px 0px; overflow: hidden; text-align: center;}
.m_board_wrap .m_board_cell .m_tit a {color: #333333; display: block; font-size: 20px; width: 125px; height: 54px; background: #f3f4f8;  line-height: 54px; color: #333333;}
.m_board_wrap .m_board_cell .m_tit.on a {color: #fff; background: #0057a6}
.m_board_wrap .m_board_cell #m_tit2 {left:130px;}
.m_board_wrap .m_board_cell #m_tit3 {left:260px;}
.m_board_wrap .m_board_cell #m_tit6 {left:390px;}

.m_board_wrap .m_board_cell .m_board {padding-top:80px;}
.m_board_wrap .m_board_cell .more {right:0px; top:10px;}


.m_board .first_new {padding:10px 0 10px 145px; border-bottom: 1px solid #e5e5e5; position:relative; box-sizing: border-box; min-height: 105px;}
.m_board .first_new .day { position: absolute; left:0; top: 0px; width:120px; height:86px; text-align: center; font-size: 18px; color: #333; background: url(../img/main/day_bg.gif) no-repeat left top; padding:12px; background-size:cover; box-sizing: border-box; font-weight: 100;}
.m_board .first_new .day > span { display: block; background: #fff; line-height: 120%; height: 61px; box-sizing: border-box;}
.m_board .first_new .day strong { display: block; font-size:32px; line-height: 120%; font-weight:700;}
.m_board .first_new a { display: block;}
.m_board .first_new a .tit {display: inline-block; vertical-align: middle; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color: #333; font-size:22px; font-weight:500; line-height:30px; height: 60px;}
.m_board .first_new a .txt {display:block; margin: 14px 0px 10px 0px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color: #555555; font-size: 16px; font-weight:300; line-height: 22px; height: 44px;}
.m_board .link {color:#000;}
.m_board .more { position:absolute; right:0px; top:10px; z-index:99;}
.m_board .more a { display: block; font-size:1em; line-height:30px; font-weight: 100; padding: 0px 35px 0px 0px; color:#000; background: url(../img/main/more.gif) no-repeat right center;}
.m_board .news_list ul {padding-top:15px;}
.m_board .news_list ul li {position:relative; padding:0px 90px 0px 10px; line-height:140%; position: relative; margin-top:4px;  font-size:16px; color: #555555; font-weight: 300;}
.m_board .news_list ul li:before {display: block; content: ""; width:3px; height: 3px; background: #0057a6; position: absolute; left: 0px; top: 50%; margin-top: -1px; border-radius:100% }
.m_board .news_list ul li:first-child {margin-top:0px;}
.m_board .news_list ul li a {display:inline-block; max-width:90%; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; color:#555555;}
.m_board .news_list ul li .date {position: absolute; right: 0px; top: 0px; color:#999999;}
.m_board .news_list ul li img {margin-left:5px; vertical-align: middle;}

.m_board_wrap .m_board_cell .mbc2 {}

.roll_banner_wrap {padding-bottom:0px; position: relative;}
.roll_banner_wrap .pic {display: block; position: relative; padding-bottom:57.2222%;}
.roll_banner_wrap .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
/* .roll_banner > li .overarea {position: absolute; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 100%; padding:3.5%; padding-right:150px; color: #fff; z-index: 2} */
.roll_banner > li .overarea {position: absolute; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 100%; padding:3.5%; color: #fff; z-index: 2}
/* .roll_banner > li .overarea .txt_t {position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; font-size:20px; line-height:28px; max-height:56px; font-weight: 300; } */
.roll_banner > li .overarea .txt_t {position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #fff; font-size:20px; line-height:28px; max-height:84px; font-weight: 300; }
.roll_banner > li .overarea:before {display: block; content: ""; background: #000; opacity: 0.6; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

.roll_banner_wrap .v_bt {position: absolute; bottom:15px; z-index:99;}
.roll_banner_wrap .v_bt > a {display: block; color: #fff; line-height: 14px; font-size: 18px;}
.roll_banner_wrap .v_bt > a img {vertical-align: top; margin: 2px;}
.roll_banner_wrap #proprev2 {right:15px; margin: 0px 35px 0px 0px}
.roll_banner_wrap #pronext2 {right:0px;}

.roll_banner_wrap .bx-wrapper .bx-controls {position: absolute; right: 0px; bottom:-38px;}
.roll_banner_wrap .bx-wrapper .bx-controls-auto {width:70px; position: relative; left:auto; top: auto; right: auto; bottom: auto; display: inline-block; padding:0px 0px; line-height: 16px; }
.roll_banner_wrap .bx-wrapper .bx-controls-auto .active {display: none;}

.visual_counter_wrap2 {position: relative; height: 50px; text-align: right;}
.visual_counter_wrap2 #visual_counter2 {font-size: 20px; position: absolute; right: 100px; top:0px; line-height: 50px;}
.visual_counter_wrap2 #visual_counter2 > span {font-weight: 600; font-size:1.6em;}

#section6 {padding-top: 20px;}


.main_cor_banner {display: flex; flex-wrap:wrap; margin: -10px;}
.main_cor_banner > li {box-sizing: border-box; display: flex; flex-wrap:wrap; flex-grow: 1; flex-basis: 33.3333%; padding: 10px;}
.main_cor_banner > li > a {display: block; font-size: 16px; line-height: 140%; box-sizing: border-box; min-height:190px;  padding:5%; border-radius:10px; color: #fff; position: relative; width: 100%; word-break: keep-all}
.main_cor_banner > li > a .txt_t {display: block; font-size: 1.6em; line-height: 140%; padding-right: 50px; padding-bottom: 10px;}
.main_cor_banner > li > a .txt_s {font-weight: 300; max-width: 270px; display: block; padding-bottom:50px;}
.main_cor_banner > li > a .bt {position: absolute; line-height: 50px; right: 5%; bottom:6%; display: block; padding-right:80px; background: url(../img/main/arrow2.png) no-repeat 99% center;}
.main_cor_banner > li:nth-child(1) > a {background: #0057a6}
.main_cor_banner > li:nth-child(2) > a {background: #81c157}
.main_cor_banner > li:nth-child(3) > a {background: #f39800}
.main_cor_banner > li:nth-child(1) > a .txt_t {background: url(../img/main/s6_ico01.png) no-repeat 99% top;}
.main_cor_banner > li:nth-child(2) > a .txt_t {background: url(../img/main/s6_ico02.png) no-repeat right top;}
.main_cor_banner > li:nth-child(3) > a .txt_t {background: url(../img/main/s6_ico03.png) no-repeat right top;}

#section7 {padding:0px}
.s_ban_wrap {position:relative; padding-left:145px; min-height: 72px; }
.s_ban_wrap .visual_counter_wrap3 {width:132px; position: absolute; left: 0px; top:50%; transform: translateY(-50%); border: 1px solid #e3e3e3}
.s_ban_wrap .visual_counter_wrap3 {font-size: 0px;}
.visual_counter_wrap3 .v_bt {display: inline-block; border-right:1px solid #e3e3e3; vertical-align: top; width: 33.33333%; box-sizing: border-box; top: 0px; z-index:99;}
.visual_counter_wrap3 .v_bt > a {display: block; color: #fff; text-align: center; line-height:44px;}
.visual_counter_wrap3 .v_bt > a img {vertical-align: middle;}
.visual_counter_wrap3 #proprev3 {right:15px;}
.visual_counter_wrap3 #pronext3 {right:0px;}
.s_ban_wrap .bx-wrapper .bx-controls {position: absolute; left:-54px; top:25px; z-index: 22}
.s_ban_wrap .bx-wrapper .bx-controls-auto {width:40px; position: relative; left:auto; top: auto; right: auto; bottom: auto; display: inline-block; padding:0px 0px; line-height: 16px; }
.s_ban_wrap .bx-wrapper .bx-controls-auto .active {display: none;}

.bt02_include {position: relative; padding-left: 95px; box-sizing: border-box; margin: 0 auto;}
.bt02_include .input {height: 40px;}
.bt02_include .add_bt {position: absolute; left: 0px; top: 0px; width:95px;}
.bt02_include .add_bt > span{padding: 0px 22px; height: 40px; line-height: 39px; background: #333; color: #fff; display: inline-block;}
.bt02_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}

/* 이메일주소 확인 */
.check_input{padding:0px 150px;}
.signup {padding:0px 100px 0px 0px; position:relative;}
.signup li { margin-bottom:10px;}
.signup li input {display:inline-block; width:100%; height:40px; padding:8px 10px; border:1px solid #cccccc; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.signup li label{width: 90px; position: absolute; right: 0px; top: 0px; line-height:40px; height:40px; text-align:center; cursor: pointer; background-color:#666; color:#fff; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}

.emil_txt{font-size:18px; color:#1a5cb1; font-weight:bold;}
.banner_wrap {overflow: hidden; margin: -15px;}
.banner_wrap .main_banner {float: left; width: 33.3333%; position: relative; box-sizing: border-box; padding:15px;}
.banner_wrap .main_banner div {box-sizing: border-box;}
.banner_wrap .main_banner div h3 {color: #333333; line-height: 140%; font-weight:600; font-size: 20px; padding-bottom: 10px;}

.content_db {background:#f4f4f4; min-height:350px; box-sizing: border-box; position: relative; padding:25px 30px 10px 30px;}
.content_db > h3 {padding-bottom:15px !important;}
.content_db .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:1; background: #a8d049;}
.content_db .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;  background: #a8d049;}
.content_db .bx-wrapper .bx-controls-auto {width:85px; position: absolute; left:auto; top:-55px; right:0; bottom: auto; display: inline-block; padding:17px 0px; line-height: 16px;}
.content_db .bx-wrapper .bx-controls-auto .active {display: none;}
.content_db .v_bt {position: absolute; top:0%; z-index:99;}
.content_db .v_bt > a {display: block; color: #fff; line-height: 14px; font-size: 18px;}
.content_db .v_bt > a img {vertical-align: top; margin: 2px;}
.content_db #proprev3 {right:0%; margin:26px 90px 0px 0px;}
.content_db #pronext3 {right: 0%;margin:26px 30px 0px 0px;}

.db_slide .box {}
.db_slide .box > a {display: block; overflow: hidden; padding-left:140px; position: relative; min-height:125px;}
.db_slide .box > a .pic {display: block; width:125px; height: 125px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; position: absolute; left: 0px; top: 0px;}
.db_slide .box > a .pic img {width: 100% !important; height: 100% !important;}
.db_slide .box > a .txt_t {display: block; font-size:1.1em; color: #333; line-height: 140%; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; margin-bottom: 10px; padding-top: 10px;}
.db_slide .box > a .txt_s {display: block; font-size:1.1em; color: #666666; line-height: 140%; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; margin-bottom: 10px; padding-top:0px;}
.db_slide .box > a .team {display: block; font-size:1em; color: #666666; line-height: 140%; font-weight:300;}


.main_board {border: 1px solid #ccc; min-height: 350px; box-sizing: border-box; position: relative; padding:25px 30px 10px 30px;}
.main_board > h3 {position: absolute; left: 30px; top:25px;}
.main_board > #b_tab2 {left:140px;}
.main_board > h3 a {color:#999999;}
.main_board > h3 a.on {color:#333;}
.main_board .board_tab {padding-top: 30px;}
.main_board .board_tab > ul > li {margin-top:20px;}
.main_board .board_tab > ul > li > a {display: block; font-weight: 100; position: relative; padding-left:85px; min-height:70px; box-sizing: border-box; padding-top: 10px;}
.main_board .board_tab > ul > li > a .date {width: 70px; height: 70px; box-sizing: border-box; border: 1px solid #00997a; text-align: center; font-size: 14px; font-weight: 100%; line-height: 140%; position: absolute; left: 0px; top: 0px; display: block; color: #00997a; padding-top: 10px;}
.main_board .board_tab > ul > li > a .date > strong {display: block; font-size:1.7em; line-height: 140%; font-weight: 600;}
.main_board .board_tab > ul > li > a .txt {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333333; font-size:17px; line-height:26px; height:52px; font-weight:300;}
.main_board .board_tab .more {right: 25px; top:25px;}
.main_board .board_tab .more a {width: 24px; height: 24px;}


.main_banner .banner {font-weight: 300; color: #666666; background: #f8f8ff; min-height:160px; font-size:1.05em; box-sizing: border-box; padding:25px 30px 20px 30px;}
.main_banner .banner a { color: #666666; display: block; position: relative; padding-bottom: 30px;}
.main_banner .banner a:after {display: block; content:"→" ; font-weight: 600; color: #333; position: absolute; left:0px; bottom: 0px;}
.main_banner .ban02 {margin-top: 30px;}
.main_banner .ban01 {background: url(../img/main/ban01.png) no-repeat right bottom #f8f8ff}
.main_banner .ban_form {margin-top: 10px; background: #fff; overflow: hidden; border: 1px solid #dedee0; border-radius:60px; position: relative; padding-right: 80px}
.main_banner .ban_form .input {border: none; border: none; width: 100%; text-indent: 10px; outline: none; line-height:40px; height: 40px; }
.main_banner .ban_form .btn {display: block; width: 80px; border-radius:60px; background:#333333; color: #fff; font-size: 18px; font-weight:500; text-align: center; position: absolute; right: 0px; top: 0px; height: 100%;}

#section5  {padding-top: 0px; padding-bottom: 10px;}
#section5 .bg_area {background: url(../img/main/section5_bg.jpg) no-repeat center top; background-size: cover; min-height: 340px; box-sizing: border-box; color: #fff; text-align: center;}
#section5 .bg_area .first {font-size: 1.3em; font-weight: 300; line-height: 150%; color: #fff; margin-top:50px; display: inline-block; position: relative; padding: 0px 50px;}
#section5 .bg_area .first:before {display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 36px; height: 28px; background: url(../img/main/p1.png) no-repeat left top;}
#section5 .bg_area .first:after {display: block; content: ""; position: absolute; right: 0px; bottom: 0px; width: 36px; height: 28px; background: url(../img/main/p1.png) no-repeat left top; transform: rotate(180deg); -webkit-transform: rotate(180deg)}
#section5 .bg_area .first .m_tit {font-size:2.7em; line-height: 140%; color: #fff; padding:0px 0px 0px 0px;}
#section5 .s_ban {overflow: hidden; margin: -4px; padding-top: 50px;}
#section5 .s_ban > li {float: left; width:14.28%; box-sizing: border-box; padding: 4px;}
#section5 .s_ban > li .box {border: 1px solid #ccc;}

.ico_banner {overflow: hidden; padding-top: 30px;}
.ico_banner > li {float: left; width:16.6666%; box-sizing: border-box; padding: 3px;}
.ico_banner > li > a {display: block; color: #fff; font-size: 1.1em; line-height: 140%; font-weight: 300;}
.ico_banner > li > a .ico {display: block; padding-bottom: 5px;}

.media_keyword {display:flex; margin:-15px;}
.media_keyword > div {width:50%; box-sizing:border-box; padding:15px;}
.media_keyword .img_area {}
.media_keyword .list_count_wrap .bbs_search {max-width:450px;}
.media_keyword .atab {padding-top:0px;}



.more {position: absolute; right:0px; top:5px;}
.more a {display: block; font-size:16px; font-weight: 300; color: #000; padding-right:30px; line-height:24px; background: url(../img/main/more.png) no-repeat 99% center;}

.m_titW {padding-top: 30px;}
.mb_tit {text-align: center; font-size:26px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5}
.mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747}
.m_tit {padding:50px 0px 15px 0px; color:#000; font-size:30px; line-height:150%; font-weight: 700;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#333333; font-size:20px; text-align:center; line-height:150%; display:block; font-weight: 100;}
.m_tit_s {color: #f2a72a; font-weight: 500; line-height: 140%;}



.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}






/* quick */
.down .quick_wrap {position: fixed; top:87px;}

.quick_wrap {position: absolute; width: 89px; right: 10px; top:190px; z-index: 999}
.quick_wrap > ul > li {margin-bottom: 2px; border: 3px solid #fff; width: 100%; box-sizing: border-box; display: table;}
.quick_wrap > ul > li > a {display: table-cell; width: 100%; vertical-align: middle; position: relative; text-align: center; font-size: 13px; line-height: 140%; font-weight: 100; background: #012b7d; color: #fff; height:120px;}
.quick_wrap > ul > li > a .ico {display: block;}
.quick_wrap > ul > li > a:before {display: block; content: ""; width:18px; height: 1px; background: #fff; position: absolute; left: -1px; top:6px; transform: rotate(40deg); -webkit-transform: rotate(40deg);}
.quick_wrap > ul > li > a:after {display: block; content: ""; width: 18px; height: 1px; background: #fff; position: absolute; right: -1px; bottom:6px; transform: rotate(40deg); -webkit-transform: rotate(40deg);}

.quick_wrap .top {border: 3px solid #fff;}
.quick_wrap .top a {display: block; position: relative; text-align: center; font-size: 13px; line-height: 140%; font-weight: 100; background:url(../img/common/arrow3.gif) no-repeat center 10px #333333; color: #fff; padding:20px 0px 5px 0px;}

/* footer */
#footerW {clear:both; background:#313747; padding:0px 0px 40px 0px; box-sizing: border-box; margin:0 auto; position:relative;  margin-top:50px;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {overflow:hidden; max-width:1300px; margin:0 auto; border-bottom: 1px solid #6f737c}
#footer_navi > ul {font-size: 0px; text-align: left; box-sizing: border-box;padding:30px 0px;}
#footer_navi > ul li {display: inline-block; position: relative; vertical-align: top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left: 0px;}
#footer_navi > ul li:after {display: block; content: ""; width: 1px; height: 14px; background: #6f737f; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi > ul li:first-child:after {display: none;}
#footer_navi > ul li a {display:block; font-size:17px; color:#fff; font-weight:100; line-height:25px; }



#footer {max-width:1300px; margin: 0 auto; position: relative;}

#footer .addressW {padding:25px 300px 25px 0px; position: relative; font-size:17px; color:#fff; line-height:24px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat right 30px;}
#footer .addressW .copy {padding-top: 20px; opacity: 0.7; font-size: 0.95em; line-height: 140%;}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -10px; line-height: 150%;}
#footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 12px;}
#footer .addressW address .line {width: 1px; height:16px; background: #6f737f; padding: 0px;}
#footer .go_top {position: absolute; right:10px; top:-75px; z-index: 99}
#footer .go_top > a {display: block; color: #fff; text-align: center; background:#252b2b; padding:15px;}
#footer .go_top > a > span {display: block; font-weight: 100; font-size:14px; color: #fff}
#footer .go_sns {position: absolute; right:90px; top: -70px; z-index: 00;}
#footer .bt_member {position: absolute; right: 0px; top: 30px;}
#footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px;  color: #fff; background: url(../img/common/ico_pop.png) no-repeat 85% center; }






#content {width:100%; max-width:1300px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}




.sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; display: table; background-size:cover !important}
.sub_visual .sub_txt {text-align: center; display: table-cell; height:285px; padding-bottom: 65px; box-sizing: border-box; vertical-align: middle; color: #fff;} 
.sub_visual .sub_txt > h2 {padding-bottom:0px; max-width: 1300px; margin: 0 auto;} 
.sub_visual .sub_txt .txt1 {font-size:18px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height: 140%; font-weight:600; padding-bottom: 50px;}
.sub_visual .sub_txt .date .day {display: inline-block; vertical-align: top; width:37px; height: 37px; border-radius:100%; background: #0096f1; font-size:23px; font-weight:500; line-height:37px; text-align: center;}
.sub_visual .sub_txt .date .line {display: inline-block; vertical-align: middle; width:1px; height:20px; background: #b7b4b6; margin: 0px 20px;}

.sub_wrap_1 .sub_visual {background: url(../img/data/sub_visual.jpg) no-repeat center top; background-size: cover}
.sub_wrap_2 .sub_visual {background: url(../img/business/sub_visual.jpg) no-repeat center top; background-size: cover}
.sub_wrap_3 .sub_visual {background: url(../img/event/sub_visual.jpg) no-repeat center top; background-size: cover}
.sub_wrap_4 .sub_visual {background: url(../img/data/sub_visual.jpg) no-repeat center top; background-size: cover}
.sub_wrap_5 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top; background-size: cover}
.sub_wrap_6 .sub_visual {background: url(../img/db/sub_visual.jpg) no-repeat center top; background-size: cover}


.sub_wrap .bt_quick {display: none}

#sub_tit {font-size:42px; color: #fff; font-weight:800; line-height:140%;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}

#lnb_wrap {position:relative; background: #0057a6; z-index:10; min-height:65px; box-sizing:border-box; max-width: 1300px; margin: 0 auto;  margin-top: -65px;}
#lnb_wrap .lnb {max-width: 1300px; margin: 0 auto;}

.lnbs2 ul {overflow: hidden; font-size:0px; text-align:center;}
.lnbs2 ul li {color:#fff; display: inline-block; vertical-align:top; min-width:20%; box-sizing: border-box; position: relative;}
.lnbs2 ul li > a {display:block; height:60px; line-height:60px; border: 1px solid #e2e2e2; text-align: center; vertical-align: middle; color: #999999; font-size:18px; font-weight:600; background: #fff; padding: 0px 20px; border-left:none; }
.lnbs2 ul li:first-child > a {border-left:1px solid #ccc; }

/*.lnbs2 ul li.on a {background: #55b664; border-color:#55b664 !important;  color: #fff; overflow: hidden;}*/

.lnbs3 ul {overflow: hidden; font-size:0px; text-align:center;}
.lnbs3 ul li {color:#fff; display: inline-block; vertical-align:top; min-width:20%; box-sizing: border-box; position: relative;}
.lnbs3 ul li > a {display:block; height:60px; line-height:60px; border: 1px solid #cccccc; text-align: center; vertical-align: middle; color: #999999; font-size:18px; font-weight:600; background: #fff; padding: 0px 20px; border-left:none; }
.lnbs3 ul li:first-child > a {border-left:1px solid #ccc; }

.lnbs3 ul li.on a {background: #55b664; border-color:#55b664 !important;  color: #fff; overflow: hidden;}




#lnb_wrap .lnbs1 {display: block;}

#lnb_wrap .lnb {max-width:calc(1369px - 69px); max-width:-webkit-calc(1369px - 69px); margin:0 auto; box-sizing: border-box; padding-left:69px; position:relative; z-index:9;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:33.33333%; max-width: 285px; box-sizing: border-box; position:relative;}
#lnb_wrap .lnb .lnbs:after {display: block; content: ""; width: 1px; height:24px; background:#fff; opacity: 0.5; position: absolute; left: 100%; top: 50%; margin-top: -12px;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {position: absolute; left: 0px; top: 0px; display: block;}
#lnb_wrap .ico_home a {display:block; width:65px; height:65px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #f39800 ;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {color:#000; font-size:13px; display:block; line-height:20px; min-height:20px; height: auto; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none; font-weight:300;}
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
.lnbs2 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs3 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs4 > ul > li > a {border: none !important; border-bottom: 1px solid #e2e2e2 !important;}
.lnbs2 ul li.on a {border-radius:0px; }

.drop.on .four_depth {display: block;}
.four_depth {background: #ececec; border-bottom: 1px solid #e2e2e2 ; display: none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding: 10px 0px 10px 30px; background:#f4f4f4 !important; border: none !important; position: relative;}
.lnb .four_depth li a:before {display: block; content: ""; width:5px; height:1px; background: #333; position: absolute; left:20px; top: 50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background: #55b664;}
.lnbs3 ul li.drop > a {position: relative;}
.drop > a:before {display: block; content: ""; width: 11px; height:1px; background: #999; position: absolute; right:0%; top: 50%; margin:0px 10px 0px 0px;}
.drop > a:after {display: block; content: ""; width:1px; height:11px; background: #999; position: absolute; right:0%; top: 50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background: #fff;}
.drop.on > a:after {background: #fff;}

.drop > a.on:after {display:none;}


a.lnb_tit {font-size:16px; display: block; box-sizing:border-box; padding-left:25px; color:#fff; line-height:65px; height:65px; background:url(../img/common/lnb_arrow.png) no-repeat calc(100% - 15px) center; cursor:pointer; padding-right: 20px; font-weight:300;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}

a.lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat calc(100% - 15px) center;}


#lnb_menu .three_depth {display: none;}





.title_bar {max-width: 1300px; margin:0px auto 40px auto; padding-top:50px; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {color:#666666;  font-weight:300; word-break: keep-all; font-size: 1.1em; line-height: 140%; padding-top: 8px;}


.title_bar .page_go {position: absolute; bottom:10px;}
.title_bar .page_go > a {display: block; font-size: 16px; color: #333; line-height:41px; font-weight: 300;}
.title_bar .page_go .sub_menu {display: none;}
.title_bar .page_go .three_depth {display: none;}
.title_bar #next_page {right: 0px;}
.title_bar #prev_page {left: 0px;}
.title_bar #next_page > a {background: url(../img/common/next_p.gif) no-repeat right center; padding-right:80px;}
.title_bar #prev_page > a {background: url(../img/common/prev_p.gif) no-repeat left center; padding-left:80px;}

.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}



.sub_con { max-width:1300px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}

.s_tit {font-size:26px; position: relative; color: #333333; line-height: 120%; padding:0px 0px 15px 20px; margin-top:60px; font-weight:700;}
.s_tit:before {display: block; content: ""; width:7px; height:21px; background:#004998; position: absolute; left: 0px; top:5px;}

.s_tit > span {display: inline-block; font-weight: 300; font-size:15px; color: #000; }
.s_tit_txt {font-size:22px; color: #525151; line-height: 140%; padding:0px 0px 20px 45px; margin-top: -8px;}

.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:20px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 15px; margin-bottom:15px; margin-top:55px; font-weight: 700;}
.ss_tit:before {display: block; content: ""; width:5px; height:18px; background:#004998; position: absolute; left: 0px; top:5px;}
/*.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1300px; margin:0 auto; padding: 50px 0px 5px 0px;}

.num_tit {font-size:24px; position: relative; color: #333333; line-height: 120%; padding:3px 0px 20px 50px; margin-top:50px; font-weight:300;}
.num_tit .num {display: block; width: 38px; height: 38px; background: #f3f4f8; border-radius:100%; text-align: center; line-height: 38px; color: #000; font-size:20px; font-weight: 600; position: absolute; left: 0px; top: 0px;}

.sss_tit {font-size:26px; color:#333333; font-weight: 600; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.g_tit {font-size:1.9em; line-height: 150%; color: #41a851; padding:35px 0px 10px 0px; font-weight:600;}
.b_tit {font-size:2.2em; line-height: 150%; color: #000000; padding:35px 0px 10px 0px; font-weight:600;}
.b_tit_s {font-size:1.3em; line-height: 150%; padding:0px 0px 10px 0px;}
.bul_tit {font-size:17px; position: relative; padding-left: 10px; margin:30px 0px 5px 0px; font-weight:600; }
.bul_tit:before {display: block; content: ""; width:4px; height:4px; border-radius:100%; background:#004998; position: absolute; left: 0px; top:11px;}


.b_txt {font-size:20px; color: #333333; padding:40px 0px 15px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:1.53em; line-height: 140%; color: #333333; padding-bottom: 35px;}
.first_txt .small {font-size: 0.82em; display: block; line-height:150%;}
.dis_table {display: table; width: 100%;}
.dis_cell {display:table-cell; vertical-align: middle; box-sizing: border-box;}


.line_bg {padding-bottom: 40px; background: url(../img/common/line.jpg) no-repeat center bottom;}

.ico_box {position: relative; padding:25px 10px 25px 95px; border: 1px solid #e5e5e5; font-size: 1.1em;}
.ico_box .ico {position: absolute; left: 20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.ico_box2  {position: relative; padding:25px 10px 25px 120px; border: 1px solid #cccccc; font-size:1em; margin-top: -1px;}
.ico_box2 .ico {position: absolute; left:30px; top:20px;}



.report_top {position: relative; margin-bottom:30px; padding: 30px 0px;}
.report_top:After {display: block; content: ""; clear: both}
.report_top:before {display: block; content: ""; width:1920px; height:100%; background: #f4f7fa; position: absolute; left: 50%; top: 0px; margin-left: -960px;}
.report_top .report_wrap {float: left; width: 50%; box-sizing: border-box; padding:15px 20px 15px 10px; position: relative; padding-left:220px; min-height:290px}
.report_top .report_wrap .type {font-weight: 600; color: #0057a6; padding-bottom: 5px; font-size:16px;}
.report_top .report_wrap .pic {position: absolute; background:#fff; left:0px; top:0px; width:202px; height:291px; border: 1px solid #ccc; box-shadow:2px 3px 4px #eee; box-sizing: border-box;  text-align: center;}
.report_top .report_wrap .pic img {max-width: 100%; max-height: 100%;}
.report_top .report_wrap .txt_t {font-size:24px; color: #333333; line-height:30px; min-height: 60px; height:60px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-weight:400;}
.report_top .report_wrap .info {min-height:80px;}
.report_top .report_wrap .info > li {position: relative; min-height:25px; padding-left:80px; margin-top: 5px; font-size: 16px; color: #666666;}
.report_top .report_wrap .info > li .pa {position: absolute; left: 0px; top: 0px; line-height: 25px; color: #333; font-weight: 400}
.report_top .report_wrap .txt_s {font-size: 15px; color: #333333; line-height: 22px; height: 66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.report_top .report_wrap .detail {position: absolute; left:220px; width:120px;  bottom: 0px; padding-top: 10px;}
.report_top .report_wrap .detail > a {display:inline-block; width: 100%; line-height:40px; text-align: center; color: #fff; font-size: 15px; background: #f5a520; border-radius:4px; }

.report_top2 .report_wrap .pic {width:250px; height:170px; overflow:hidden;}
.report_top2 .report_wrap .pic img {width:100%; height:100%}
.report_top2 .report_wrap {padding-left: 280px; min-height: 200px;}
.report_top2 .report_wrap:before {display: none;}
.report_top2 .report_wrap .txt_t {line-height:24px; height:48px; overflow: hidden; white-space:inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; padding-bottom: 0px; margin-bottom:30px;}



.list6 > li {width:16.6666% !important}
.list4 > li {width:25% !important}
.list3 > li {width:33.3333% !important}
.list2 > li {width:50% !important}


.report_view_wrap {position: relative; padding-left:360px; min-height:480px; margin-top: 40px; padding-bottom: 30px; }
.report_view_wrap .pic {position: absolute; left: 0px; top: 0px;}
.report_view_wrap .pic > span {display: block; width:250px; height:373px; background: #0057a6; padding:39px 35px; position: relative}
.report_view_wrap .pic:before {display: block; content: ""; width: 122px; height: 122px; background: url(../img/common/day_bg.jpg) no-repeat left top; position: absolute; right:-15px; bottom:-15px;}
.report_view_wrap .table_style1  {border-top:1px solid #d9d9d9  }
.report_view_wrap .info {padding:20px 0px 0px 20px;}
.report_view_wrap .info .txt_t {font-weight: 600;}
.report_view_wrap .info > div:before {display: block; content: ""; width:44px; height: 1px; background: #f39800; margin: 20px 0px;}
.report_view_wrap .info > div:first-child:before {display: none;}
.report_view_wrap .info .list > li {position: relative; padding-left: 140px; margin-top: 10px;}
.report_view_wrap .info .list > li:first-child {margin-top: 0px;}
.report_view_wrap .info .list > li .txt_t {position: absolute; left: 0px; top: 0px;}
.report_view_wrap .info .file > li { margin-top: 10px;}
.report_view_wrap .info .file > li .txt {display: block; color: #333333; font-weight: 400; font-size: 0.95em;}
.report_view_wrap .info .file > li:first-child {margin-top: 0px;}
.report_view_wrap .info .file > li a {display: inline-block; padding-left: 30px; background: url(../img/common/ico_file2.png) no-repeat left 2px; color: #333;}
.report_view_wrap .info .file > li .count {padding-left: 30px; color: #0057a6}


.img_txt {display: flex; flex-wrap: wrap;}
.img_txt .img {flex-basis:50%;}
.img_txt .txt {flex-basis:50%; box-sizing: border-box; padding-left: 10px; color: #6c6e71;}

.num_box {display: flex; flex-wrap: wrap}
.num_box > dl {position: relative; padding:30px 30px 30px 40px; box-sizing: border-box; flex-basis: 50%; border: 1px solid #cccc}
.num_box > dl:nth-child(2) {margin-left: -1px;}
.num_box > dl .mont {position: absolute; right:0px; top:-20px; font-size:36px; color: #d6d6d6; line-height: 130%}
.num_box > dl dt {color: #085cab; font-size: 24px; font-weight: 600; padding:15px 0px 15px 70px; position: relative; margin-bottom: 10px;}
.num_box > dl .ico {position: absolute; left: 0px; top: 0px;}
.num_box > dl dd {padding-top: 10px;}

.no_link {border: 2px solid red}


.law_ul {display: flex; flex-wrap: wrap; margin: 1px -2px 0px 1px}
.law_ul > li {width:50%; box-sizing: border-box; border: 1px solid #ccc; margin:-1px 0px 0px -1px;  background: #fff;}
.law_ul > li:hover {border: 1px solid #f39800; z-index: 2}
.law_ul > li:hover > a {color: #f39800; font-weight: 600;}
.law_ul > li > a { display:flex; padding: 10px 30px 10px 10px; width: 100%; flex-basis: 100%; color: #000000; background: url(../img/common/ico_link.gif) no-repeat 97% center; height: 81px; box-sizing: border-box; align-items: center;}

.law_ul_bg {background:#f4f7fa; border-top:1px solid #cccccc; padding:60px 10px; margin:0px -10px;}

.pr_list {display: flex; flex-wrap: wrap; margin:-15px; }
.pr_list > li {padding: 15px; flex-basis: 25%; box-sizing: border-box;}
.pr_list > li > a {display: block;}
.pr_list > li .down {background: #fff; display: flex; flex-basis: 100%; justify-content: center; align-content: center; flex-wrap: wrap; min-height:60px; box-sizing: border-box; padding: 5px;}
.pr_list > li .down > span {padding-right: 30px; display: inline-block; background: url(../img/common/ico_down4.png) no-repeat right center; color:#333333}


.magazine_wrap {display: flex; flex-wrap:nowrap; align-items: flex-start}
.magazine_wrap .img {flex-basis: 400px; padding-right:20px;}
.magazine_wrap .law_ul {flex-basis: 850px; margin-left: auto;}




.pri_W {width:100%; clear:both;}
.pri_W a {color:#656565;}
.p_box {padding:10px; background:#f0f1f7;}
.pri_W .tit {font-weight:bold;}
.p_tb {clear:both; width:100%; margin-top:10px; border-top:1px solid #333;}
.p_tb tbody tr th {background:#f9f9fc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 5px 5px 7px; text-align:left;}
.p_tb tbody tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 5px 5px 7px; text-align:left;}
.no_r {border-right:none;}
.sc_tit {font-size:13px; font-weight:bold; color:#000; line-height:23px; padding:5px 0 0 10px;}

.main_wrap .department_wrap {display: none;}

.department_wrap {max-width: 1300px; margin:0 auto; background:#f3f4f8; padding:15px 10px 20px 10px;}
.department_wrap > ul {font-size: 0px; margin-left: -10px;}
.department_wrap > ul > li {display:inline-flex; flex-wrap: wrap; align-items: center; margin-top: 5px; vertical-align: top; line-height: 21px; font-weight:300; margin-left: 30px; padding-left:60px; font-size:16px; height: 47px;}

.department_wrap > ul > li:nth-child(1) {background: url(../img/common/ico_department.png) no-repeat left top;}
.department_wrap > ul > li:nth-child(2) {background: url(../img/common/ico_tel.png) no-repeat left top;}
.department_wrap > ul > li > strong {display: inline-block;}
.department_wrap > ul > li a {color: #333333}

.b_name_wrap .txt_t {font-size: 1.1em; padding-bottom: 5px; display:block;}
.b_name_wrap .info {overflow: hidden; margin-left:-30px}
.b_name_wrap .info > li {float: left; line-height: 28px; padding-left: 30px; margin-top: 5px; font-size: 15px;}
.b_name_wrap .info > li .txt_s {display: inline-block; min-width:77px; box-sizing: border-box; line-height:26px; border: 1px solid #b4b2b3; height: 28px; vertical-align: top; text-align: center; color: #005cb9; margin-right:5px;}

td .apply_bt {max-width: 230px; margin: 0 auto;}
.apply_bt {overflow: hidden; margin: -2px; font-size: 0.95em;}
.apply_bt > li {float: left; width: 50%; box-sizing: border-box; padding: 2px}
.apply_bt > li .bt {display: block; font-weight: 400; text-align: center; border-radius:30px; box-sizing: border-box; line-height:33px; height: 35px; color: #fff;}
.apply_bt > li .bt1 {background:#004998;}
.apply_bt > li .bt2 {background:#009475;}
.apply_bt > li .bt3 {background:#fff; color: #868686; border: 1px solid #cccccc; height: 35px;}

.copy_add {text-align: right; margin-bottom:15px;}
.copy_add > button {display: inline-block; border: 1px solid #e8e8e8; border-radius:30px; padding:5px 15px 5px 40px; line-height: 20px; font-size:16px; color: #666666; font-weight: 400; background:url(../img/common/ico_link2.png) no-repeat 15px center; outline: none;}
.copy_add #my-url {position: absolute;}

.essential {display:inline-block; position: relative; }

.essential.left:before {display: inline-block; vertical-align: middle; content: "*"; font-weight: 700; padding-right: 5px; font-size:26px; line-height:12px; color: #f39800 ;}
.essential.right:after {display: inline-block; vertical-align: middle; content: "*"; font-weight: 700; padding-left: 5px; font-size:26px; line-height:12px; color: #f39800 ;}

.table_two_wrap {overflow: hidden;}
.table_two_wrap > table {float: left; width: 50%; box-sizing: border-box; clear: none;}

.confirm_box .all_agree_txt {padding:15px; border: 1px solid #ccc;}
.agree_table {background: #f3f4f8; padding: 20px 20% 20px 60px; border: 1px solid #ccc; margin-top: -1px; position: relative; padding-right:18% }
.agree_table:before {display: block; content: ""; width:16%;  background: #fff; height: 100%; position: absolute; right: 0px; top:0px; height: 100%; border-left:1px solid #ccc; }
.agree_table > h4 {position: relative; padding-left: 45px; margin-left: -45px;}
.agree_table > h4:before {display: block; content: ""; width:32px; height: 1px; position: absolute; left: 0px; top: 50%; background: #004998;}
.agree_table .check_area {width:16%; text-align: center; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.first-box {border: 1px solid #ccc; font-size: 1.1em; position: relative; padding:35px 20px 35px 40px; margin-bottom: 10px;}
.first-box:before {display: block; content: ""; width:90px; height: 72px; position: absolute; left: 0px; top: 0px; background: url(../img/common/bg_p.png) no-repeat left top;  }
.first-box:after {display: block; content: ""; position: absolute; right:-1px; bottom:-7px; width:120px; height: 7px; background:#004998;}

.ico_txt {position: relative; padding:7px 0px 10px 50px;}
.ico_txt:before {display: block; content: ""; border-radius:100%; width:42px; height: 42px; box-sizing: border-box; border: 1px solid #ccc; position: absolute; left: 0px; top: 0px;}
.ico_txt.ico_tel:before {background: url(../img/common/ico_tel2.gif) no-repeat center center;}
.ico_txt.ico_mail:before {background: url(../img/common/ico_mail.gif) no-repeat center center;}
.ico_txt.ico_fax:before {background: url(../img/common/ico_print.png) no-repeat center center;}
.ico_txt.ico_home:before {background: url(../img/common/ico_home.gif) no-repeat center center;}

.step_ico:after {display: block; content: ""; clear: both;}
.step_ico > li {float: left; width: 16.666%; box-sizing: border-box; text-align: center; padding: 10px 15px; position: relative;}
.step_ico > li:before {display: block; content: ""; width:26px; height: 26px; background: url(../img/business/arrow.png) no-repeat left top; position: absolute; left: 0px; top: 50%; margin: -13px 0px 0px -13px}
.step_ico > li:first-child:before {display: none;}

.cha_list_wrap {background: #fff; padding:25px 20px; margin-top: 10px;}
.cha_list_wrap > ul > li {margin-top: 20px; position: relative;position: relative; padding-left:78px; min-height:55px;}
.cha_list_wrap > ul > li:first-child {margin-top: 0px;}
.cha_list_wrap > ul > li .num {display: block; width:55px; height: 55px; color: #fff; text-align: center; line-height: 55px; font-size:17px; font-weight:400; border-radius:100%; position: absolute; left: 0px; top: 0px; background: #004998}
.cha_list_wrap > ul > li .txt_t {display: block;}

.process_wrap {overflow: hidden;}
.process_wrap > li {float: left; width:16.666%; box-sizing: border-box; padding: 10px;}
.process_wrap > li > dl {background: #fff; min-height:340px; padding:15px;}
.process_wrap > li > dl > dt {text-align: center; padding-bottom: 20px; font-weight: 300; color: #666666}
.process_wrap > li > dl > dt > strong {display: inline-block; min-width:124px; box-sizing: border-box; padding: 0px 10px; font-weight: 100; color: #fff; background: #004998; line-height:34px; border-radius:30px;  }







.ico_customer {font-size: 0px; margin-left: -30px;}
.ico_customer > li {display: inline-block; margin-top: 5px; vertical-align: top; line-height: 21px; font-weight:300; margin-left: 30px; padding:10px 0px 10px 60px; min-height: 30px; font-size: 17px;}
.ico_customer > li.ico01 {background: url(../img/business/ico_mail.png) no-repeat left top;}
.ico_customer > li.ico02 {background: url(../img/business/ico_tel2.png) no-repeat left top;}
.ico_customer > li.ico03 {background: url(../img/business/ico_point.png) no-repeat left top;}
.ico_customer > li > strong {display: inline-block;}
.ico_customer > li a {color: #333333}

.map_wrap {height: 500px;}
.map_wrap > iframe {width: 100% !important; height: 100% !important;}

.map_wrap {width: 100%; height:450px; overflow: hidden; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.map_wrap > div {width: 100% !important;}
.map_wrap .wrap_map {height:475px !important;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}

.map_address {padding-bottom:10px;}
.map_address > p {position: relative; padding:10px 20px 10px 55px; min-height:40px; box-sizing: border-box; font-size:1em; color: #000;}
.map_address > p .ico {position: absolute; left:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.map_address > p .ico img {}

.map_address > p a {color: #000}

.map_txt {border: 1px solid #ccc; border-top:none; background: #fff; padding:10px;}
.map_txt > ul {overflow: hidden;}
.map_txt > ul > li {position: relative; box-sizing: border-box; text-align:center; padding:5px 10px; float: left;}
.map_txt > ul > li > div {position: relative; text-align: left; box-sizing: border-box; display: inline-block; padding:10px 20px 10px 60px; min-height:40px; color: #000; }


.map_txt > ul > li > strong {font-size: 18px;}

.map_txt > ul > li .ico {position: absolute; left:0px; top:50%; padding-bottom: 1px; transform: translateY(-50%)}
.map_txt > ul > li .ico img {vertical-align: top;}

.map_txt > ul > li a {color: #000}

.map_info {display: flex; margin: 0px -10px; flex-wrap: wrap}
.map_info > dl {flex-basis: 50%; box-sizing: border-box; padding: 10px;}
.map_info > dl {padding-left:65px; padding-right: 10px; box-sizing: border-box;}
.map_info > dl dt {font-size:1.05em; padding:5px 0px 5px 0px; line-height: 140%; font-weight:600; color: #333333;}
.map_info > dl .arrow {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}
.map_info > .ico01 {background: url(../img/introduce/ico_metro.gif) no-repeat 10px 15px;}
.map_info > .ico02 {background: url(../img/introduce/ico_car.png) no-repeat 10px 15px;}
.map_info > .ico03 {background: url(../img/introduce/ico_bus.gif) no-repeat 10px 15px;}



.map_add {overflow: hidden; margin: -3px -20px; padding-bottom: 20px;}
.map_add > li {float: left; padding: 3px 20px; position: relative;}
.map_add > li:before {display: block; content: ""; width: 1px; height:16px; background: #ccc; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
.map_add > li:first-child:before {display: none;}
.map_add > li > p {font-size: 1.2em; line-height: 140%; }
.map_add > li > p > strong {color:#093190}





.work_list_wrap > ul {overflow: hidden; margin: -10px;}
.work_list_wrap > ul > li {float: left; width:12.5%; box-sizing: border-box; padding: 10px;}
.work_list_wrap > ul > li .pic {display: block; padding-bottom: 142.36%; position: relative; overflow: hidden;}
.work_list_wrap > ul > li .pic img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.work_list_wrap > ul > li .txt_t {display: block; padding-top: 10px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.work_list_wrap > ul > li .txtW {display: block; padding:15px 5px; background: #fff;}
.work_list_wrap > ul > li .txtW .txt_t {padding: 0px;}

.work_list_wrap > ul.five {margin: -20px;}
.work_list_wrap > ul.five > li {width: 20%; padding: 20px;}
.work_list_wrap > ul.five > li .pic {padding-bottom:54.54%;}

.introduce {display: flex; flex-wrap: wrap}
.introduce .pic {flex-basis: 36%; box-sizing: border-box;}
.introduce .txt {flex-basis: 64%; padding-left: 50px; color: #6c6e71;  box-sizing: border-box;}
.introduce .txt .sign {text-align: right; font-size: 1.05em; font-weight: 400; color: #000; padding-top:40px;}


.introduce .first {font-size:1.5em; line-height: 140%; font-weight:300; color: #000; padding-bottom: 30px;}


.history_tit {padding-left:50%; margin-left: -25px; font-weight: 400; font-size: 1.7em; line-height: 140%; padding-bottom:30px;}
.history_box {position: relative; min-height:570px;  overflow: hidden; padding:0px 10px 30px 10px;}

.history_box > h4 {position: absolute; left: 50%; top:35px; background: #fff; width: 210px; line-height: 64px; border: 1px solid #003876; border-radius:40px; font-size: 18px; text-align: center; color: #000; transform: translateX(-50%); z-index: 9}
.history_box > ul {position: relative; padding-bottom: 30px;}
.history_box > ul:before {display: block; content: ""; width:1px; height: 100%; position: absolute; left: 50%; margin-left: -0.5px; top:-20px; background: #dddddd}
.history_box > ul:after {display: block; content: ""; width:46px; height:11px; position: absolute; left: 50%; margin-left: -23px; bottom:10px; background: #dddddd; border-radius: 30px;}
.history_box > ul > li {padding-left: 50%; box-sizing: border-box; position: relative; padding-bottom:30px;}

.history_box .img {position: absolute; left: 0px; top:0px; max-width:44%;}
.history_box .history_txt {padding-left:30px; position: relative;}
.history_box .history_txt:before {display: block; content: ""; width:10px; height:10px; border-radius:100%; background: #0057a6; position: absolute; left:-4px; top:11px; z-index: 9;}
.history_box .history_txt:after {display: block; content: ""; width:30px; height:30px; border-radius:100%; background: #fff; position: absolute; left:-15px; top:0px; border: 1px solid #0057a6;}
.history_box .history_txt .year_s {font-size:32px; display: block; font-weight:700; color: #333333; line-height:100%; padding-bottom:15px; font-family: 'Montserrat', sans-serif;}

.history_box .history_txt ul > li { line-height:150%; color:#333; font-weight:300; position: relative; min-height:24px; padding-left:70px; margin-top:10px;}

.history_box .history_txt ul > li:first-child {margin-top:0px;}
.history_box .history_txt ul > li .month {position: absolute; left: 0px; top: 0px; color:#666666; font-weight:500; padding-left: 15px;}
.history_box .history_txt ul > li .month:before {display: block; content: ""; width:4px; height: 4px; background: #61b15a; border-radius:100%; position: absolute; left: 0px; top:50%; margin-top: -2px;}

.vision_wrap h3 {font-size: 1.8em; line-height: 140%; color:#000; font-weight: 600;}
.vision_wrap .box {padding-bottom:130px; background: url(../img/introduce/03_arrow.jpg) no-repeat center bottom; position: relative;}
.vision_wrap .box > h3 {position: absolute; left: 0px; top: 0px;}
.vision_wrap .green_box {max-width:753px; margin: 0 auto; display: flex; flex-wrap: wrap; min-height: 133px; border-radius:90px; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 1.55em; line-height: 130%; font-weight: 400; background:#96c83e;}
.vision_wrap .objective {display: flex; flex-wrap: wrap; max-width: 753px; margin: 0 auto;}
.vision_wrap .objective > li {display: flex; flex-wrap: wrap; flex-basis: 50%; box-sizing: border-box; padding: 5px;}
.vision_wrap .objective > li > dl {border:1px solid #f7941d; box-sizing: border-box; width: 100%; padding:7%; border-radius:20px; min-height: 140px; position: relative;}
.vision_wrap .objective > li > dl dt {color: #f7941d; font-size: 1.4em; line-height: 140%; padding-bottom: 10px;}
.vision_wrap .objective > li > dl .ico {position: absolute; right: 5%; top:20px;}



.img_txt.img_small .img {flex-basis:41%;}
.img_txt.img_small .txt {flex-basis:59%; }
.img_txt .txt .first {font-size: 1.4em; line-height: 140%; color: #000;}
.img_txt .txt .first:after {display: block; content: ""; width: 40px; height: 1px; background: #0057a6; margin: 20px 0px;}

.num_ico_list {display: flex; flex-wrap: wrap;}
.num_ico_list > li {flex-basis: 16.6666%; box-sizing: border-box; padding: 1px; display: flex; flex-wrap: wrap;}
.num_ico_list .box {background: #0057a6; line-height: 130%; font-weight: 400; min-height: 245px; box-sizing: border-box; border-radius:10px; padding: 15px 20px; color: #fff; }
.num_ico_list .box .num {display: block; line-height: 100%; text-align: right; font-weight: 100; font-size:26px;}
.num_ico_list .box .ico {display:block; min-height: 75px;}



.organization_chart {position: relative;}
.organization_chart > ul > li {position: relative; padding-bottom:30px; }
.organization_chart > ul > li:after {display: block; content: ""; clear: both;}
.organization_chart .one {width: 100%; max-width:32%; border-radius: 30px; margin: 0 auto; position: relative; text-align: center; color: #fff; font-size:2em; line-height:36px; background: #004ea2; font-weight:300; z-index: 9;}
.organization_chart .two {border-radius:60px; margin: 0 auto; position: relative; text-align: center; font-size: 1.5em; line-height:34px; background: #fff; border:3px solid #f9cd07; font-weight: 400; padding: 10px 5%;}
.organization_chart .two .bul01 {text-align: left; padding-left: 5%}
.organization_chart .two .bul01 > li:after {top: 50%; margin-top: -2px;}
.organization_chart .one.start {border-radius:100%; max-width:170px; line-height:170px; }
.organization_chart .line_b {display: block; width: 1px; height:100%; background: #ccc; position: absolute; left: 50%; bottom:0%;}
.organization_chart .one_box {background: #f9f9fb; border: 1px solid #cccc; padding: 60px 10px 30px 10px; margin-top: -38px;}
.organization_chart > ul > li .tl {position: relative;}
.organization_chart > ul > li .tl:after {display: block; content: ""; clear: both; position: relative; box-sizing: border-box;}
.organization_chart > ul > li .tl:before {position: absolute; display: block; content: ""; width: 50%; box-sizing: border-box; background:#ccc; height: 1px; left: 0px; top: 50%; }
.organization_chart > ul > li .tl > div {float: left;}


.organization_chart .two_wrap {overflow: hidden; margin-top: -10px;}
.organization_chart .two_wrap > li {width:50%; box-sizing: border-box;}
.organization_chart .two_wrap > li.fl {padding-top:46px;}
.organization_chart .two_wrap > li.fl > ul > li {padding-right:25%}
.organization_chart .two_wrap > li.fl > ul > li:before {right: 0px; top: 50%;}
.organization_chart .two_wrap > li.fr > ul > li {padding-left:25%}
.organization_chart .two_wrap > li.fr > ul > li:before {left: 0px; top: 50%;}
.organization_chart .two_wrap > li > ul > li {margin-top:10px; box-sizing: border-box; position: relative;}
.organization_chart .two_wrap > li > ul > li:before {position: absolute; display: block; content: ""; width: 50%; box-sizing: border-box; background:#ccc; height: 1px; }
.organization_chart .two_wrap > li > ul > li:first-child {margin-top:0px;}

.organization_chart .three_wrap {overflow: hidden;}
.organization_chart .three_wrap:before {display: block; content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0px; top: 0px;}
.organization_chart .three_wrap > ul {float: left; width: 20%; box-sizing: border-box; padding: 0px 5px;padding-top:30px;  position: relative;}
.organization_chart .three_wrap > ul:before {display: block; content: ""; width:1px; height:100%; background: #ccc; position: absolute; left:50%; top: 0px;}
.organization_chart .three_wrap > ul:first-child:after {display: block; content: ""; width:50%; height:1px; background: #fff; position: absolute; left:0%; top: 0px;}
.organization_chart .three_wrap > ul:last-child:after {display: block; content: ""; width:50%; height:1px; background: #fff; position: absolute; right:0%; top: 0px;}
.organization_chart .three_wrap > ul > li {padding-top: 10px; display: table; width: 100%;}
.organization_chart .three_wrap > ul > li > a {display: table-cell; vertical-align: middle; text-align: center; border-radius:60px; background: #404d5d; text-align: center; color: #fff; line-height:140%; height: 87px; position: relative; font-size: 1.2em;}

.atab.map_tab li {width: 25%;}
.atab.map_tab li .br {display: none;}
.atab.map_tab li:nth-child(5) a {border-left:1px solid #cccccc} 

.ci_box {margin-top:40px; display: table; width: 100%; border: 1px solid #dddddd; box-sizing: border-box;}
.ci_box > p {display: table-cell; height:250px; text-align: center; vertical-align: middle; background: url(../img/introduce/ci_bg.gif) repeat left top;}
.ci_down_bt {text-align: right; font-size: 0px; margin: 0px -15px;}
.ci_down_bt > li {display: inline-block; padding: 15px;}
.ci_down_bt > li > a {display: block; background: #0061aa; min-width:300px; text-align: center;}
.ci_down_bt > li > a > span {display: inline-block; font-size:17px; line-height:60px; padding-right: 30px; background: url(../img/common/ico_down.png) no-repeat right center; color: #fff; }

.ci_color_wrap > ul {display: flex; flex-wrap: nowrap; margin:0px -10px;}
.ci_color_wrap > ul > li {flex-basis: 300px; box-sizing: border-box; padding: 10px; }
.ci_color_wrap > ul > li > dl {color: #fff; min-height: 150px; box-sizing: border-box; height: 100%; padding: 20px 30px; font-size: 1.1em; line-height: 140%;}
.ci_color_wrap > ul > li > dl dt {font-size: 1.15em; line-height: 140%; padding-bottom: 5px;}
.ci_color_wrap > ul > li:nth-child(1) {flex-basis:650px }
.ci_color_wrap > ul > li:nth-child(1) > dl {background: #0061aa;}
.ci_color_wrap > ul > li:nth-child(2) > dl {background: #99ca3b}
.ci_color_wrap > ul > li:nth-child(3) > dl {background: #f7941d}


.mail_ico {padding-left: 35px; background: url(../img/community/ico_mail.gif) no-repeat left center; min-height: 17px;}

.btn_receipt_wrap {text-align: right; height: 43px; margin-top: -43px;}
.btn_receipt {display: inline-block; border: 1px solid #cccccc; padding: 10px 30px 10px 15px; background: url(../img/common/bt_arrow3.png) no-repeat 90% center #fff; }
.btn_receipt > span {display:block; padding-left: 28px; background: url(../img/common/ico_doc.png) no-repeat left center; line-height: 21px; font-size: 15px;}

.first-txt {font-size: 1.4em; line-height: 150%; font-weight: 600;}




.contest_view {overflow: hidden; padding-left:250px; position: relative; min-height:295px; border: 1px solid #ccc; border-top:none; }
.contest_view .pic {position: absolute; left:30px; top:20px; text-align: center; width:190px; height:254px; border: 1px solid #ccc; overflow: hidden;box-shadow: 2px 3px 4px #eee;}
.contest_view .pic img {width: 100% !important; height: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.contest_view .info {border-left: 1px solid #d9d9d9}

.contest_view .table_line {border-top:1px solid #000; }
.contest_view .table_line .board-view td {padding: 9px 10px 9px 20px;}
.contest_view .table_line .board-view th {padding: 9px 5px 9px 20px;}
.contest_view .board-view th {height:70px;}
.contest_view .board-view tr:last-child th {border-bottom: none;}
.contest_view .board-view tr:last-child td {border-bottom: none;}

.contest_view.no_pic {padding-left: 0px !important; min-height: auto;}
.contest_view.no_pic .info {border: none;}
.contest_view.no_pic .board-view th {height: 30px;}

.board_content {padding:30px 0px 30px 0px; margin-bottom:30px;}
.board_content .movie_wrap {max-width: 800px; margin: 0 auto;}
.board_content .movie_in {position: relative; padding-bottom:56%; max-width: 800px;}
.board_content .movie_in iframe {position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100% !important}

.subtitles {background: #f3f4f8; padding: 30px; margin-bottom:60px;}
.subtitles .subt {border-radius:30px; background: #55b664; color: #fff; text-align: center; width:78px; height: 37px; line-height: 37px; font-weight: 100;}
.subtitles_box {border: 1px solid #ccc; background: #fff; padding: 15px; overflow-y: auto; height: 100px; font-size: 0.95em; color: #333333; margin-top:15px;}

.join_check {margin-top:30px;}
.join_check .input {height:40px; }

.id_check_box {position: relative; margin: 10px 0px; padding: 0px 160px 0px 96px}
.id_check_box .input {min-height: 55px !important; line-height: 55px !important; font-size:17px;}
.id_check_box .pa {position: absolute; left:20px; top: 0px; line-height: 55px; font-size:17px; color: #666666;}
.id_check_box .bt {position: absolute; right: 0px; top: 0px; width: 150px;}
.id_check_box .bt > a {display: block; text-align: center; line-height:55px; background: #333333; border-radius:30px; color: #fff; font-size:20px; }

.id_check_box2 {background: #f3f3f3; padding: 20px; margin: 30px -10px -10px -10px; font-size: 15px; color: #000;}
.id_check_box2 .bt {padding-top:15px; text-align: center;}
.id_check_box2 .bt > a {display:inline-block; width: 100%; max-width:137px; background: #fff; text-align: center; line-height:53px; border-radius:30px; color: #333333; font-size:20px; border:1px solid #ccc; box-sizing: border-box;}

.rule_box {font-size: 0.86em; color:#666666; line-height:180%; }
.rule_box li {margin-top: 5px;  line-height:180%;}
.rule_box .b_txt {font-size:18px; padding-bottom: 5px;}
.rule_box .txt_t {color: #000; font-size: 1.05em;}

#add_date {position: relative; padding-right:115px; }
#add_date .bt {position: absolute; right: 0px; top: 0px;}

.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 10px;}

td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -20px;}
.radio_group > li {display: inline-block; font-size:17px; padding: 5px 0px 0px 20px;}
.radio_group > li.etc_li {width: 100%; max-width:500px;}
.radio_group > li.etc_li .input {width: calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top:35px; max-width: 1300px; margin-left: auto; margin-right: auto;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:69px; font-weight:400; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; font-size:1em; border-left: none}
.atab li:first-child a {border-left:1px solid #cccccc;}

.atab li.on a {background: #fff; color: #0057a6; border:1px solid #0057a6;}
/*.atab li.on a:after {display: block; content: ""; width:20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-22px; transform: rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}


.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.atab.ico_tab li a {height: 100px}
.atab.ico_tab li a .ico {display: inline-block; vertical-align: middle; margin-right: 5px; overflow: hidden; max-height: 65px;}
.atab.ico_tab li.on a .ico img {transform: translateY(-50%)}



.btab { margin-bottom:40px; margin: 0px -15px; padding-top: 10px; display: flex; flex-wrap: wrap;}
.btab li {padding: 0px 15px; padding-top: 5px; box-sizing:border-box; position:relative;}
.btab li a {display:block; font-weight:400; color:#000000; padding-bottom:5px; box-sizing:border-box; font-size:17px; position: relative;}
.btab li.on a {color: #0057a6; border-color:#0057a6;}
.btab li.on a:after {display: block; content: ""; width: 100%; height:5px; background: #0057a6; position: absolute; left: 0px; bottom: 0px;}


.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;}
.btab.line li.on a {border: 1px solid #ed2129;}

.ico_note {position: relative; padding-left:23px;}
.ico_note:before {display: block; content: ""; width:19px; height: 19px; border-radius:100%; background: #0057a6; position: absolute; left: 0px; top:1px;}
.ico_note:after {display: block; content: "!"; width:19px; height: 19px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; line-height: 19px; position: absolute; left: 0px; top:1px;}

.note_box {border: 1px solid #cfcfcf; background: #f3f4f8; position: relative; padding: 20px 20px 20px 60px;}
.note_box:after {display: block; content: ""; width:25px; height:20px; background: url(../img/community/note.png) no-repeat left top; position: absolute; left: 20px; top: 25px;}

.of_hi .fl50 {float:left; width:50%; padding: 0px 10px; box-sizing: border-box;}
.of_hi .fr50 {float:right; width:50%; padding: 0px 10px; box-sizing: border-box;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:17px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #0c91dd; position: relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:150%;  color: #fff; padding:15px 50px 15px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}

.pop_head2 {text-align: center; padding:20px 60px; min-height:40px;}
.pop_head2 #p_cate {color: #fff; font-size: 18px; line-height: 150%; }
.pop_head2 #p_title {color: #fff; font-size:23px; line-height: 150%; font-weight: 800; }


/* 팝업 */
.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#55b664; text-align: center; font-weight:500; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}




.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(../img/member/certify.png);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}

.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}


.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }


.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}



.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}


.td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;}
.td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;}
.td_btns > li > a {display: block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;}



.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;}

.member_ok {font-size:1.5em; text-align: center; line-height: 140%; padding:30px 0px 190px 0px; background: url(../img/member/complete.png) no-repeat center bottom; }

.btnNormal.m_block span {min-width:60px;}


.find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; }
.find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(../img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;}
.find_type.on > button {background-position:left -69px;}


.find_box .btn-tc {margin-top: 0px; border: none;}

.find_cell {box-sizing: border-box; position: relative;}
.find_cell:after {clear: both; content: ""; display: block;}
.find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
.find_cell .cell select {width: 100%}
.find_cell .bt {position: absolute; right: 0px; top: 0px;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }
.find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}





.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li {/*width:167px;*/ width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}

.list_tab li span {display:block; background:url(../img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(../img/common/list_tab_line.gif) no-repeat right center;}

.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}





.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #f8f8f8}
.complete_box {padding:28px 20px; background: #f3f4f8}
.complete_box .txt1 {font-size:2em; line-height: 140%; font-weight: 100; padding-bottom: 20px;}
.complete_box .txt2 {font-size:1.3em; line-height: 140%; font-weight: 100;}


.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}



.txt_pa > li {position: relative; padding-left:60px; font-weight: 300; color: #000; line-height: 140%;  margin-bottom: 10px; font-size: 1.05em;}
.txt_pa > li > strong {position: absolute; left: 0px; top: 0px; color:#666666}

.error_wrap {text-align: center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height: 150%; font-weight:700; padding: 50px 0px 30px 0px; background: url(../img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height: 150%; }
.error_wrap .error_msg2 .mail {display: inline-block; padding-left: 20px; color:#ed1b23; background: url(../img/common/ico_mail.gif) no-repeat left center; margin-left: 3px;}



.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -20px; width:40px; height:40px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 108px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}


/* 검색 */
.search_result .search_tit {padding:15px 20px; background: #f8fafb; margin-top:30px; color: #333; position: relative;}
.search_result .search_tit .s_tit {margin: 0px; padding-bottom: 0px; display: inline-block; vertical-align: middle;}
.search_result .search_tit .ib {padding-left: 5px; font-weight: 400; vertical-align: middle;}
.search_result .box {padding:20px 0px 0px 55px; position: relative;}
.search_result .more {position: absolute; right:10px; top:20px;}
/*.search_result .more > a {border: 1px solid #039cf7; color: #333; display: block; border-radius:60px; padding:0px 10px; min-width: 70px; text-align: center; font-size: 15px; line-height: 26px;}*/
.search_result .txt_t {font-size:1.1em; font-weight: 500; color: #333333; padding-bottom: 5px;}

.search_list > li {padding-left: 15px; position: relative; margin-top: 5px;}
.search_list > li:first-child {margin-top:0px;}
.search_list > li:before {display: block; content: ""; width:4px; height:4px; border:2px solid #333; position: absolute; left: 0px; top:10px; border-radius:100%; }
.search_list > li img {vertical-align: middle;}

.search_result .faq_list {border: none;}
.search_result .faq_list > li {border: none; margin-top: 5px; position: relative;}
.search_result .faq_list > li:before {display: block; content: ""; width:4px; height:4px; border:2px solid #039cf7; position: absolute; left: 0px; top:10px; border-radius:100%; }
.search_result .faq_list > li:first-child {margin-top:0px;}
.search_result .faq_list > li .title {padding:2px 50px 2px 15px; font-weight:300; color: #333; position: relative;}
.search_result .faq_list > li .title .q {display: none;;}
.search_result .faq_list > li .answer_wrap {padding: 8px 19px 8px 19px;}


.db_intro {display: flex; margin: -6px;}
.db_intro > li {width: calc(25% - 12px); box-sizing: border-box; margin:6px; border-radius:14px; background: #0057a6; padding:25px; color: #fff; position: relative;}
.db_intro > li .arrow {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius:100%; background: #f39800; position: absolute; left: 100%; top: 50%; margin-left:5px; transform: translate(-50%, -50%); z-index: 9}
.db_intro > li .arrow:After {content: ''; width:6px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform: rotate(45deg); margin-left: -3px;}
.db_intro > li:last-child .arrow {display: none;}
.db_intro dl dt {font-size: 1.4em; line-height: 1.4em; font-weight:400; padding: 0.5em 0px;}
.db_intro .top {display: flex; align-items: center; justify-content: space-between}
.db_intro .step {display: flex; width: 80px; height: 33px; border-radius:60px; background: #fff; justify-content: center; align-items: center;  font-size: 12px; color: #0057a6; font-weight:500;}

.db_mnu_info {background: #f3f4f8; display: flex; padding: 10px;}
.db_mnu_info > div {padding: 18px;}
.db_mnu_info .img {width:63%}
.db_mnu_info .info {flex: 1;}
.db_mnu_info .info > ol > li:not(:first-child) {margin-top: 1.3em;}
.db_mnu_info .info > ol > li {display: flex; align-items: flex-start}
.db_mnu_info .info > ol > li .num {width: 30px; height: 30px; background: #f39800; border-radius:100%; font-size: 0.95em; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center; min-width:30px; margin-right: 0.5em;}
.db_mnu_info .info > ol dl {flex: 1;}
.db_mnu_info .info > ol dl dt {font-size: 1.17em; line-height: 1.4em; font-weight: 400; margin-bottom: 0.3em;}

.view_slide_wrap {max-width: 736px; margin: 0 auto; position: relative;}
.view_slide_wrap .slick-arrow {display: flex; width: 70px; height: 70px; border-radius:100%; background: #0057a6; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); text-indent: -99999px;}
.view_slide_wrap .slick-arrow:after {content: ''; width:8px; height: 8px; border-top:3px solid #fff; border-right:3px solid #fff; display: inline-block; }
.view_slide_wrap .slick-prev:after {transform: rotate(-135deg);}
.view_slide_wrap .slick-next:after {transform: rotate(45deg);}
.view_slide_wrap .slick-prev {left: -100px;}
.view_slide_wrap .slick-next {right: -100px;}

.board-list .status {display:inline-flex; align-items: center; justify-content: center;font-size:0.88em; height:1.95em; width:4.7em; border-radius:4px; color: #fff; font-weight: 400;} 
.board-list .status.type1 {background:#f39800} 
.board-list .status.type2 {background:#999999} 


.keyword_wrap {display: flex; background: #f3f4f8; padding: 20px;}
.keyword_wrap .box {background: #fff; border-radius:10px; padding: 20px; }
.keyword_wrap .box:nth-child(1) {margin-right: 10px; width: 40%;}
.keyword_wrap .box:nth-child(2) {width: 60%}

.search_condition .date_bt {display: flex; gap:20px}
.search_condition .date_bt > li {flex: 1;}
.search_condition .date_bt > li > button {height: 50px; width: 100%; font-size: 1em; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border:1px solid #ccc; background: #fff; border-radius:4px; color: #999999; font-weight: 400;}
.search_condition .date_bt > li > button.on {border-color:#0057a6; background:#0057a6;color: #fff;}

.word_cloud .word_data {width: 100%; min-height: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.date_number .date_in {display:flex; align-items: center; margin-top:15px;}
.date_number .date_in .space {padding:0px 5px;}
.date_number .date_picker {position:relative; display:flex; padding:5px; height: 50px; border-radius:4px;  border:1px solid #ccc; align-items:center; flex: 1}
.date_number .date_picker .input {border:none; height: 100%; flex:1; outline: none;}
.date_number .date_picker img {height:auto; width: auto; margin: 0px; margin-left:15px; position: relative; right: auto; top: auto;}
.date_number .date_picker button { border-left:1px solid #ccc;}

.search_condition .keyword_box {margin-top:50px; display: flex; background: #f3f4f8; border:1px solid #ccc; border-radius:4px; gap:5px; flex-wrap: wrap; padding:20px 10px;}
.search_condition .keyword_box > a {display: flex; flex: 30%; max-width:calc(33.33333% - 5px); height:2.29em; border:1px solid #f39800; color: #f39800; background: #fff; justify-content: center; align-items: center; border-radius:60px; text-align: center; padding:0.2m; box-sizing: border-box; line-height:1.2em;}
.search_condition .keyword_box > a.on {background: #f39800; color: #fff; font-weight: 400;}
.search_condition .chk_list_box {margin-top: 50px;}
.search_condition .chk_list_box .chk_list {display: flex; gap:10px; flex-wrap: wrap}
.search_condition .chk_list_box .chk_list > li {min-width:calc(33.33333% - 7px);}
.search_condition .chk_list_box {margin-top: 50px;}
.search_condition .ez-checkbox {display: inline-block; width:27px; height: 27px; background: url(../img/db/check.png) no-repeat center center/cover; padding: 0px; border:1px solid #ccc; border-radius:4px; box-sizing: border-box;}
.search_condition .ez-checkbox .ez-hide {width: 100%; height: 100%}
.search_condition .ez-checkbox.ez-checked {background-color:#0057a6}
.chart_wrap, .word_data {height:410px; }
.chart_wrap > div {height:100%; }

.canvasjs-chart-credit {display:none}

.word_cloud {position: relative; height: 100%;}
.word_cloud .frequency {position: absolute; right: 0px; top: 0px; z-index: 1;}
.word_cloud .frequency select {width:4em; font-size:16px;}
.word_cloud .word_down {position: absolute; right:40px; top: 0px; z-index: 1;}
.word_cloud .word_down > a {width: 35px; height: 35px; border-radius:4px; background:url(../img/db/ico_down.png) no-repeat center center #f39800; position: absolute; right:30px; top: 0px;}

.s_tit_wrap {display: flex; justify-content: space-between; align-items: flex-end}
.img_down { margin-bottom:15px;}
.img_down > a {display:inline-flex; height:35px; width:9em; border-radius: 4px; background: #f39800; justify-content: center; align-items: center; color: #fff; font-size: 15px; font-weight: 400; }
.img_down > a img {margin-right: 10px;}

.key_list {height:100%; max-height:410px; overflow-y: auto;}
.key_list .board-list td {padding:10px 5px; font-size: 0.95em}

.keyword_trend {color:#333333; background:#f3f4f8; padding:30px; margin-bottom:2em;}
.keyword_trend .txt_a {text-align:center; margin-bottom:1em; font-size:1.4em; line-height:1.4em; font-weight:300; background:#f3f4f8; }
.keyword_trend > ul {display:flex; flex-wrap:wrap; gap:60px;}
.keyword_trend > ul > li {position:relative; font-size:15px; flex:1; box-sizing:border-box;}
.keyword_trend > ul > li:not(:first-child):before {display:block; content:""; width:1px; height:100%; position:absolute; left:-30px; top:0px; background:#ccc; opacity:0.3;} 
.keyword_trend > ul > li > dl {position:relative; padding-left:1em;}
.keyword_trend > ul > li > dl:before {display:block; content:""; width:4px; height:4px; border-radius:100%; background:#0b5eaa; position:absolute; left:0px; top:0.6em;}
.keyword_trend .bul02 li:first-child {margin-top:0px; }
.keyword_trend .bul02 li {min-height:auto;}

.edu_ban_wrap{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;}
.edu_ban_wrap > li{min-height:300px; border-radius: 23px; padding:2rem;}
.edu_ban_wrap > li.ban01{background:url(../img/business/02_img03.png) no-repeat center center #0061a8;}
.edu_ban_wrap > li.ban02{background:url(../img/business/02_img04.png) no-repeat center center #fdf3ed;}
.edu_ban_wrap > li .edu_ban_tit {display:block; color:#fff; font-weight:800; line-height:150%; font-size:2.3em; padding-bottom:25px;}
.edu_ban_wrap > li.ban02 .edu_ban_tit {color:#333}

.edu_box_wrap{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;}
.edu_box{display:flex; align-items: center;  gap:2rem; box-sizing: border-box; border: 1px solid #e5e7eb; border-radius: 23px; padding: 2rem;}
.edu_box .img{width:135px;}
.edu_box .txt .txt_tit{display:block; line-height:100%; font-size:1.4em; font-weight:800;}
.edu_box .txt .txt_s_tit{display:block; padding:15px 0px 10px 0px; line-height:110%; font-size:1.1em; font-weight:500;}



/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}



/* 980px 이상 */
@media screen and (min-width:980px) {
	
  
    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1300px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}


/* 1375px  이하 */
@media screen and (max-width:1375px) {
    .main_visual .visual_box_wrap {max-width:680px;}
    .main_visual .visual_box {float: none; width:100%;}
    .img_visual {height: auto;}
    .img_visual .notice_board > li img {max-height: none;}
    
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
  	.m_gnb_on {display: block;}
    .w_gnb {display: none;}
	#header .top_btns {right: 70px;}
    #inner_wrap {padding:0px 10px 30px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

	.main_visual .v_txt img {max-width:80%} 

    .w_gnb .gnb > ul > li > a > span {font-size: 18px;}

	
    
    #footer_navi > ul {text-align: center; float: none; width: 100%; }

	
	
    #footer .addressW {padding:90px 0px 30px 0px; background-position:center 20px; text-align: center;}
	#footerW .copy > p {text-align: center;}
	#footer .jum_menu {position: relative; right: auto; bottom: auto; margin: 0 auto;}
    
    .banner_wrap .main_banner {width: 50%;}
    .banner_wrap .main_banner:nth-child(3) {width:100%; float: none; clear: both;}
    
    .business_ico_list > li {float: none; width: 100%;} 
  
	
	
    
}
/* 980px 이하 */
@media screen and (max-width:981px) {
    .top_searchW .inner_search {max-width: 100%; min-height: 100%;}

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	

    .sub_con {font-size:16px;}
    .radio_group > li {font-size: 16px;}
	.sub_con .inner {padding: 0px;}
    .inner {padding: 0px 10px;}
    .pop_wrap .pop_body {font-size: 16px;}
	
	.main_visual .v_frame .visual_txt {font-size: 20px;}
	.main_visual .v_frame .visual_txt .big {font-size: 45px;}
	
	.main_publication { max-width: 690px; margin: 0 auto;}
	.main_publication > div {width: 100%;}
	.main_publication > div:nth-child(2) {padding-left: 0px; padding-top: 20px;}
	
	.m_board_wrap  { max-width: 690px; margin: 0 auto;}
	.m_board_wrap .m_board_cell {width: 100%; padding: 0px;}
	.m_board_wrap .m_board_cell:nth-child(2) {margin-top:30px;}
	
	
	#section3:before {height: 50%;}
	.main_report_wrap > ul > li {padding: 10px 10px 30px 10px;}
	.main_report_wrap > ul {margin: -10px;}

	
	.main_notice_wrap {padding-left: 0px; }
    .main_notice_wrap .tit_box {position: relative; left: auto; top: auto; width:auto; padding-right:0px; height:auto;}
    .main_notice_wrap .tit_box .n_tab {position: relative; right:auto; top:auto; overflow: hidden; padding: 10px 0px 20px 0px;}
    .main_notice_wrap .tit_box .n_tab > li {float: left; width: 33.333%; box-sizing: border-box;}
    .main_notice_wrap .tit_box .n_tab > li > a {width: 100%;}
    .main_notice_wrap .tit_box .m_tit {padding-bottom: 10px;}
    .main_notice_wrap .tit_box .more {right: 0px; left: auto; top:20px; bottom: auto;}
    
    #section2:before {display: none;}

	
	#footer .tab_btns_wrap {display: none;}
	
	.media_keyword {flex-wrap:wrap;}
	.media_keyword .img_area {max-width:621px; margin:0 auto;}
	.media_keyword > div {width:100%;}

    
	


	
    .title_bar:before {display: none;}
     


    .location {display: none;}
	
	
	
	
	.atab.ico_tab li a .ico {display: block; max-height:45px; max-width:45px; margin: 0 auto; margin-bottom: 5px;}
	.atab li a {font-size: 1em;}
	
	.goods_spon {padding-left: 0px; background-size:500px auto; padding-top:400px; background-position:center top;}
	
    .title_bar .page_go {display: none;}
    
    .list4 > li {width:33.333% !important}
    
    .apply_bt > li {float: none; width: 100%;}
    
    .step_ico > li {width: 33.333%;}
  
    .process_wrap > li {width: 33.333%;}
    
   
	
    .work_list_wrap > ul > li { width:20%;} 
    .work_list_wrap > ul.five > li {width:33.333%;} 

	
    .report_top .report_wrap {padding-left: 10px;}
    .report_top .report_wrap .pic {position: relative; left: auto; top: auto; width: 100%; max-width: 195px; max-height: 290px; height: auto; margin: 0 auto;}
	.report_top .report_wrap .type {text-align: center; padding: 10px 0px 10px 0px;}
    .report_top .report_wrap .txt_t {font-size: 20px; line-height: 25px; min-height: 50px; height: 50px; margin-bottom:10px;}
    .report_top .report_wrap .detail {text-align: center; position: relative; left: auto; bottom: auto; padding-top: 10px; width: 100%;}
    .report_top2 .report_wrap .txt_t {padding-bottom:0px; margin-bottom: 10px;}
    
	.vision_wrap .box > h3 {position: relative; left: auto; top: auto; padding-bottom: 10px;}

	.vision_wrap .green_box {padding: 5px 30px;}
	
	.num_ico_list > li {flex-basis: 33.3333%}
	
	.db_intro {flex-wrap: wrap;}
	.db_intro > li {width: calc(50% - 12px);}
	.db_intro > li:nth-child(2) .arrow {display:none;}
	.db_mnu_info {flex-wrap: wrap;}
	.db_mnu_info .img {width: 100%}
	
	.keyword_wrap {flex-wrap: wrap}
	.keyword_wrap .box:nth-child(1) { margin: 0px 0px 10px 0px; width: 100%}
	.keyword_wrap .box:nth-child(2) {width:100%;}
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
    /*상단검색*/	
    .search_warp {padding:20px 65px 20px 0;}
    .search_warp .inp_search {line-height:35px; min-height:35px;}	
    .search_warp .btn_search span {line-height:35px;}
    .search_warp .btn_search {top:20px;}	
    .top_searchW .top_btn_close {bottom:-40px;}
    .top_searchW .top_btn_close img {max-width:40px;}	
    
    .section {font-size: 15px; padding: 40px 0px;}
    
	#wrap {padding-top:126px}
	.in_header {height: 75px;}
	#header h1 a {background-size:cover !important}
	#header .top_btns {padding-right: 10px;}
	#header .slide_menu_wrap .top_menu {display: none;}
	#header .slide_menu_wrap .top_btns {display: none;}
 
    
    .m_tit {font-size:24px;}
	.m_tit_txt {font-size: 18px;}
	
	.main_report_wrap {padding-bottom:30px;}
	.new_publicationW .v_bt {top: 7px;}
    
	#section3 {padding-bottom: 0px;}

    .main_visual .visual_box .m_tit {padding-top: 20px;}
	
	.main_report_wrap > ul > li {width: 50%; margin-bottom: 10px;}
	#section3:before {display: none;}
	#section3 .bx-wrapper .bx-pager.bx-default-pager a:hover, #section3 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0057a6}
	
	.s_ban_wrap {padding-left: 0px; min-height: auto; padding-bottom:50px;}
	
	.s_ban_wrap .visual_counter_wrap3 {left: 50%; transform: translateX(-50%); top: auto; bottom: 0px;}
	.s_ban_wrap .bx-wrapper .bx-controls {left: 50%; top: auto; bottom:-40px; margin:0px 0px 0px 23px}
	.main_report_wrap .box > h3 {font-size:20px;}
	
    
    .slide_menu_inner .top_menu {display: block;}
    .slide_menu_inner .top_menu .inner {padding: 0px;}
    .slide_menu_inner .top_btns {margin: 0px; padding: 0px !important;}
    .top_menu .top_btns.left {float: none;}
    .slide_menu_inner .top_menu .top_btns.left > li {float: left; width:30%;}
    .slide_menu_inner .top_menu .top_btns.left > li:nth-child(2) {width:40%;}
    .slide_menu_inner .top_menu .top_btns.left > li a {min-width: auto;}
    .top_menu .top_btns.right {float:none; right: auto; border-top:1px solid #5ac485 }
    .top_menu .top_btns.right > li {float: left; width: 50%;}
    .top_menu .top_btns.right > li a {min-width: auto;}
    
    .main_quick > li {width:25%; padding-bottom: 10px;}
    .main_quick > li .txt {display: block; min-height:55px;}
    .ico_banner {padding-bottom:20px;}
    .ico_banner > li {width: 33.33%; padding-bottom: 10px;}
	
	.main_cor_banner > li {flex-basis: 100%;}
	
    
    #section5 .s_ban > li {width:25%}
    #section5 .s_ban > li .box {overflow: hidden; padding-bottom:39%; position: relative;}
    #section5 .s_ban > li .box img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
    
    .txt_visual {height: auto;}
    .txt_visual .bx-wrapper {height: auto;}
    .main_visual .txt_visual .bx-controls {bottom: -11px;}
    
    #footerW {padding-top: 0px; margin-top: 50px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top: 0px; text-align: center}
    #footerW .familySite {display: none;}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding: 7px;}
	
	
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}
    #footer .addressW {font-size: 13px;padding:15px 10px; background: none;}

	
	#footerW .copy > p {font-size: 12px;}
	#footer .go_top {display: none;}
	#footer .go_sns {display: none;}
     #lnb_wrap .lnb {padding-left:50px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
	#lnb_wrap .ico_home a {width: 50px}
	#lnb_wrap .lnb .lnbs {width: 50%}
	#lnb_wrap {margin: 0px; min-height: auto;}
	.sub_visual .sub_txt {padding-bottom: 0px; height: 250px;}
	.sub_con {font-size:15px;}
    .pop_wrap .pop_body {font-size: 15px;}
    .radio_group > li {font-size: 15px;}
    .title_bar {margin-bottom:35px; padding:25px 0px 0px 0px;}
	.title_bar h2 {font-size:35px;}

	#sub_tit {font-size: 37px;}
	.sub_visual .sub_txt .txt1 {font-size: 16px;}

	.b_txt {font-size:17px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
     
	.s_tit {font-size:24px; margin-top: 40px;}
	.ss_tit {font-size:20px}
	.s_tit_txt {font-size:20px;}
	
	.num_tit {font-size:20px; padding:3px 0px 20px 45px; margin-top:40px}
	.num_tit .num {width: 34px; height: 34px; line-height: 34px; font-size:18px; }

	
	
	.sub_visual .sub_txt > h2 {text-align: center !important}
	
    
    .ico_note {padding-left:20px; background-size:15px auto; }

    
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    /*atab*/
    .atab li a {height: 55px;}
    .atab li.on {margin-top: 0px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}

    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}
  
	
    
    .btab li a {padding:5px 0px; font-size:15px;}
	
    
	.m_th_b {width:115px !important;}
	.m_th {width:95px !important;}
    .m_th_s {width:75px !important;}
    .m_th_ss {width:55px !important;}
	
	.greeting_top {background-position:60% top }
	#lnb_tit {font-size: 14px; line-height: 50px; height: 50px;}
	#lnb_tit2 {font-size: 14px; line-height: 50px; height: 50px;}
	#lnb_tit3 {font-size: 14px; line-height: 50px; height: 50px;}
	#lnb_wrap .ico_home a { line-height: 50px; height: 50px;}
	
	.title_bar {margin-bottom: 25px; padding-bottom: 10px;}
    
    
	
	.greeting .first {font-size: 30px;}
	.vision_step > li {font-size: 16px;}
	
	.number_list > li {padding:4px 0px 4px 40px;}
	.number_list > li .num {width:30px; height:30px; line-height: 30px;}
	.line_bg {padding-bottom:30px;}
	

    
	.spon_type_wrap > h4 a {font-size: 16px;}
	

	
	
	.b_tit {font-size: 2em;}
	.b_tit_s {font-size:1.25em}

    
    
	
	.gray_wrap2 {margin-bottom: 30px;}
    
    .bg_wrap {padding-top:30px; padding-bottom: 30px;}
    
    .ico_box {padding:15px 10px 15px 65px;}
    .ico_box .ico {left: 10px; width: 40px;}
    
    .list6 > li {width: 33.333% !important;}
    .list4 > li {width:50% !important;}
   
	
    .b_name_wrap .info > li {font-size: 14px; line-height:22px;}
    .b_name_wrap .info > li .txt_s {height:22px; line-height:20px;}
    .b_name_wrap .info > li {float: none;}
    
    .table_two_wrap > table {float: none; width: 100%;}
    
    .agree_table:before {display: none;}
    .agree_table {padding-right: 0px; padding-bottom:60px;}
    .agree_table .check_area {width: 100%; left: 0px; bottom:0px; right: auto; top: auto; height:45px; box-sizing: border-box; background: #fff; text-align:left; transform: none; -webkit-transform: none; border-top:1px solid #ccc; padding: 10px 0px 0px 10px; }
    .agree_table .check_area br {display: none;}

	
    .map_wrap {height: 350px;}
	
	.map_txt > ul > li {float: none; width: 100%; text-align: left;}
	.map_txt > ul > li:before {display: none;}
    
    
    .history_box .img {display: none;}
    .history_box:before {left: 0px; margin-left: 0px;}
    .history_box > h4 {width:calc(100% - 10px); width:-webkit-calc(100% - 10px); box-sizing: border-box;}
    .history_box > ul:before {left:8px;}
    .history_box > ul:after {left: 0px; margin-left:-10px;}
    .history_box > ul > li {padding-left: 10px !important; padding-right:0% !important; min-height: auto; padding-bottom: 30px;}   
    .history_box > ul > li > .history_txt {padding-top:0px; padding-left:35px !important; padding-right: 0px !important; }
    .history_box .history_txt .year_s:after {width:42px; right: auto !important; left: -7px !important;}
    .history_box .history_txt .year_s {text-align: left !important; padding-right: 0px !important;}
    .history_box .history_txt ul > li {padding-left: 60px !important; padding-right: 0px !important; text-align: left !important;}
    .history_box .history_txt ul > li .month {left: 0px !important; right: auto !important;}
    .history_box .img {position: relative !important; left: auto !important; right:auto !important; top: auto !important; max-width:none; padding-bottom: 10px;}
    
    .history_tit {padding-left: 0px; margin: 0px;}
    .organization_chart {font-size:12px;}
    .organization_chart .one.start {max-width: 130px; line-height: 130px;}
    .organization_chart .three_wrap > ul > li > a {height: 60px;}
    
	.report_view_wrap {padding-left: 0px;}
	.report_view_wrap .pic {position: relative; left: auto; top: auto; margin: 0 auto; max-width: 320px; margin-bottom: 30px;}
	.report_view_wrap .info .list > li {padding-left: 94px;}
	
	.img_txt > div {flex-basis: 100% !important}
	.img_txt .txt {padding: 10px 0px 0px 0px;}
	.num_box > dl {flex-basis: 100%}
	.num_box > dl:nth-child(2) {margin: -1px 0px 0px 0px;}
	
	.ci_color_wrap > ul {flex-wrap: wrap}
	.ci_color_wrap > ul > li {flex-basis: 50%}
	.ci_color_wrap > ul > li:nth-child(1) {flex-basis: 100%}
	
	.pr_list > li {flex-basis: 50%}
	.pr_list > li > a {max-width: 300px; margin: 0 auto;}

	.keyword_trend > ul {gap:20px;}
	.keyword_trend > ul > li {flex:none; width:100%}
	.keyword_trend > ul > li:not(:first-child):before {display:none;}

	.edu_ban_wrap { grid-template-columns: repeat(1, minmax(0, 1fr));}
	.edu_ban_wrap > li {min-height: 200px;}
	.edu_ban_wrap > li .edu_ban_tit{padding-bottom:10px;}

	.edu_box_wrap{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	
}





/* 600 이하 */
@media screen and (max-width:599px) {
    

    .line_tit {font-size: 20px;}
    .line_tit:after {height: 5px;}
    #footer_navi > ul li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
   
	

    .table_line {width: 100%; overflow: auto;}

	
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    
	.web_dis {display: none;}
	.mb_dis {display: block;}
	
    
    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:0px; top:10px;}
    .more a {font-size: 14px;}
    
    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top:10px; padding: 0px !important}
    .day_day .select_ds.one {width: 100% !important; padding: 0px !important}
    .day_day .select_ds.one .pa_label {position: relative !important; left: auto; top: auto; margin: 0px; text-align: center; }
    .day_day .select_ds.one .pa_minus {display: none;}
	
	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}
    .date_picker img {margin-top: -15px; width: 30px; height: 30px;}
   

    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
    
	.ico_dl {padding: 20px;}
	.ico_dl .ico {display: none;}
	
	.visitw > ul > li {float: none; width: 100% !important; padding-top:40px; min-height: auto; border:none; padding: 30px 0px 15px 0px;}
    .visitw > ul > li:before {background: url(../img/common/arrow_b.png) no-repeat center center; width: 30px; height: 30px; left: 50%; margin-left:-15px; top:-15px;  margin-top: 0px !important; }
 
	.sub_visual .sub_txt > h2 img {max-width:60%}
	
    .list6 > li {width:50% !important;}
 
	
    
    .process_wrap > li {width: 50%;}
    .process_wrap > li > dl {min-height: 290px;}
    
    .atab.business_tab > li {width: 33.333%;} 
    
    .work_list_wrap > ul > li { width:33.333%;} 
    .work_list_wrap > ul.five > li {width:50%;} 
    
    .atab.map_tab li {width: 33.333%;}
    .atab.map_tab li > a {border-left:1px solid #ccc;}
	
	.introduce .pic {flex-basis: 100%;}
	.introduce .txt {padding: 10px 0px 0px 0px; flex-basis: 100%}
	.introduce .txt .sign {padding-top: 20px}
	.introduce .txt .sign img {max-height:26px;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    .section {font-size: 14px;}
    #section5 .bg_area .first {padding: 0px 30px;}
    #section5 .bg_area .first:before {width: 20px; background-size:20px auto}
    #section5 .bg_area .first:after {width: 20px; background-size:20px auto}
    #wrap {transition: all 0.3s 0s ease-in-out; padding-top:98px;}
	#header .tab_btns_wrap {display: none;}
	
	#header h1 a img {height:44px;}
	
	#header .slide_menu_wrap .top_menu {display: block; height: auto; border: none; padding-top: 10px;}
	#header .top_btns > li .m_topbtn {font-size: 13px;}
	
	#header .top_btns {padding-top: 0px;}
	.top_menu .inner > ul.top_btns > li > a {font-size: 13px; padding-left: 20px; background-size: auto 17px !important;}
	
	
	#header .slide_menu_wrap .tab_btns_wrap{display:block;}
	#header .slide_menu_wrap .tab_btns_wrap .top_btns {display:block; padding-right:0px;}
	#header .slide_menu_wrap .top_btns > li.bt {padding-right:0px;}
	#header .slide_menu_wrap .top_menu .inner .top_btns_sns {display: block;}
	#header .slide_menu_wrap .top_menu .inner .top_btns_sns > li {width: 33.333%; box-sizing: border-box; text-align: center;}
    .slide_menu_inner .top_btns > li a {font-size: 12px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
	

	.top_menu {height: 37px;}
	.top_menu .inner .top_btns_sns  {display: none;}
	.top_menu .inner > ul.top_btns > li {margin: 0px 0px 0px 10px;}
	.in_header {height: 60px;}
	
	.main_visual .v_frame .visual_txt {font-size: 16px;}
 	.main_visual .v_frame .visual_txt .big {font-size: 31px;}
	.main_visual .v_frame .cell {height:300px;}
	
	.main_visual .v_bt {line-height: 30px; width: 30px; height: 30px;}
	.main_visual .v_bt > a {padding: 7px;}
	.main_visual #visual_counter {line-height: 30px; min-width:60px;}
	.main_visual #visual_counter {font-size:15px;}
	.main_visual #visual_counter > span {font-size: 26px; line-height: 30px;}
	.main_visual .v_frame .visual_txt {margin-top: -10px;}
	.main_visual .stop a {width: 28px; height: 28px;}
	.main_visual .bxslider > li .bg_img {width: 1400px; height: 300px;	}
	.new_publicationW .v_bt {top: 5px;}
	.new_publication .frame > a .overarea .txt_t {font-size: 12px; padding: 3px 10px;}
	.visual_counter_wrap {bottom: 10px; text-align: center}

	.new_gallery > li > a .overarea .txt_t {font-size: 15px; line-height: 20px;	max-height: 40px;	}
	/* .roll_banner > li .overarea .txt_t {font-size: 15px; line-height: 20px;	max-height: 40px;	} */
	.roll_banner > li .overarea .txt_t {font-size: 15px; line-height: 20px;	max-height: 60px;	}
	.main_cor_banner > li > a {font-size: 13px; min-height: 160px;}
    
	.report_top .report_wrap .txt_t {font-size: 15px; line-height: 20px; min-height: 40px; height: 40px;}
	.report_top .report_wrap .info > li {min-height: auto; padding-left:0px; font-size:13px;}
	.report_top .report_wrap .info > li .pa {position: relative; left:auto; top: auto; display: block;}

	
	.new_publication .frame > a .overarea .txt_s {font-size: 14px; line-height: 20px; height: 40px;}
   
    .main_quick > li > a .ico img {width:80px;}
	.main_quick > li {width: 33.33333%;}
	
	.m_board_wrap .m_board_cell .mbc {min-height: auto;}
	
	
	.m_board_wrap .m_board_cell .m_tit a {font-size: 15px; width: 95px; height: 44px; line-height: 44px;}
	.m_board_wrap .m_board_cell #m_tit2 {left: 100px}
	.m_board_wrap .m_board_cell #m_tit3 {left: 200px;}
	.m_board .more a {font-size: 0px;}
	.m_board_wrap .m_board_cell .more {top: 0px;}
	.m_board_wrap .m_board_cell .m_board {top: 60px;}
	
	.m_board .first_new {padding:5px 0 10px 115px; min-height:80px;}
	.m_board .first_new .day {width: 100px; height: 66px; font-size:14px; padding:7px;}
	.m_board .first_new .day > span {height: 52px;}
	.m_board .first_new .day strong {font-size: 21px; padding-top:4px;}
	.m_board .first_new a .tit {font-size: 18px; line-height: 24px; height: 48px}
	
	.m_board .news_list ul li {font-size: 14px;}
    
    .content_db #pronext3 {margin-right: 5px;}
    .content_db .bx-wrapper .bx-controls-auto {width:35px;}
    .content_db #proprev3 {margin-right:65px;}
    .db_slide .box > a .pic {width: 85px; height: 85px;}
    .db_slide .box > a .txt_t {padding-top: 0px;}
    .content_db {min-height: auto;}
    
    .db_slide .box > a {padding-left:100px; min-height:95px;}

	.m_tit {font-size:20px; padding:30px 0px 20px 0px;}
	.m_tit_txt {font-size: 16px;}

	.section {padding: 30px 0px; font-size: 14px;}
   
    
    #footer .go_top {display: none;}
    #footerW {margin-top: 20px;}
    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    #footer .addressW address span {padding: 2px 5px;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 5px}
    
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    
   
    #sub_tit {font-size:28px;}
    .sub_visual .sub_txt .date {font-size: 20px;}
    .sub_visual .sub_txt .place {font-size: 20px;}
    .sub_visual .sub_txt {height:120px; padding-left: 10px; padding-right: 10px;}
	.sub_visual .sub_txt .txt1 {display: none;}
    
   /* #lnb_wrap {background:#004c28;  height: auto;}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; padding-right: 0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px; border: none;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
	.lnbs2 > ul > li > a {border-color:#d4d4d4 !important;}
*/
	#lnb_wrap .ico_home {display: none;}
	#lnb_wrap .lnb {padding-left: 0px;}
	a.lnb_tit {background-size: auto 8px !important}
	#lnb_tit {padding-left:10px; font-size: 13px;}
	#lnb_tit2 {padding-left: 10px; font-size: 13px;}
	#lnb_tit3 {padding-left: 10px; font-size: 13px;}
	.lnb ul li a {padding-left:10px; padding-right: 10px;}
	.lnb .four_depth li a {padding-left: 25px;}
	.lnb .four_depth li a:before {left: 15px;}
	
	
    .ico_box > li {width: 50%;}
    .ico_box > li .ico img {max-width:70px;}

   
    
     .map_wrap {height:300px;}
    .map_wrap .wrap_map {height:300px !important;}
	.map_txt > ul > li {padding: 0px;}
    .map_txt li > p {font-size: 14px; min-height: auto; padding:10px 0px 10px 36px;}
    .map_txt li .ico {top:5px; width: 30px;}
    .map_txt li .ico img {width: 30px;}
	.map_txt > ul > li > div {padding-left: 40px;}
    .map_txt li {padding-left: 10px; padding-right: 10px;}
	
	.map_info > dl {flex-basis: 100%}
	
	
	
    .ico_note {padding-left:18px; background-size:13px auto; }

    .ico_note {padding-left:18px; background-size:13px auto; }
	.ico_note:before {width: 14px; height: 14px; top:4px;}
	.ico_note:after {width: 14px; height: 14px; top: 4px; font-size:11px; line-height: 13px;}


	
	.btn-tc > a {margin:5px 0px; display: block; width: auto !important}
	.subject {padding-left:10px;}

    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

    .s_tit {padding: 0px 0px 10px 13px; font-size: 20px; background-position:left 5px; background-size:20px auto; }
	.s_tit_txt {font-size:18px; margin-top: 0px; padding-left: 28px;}
	.s_tit:before {width: 5px; height: 16px;}
	
	.num_tit {font-size:18px; padding:3px 0px 20px 37px; margin-top:30px;}
	.num_tit .num {width:30px; height:30px; line-height: 30px; font-size:16px; }


    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 18px; margin-top:25px; padding-left:13px}
    .ss_tit:before {width:4px; height:16px; top:5px;}
	.sss_tit {font-size:19px; margin-top:25px;}

    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:13px;}
	.b_txt {font-size: 15px;}
	#inner_wrap {padding-bottom:20px;}
    #inner_wrap.no_visual {padding-top: 30px;}

  
    
    .sub_visual .sub_txt .cell .sub_tit_s {font-size: 20px; padding-bottom: 20px;}
    .sub_con {font-size:13px; }
    .pop_wrap .pop_body {font-size: 13px;}
    .radio_group > li {font-size: 13px;}
    .layerPop {font-size:0.95em; }
    .title_bar {padding:15px 0px 10px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:22px; }

    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}

	
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}    

    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
	.atab li a {font-size: 1em; height: 50px; line-height: 140%;}
    
	.atab.ico_tab li a {height:80px; line-height:130%; font-size: 0.95em;}
	.atab.ico_tab li a .ico {max-height:35px; max-width:35px;}
    
	
    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    
	
	
    
    .find_box {padding: 0px 0px 10px 0px;}
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  
    .print_bt {display: none !important}
    .gray_box {padding:5px;}
    .complete_box {padding: 10px;}
    
    .main_content {padding:0px 0px 10px 0px;}
    .good_bt {padding:10px 0px;}
    .good_bt button {padding:3px 0px 3px 30px; background-size:24px auto !important; font-size: 14px; background-position: left center !important}
    .down_file > span {background-size:11px auto; padding-left: 16px; }
    

    
    
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size: 12px;}
    
    .tit_ico {height:19px; line-height:18px;}
    
	
    .board_w > ul {padding: 10px 15px;}

    

    .btab li a {font-size:14px;}
    .point_box {padding: 10px;}
    
    .step_gudie > li .box {height: 140px;}
    .guide_name {padding:10px;}

    .data_table > li .txt_t {width: 100px;}
    
	
    .bul_list {padding-left: 57px !important}
    .bul_list .txt_t {line-height:20px; font-size: 13px; padding: 0px 5px; min-width: 50px;}
    
    .b_check_box {padding: 10px;}
    #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;}
	


    
    
	.num_list > li .num {width: 30px; height: 30px; line-height: 30px;}
	.num_list > li {padding: 4px 0px 9px 41px;}


    
	.gray_wrap {margin-top: 30px; padding-top:10px; padding-bottom: 30px;}

    
	.first_txt {font-size: 1.4em; padding-bottom:25px;}
	.first_txt .br {display: none;}
	

    
	.line_bg {padding-bottom:20px; background-size:auto 10px; }

    .sub_wrap_2 #lnb_wrap .lnb .lnbs {width: 50%;}
    .sub_wrap_6 #lnb_wrap .lnb .lnbs {width: 50%;}
    
    .b_name_wrap .info > li {font-size:13px; line-height:20px;}
    .b_name_wrap .info > li .txt_s {height:20px; min-width: 67px; line-height:18px;}
    .apply_bt > li .bt {height: 30px; line-height: 28px;}
    
    .join_box > ul > li {float: none; width: 100%;}
    
    .select_ds.pr60 {padding-right: 50px !important;}
    
    .first-box {padding:20px 15px 20px 25px;}
    
    .first-box:before {width: 60px; height: 48px; background-size: 100% auto;}
    
    .ico_txt {padding:5px 0px 5px 40px;}
    .ico_txt:before {width:32px; height:32px; background-size:13px auto !important}
    
    .ico_box2 {padding: 15px 10px 15px 60px;}
    .ico_box2 .ico {left: 15px;}
    .ico_box2 .ico img {max-height: 40px; max-width: 30px;}
    .process_wrap > li {padding: 5px;}
    .process_wrap {margin: -5px;}
    
   
	
    .ico_customer > li {background-size:30px auto !important; padding: 4px 0px 4px 35px; min-height: 24px; font-size: 14px;}
    .work_list_wrap > ul.five {margin:-10px;}
    .work_list_wrap > ul.five > li {padding: 10px;}
    .work_list_wrap > ul {margin:-10px -5px;}
    .work_list_wrap > ul > li {padding:10px 5px;}
	.history_box .history_txt:after {width: 26px; height: 26px;}
    .history_box > ul > li > .history_txt {padding-left: 25px !important}
    
	
	.history_box .history_txt ul > li {min-height: auto;}
	.history_box .history_txt:before {width: 6px; height: 6px;}
	.history_box .history_txt .year_s {font-size: 20px; padding-top:4px;}
    .organization_chart {font-size: 9px;}
    .organization_chart .one.start {max-width: 100px; line-height: 100px;}
    .organization_chart .two {padding: 5px 10%;}
    .organization_chart .three_wrap > ul {padding: 0px 2px;}
    
    .atab.map_tab li {width:50%;} 
    
     .search_result .box {padding:15px 0px 0px 15px;}
	.search_list > li:before {top: 5px;}
	
	.report_view_wrap .info {padding-left: 0px;}
	.report_view_wrap .info .list > li {padding-left: 65px;}
	.num_box > dl {padding: 20px;}
	.num_box > dl .mont {top: -10px; font-size: 30px;}
	.num_box > dl dt {font-size: 19px; line-height: 130%; padding:2px 0px 0px 40px}
	.num_box > dl dt .ico img {max-height:30px;}
	
	.law_ul {margin: 0px;}
	.law_ul > li {flex-basis: 100%; margin: -1px 0px 0px 0px;}
	.law_ul > li > a {min-height:46px; height: auto;}
	
	.vision_wrap .box > h3 {font-size:18px;}
	.vision_wrap .box {padding-bottom: 70px; background-size: auto 70px;}
	.vision_wrap .green_box {min-height:90px; font-size: 1.25em;}
	.vision_wrap .green_box br {display: none;}
	.vision_wrap .objective > li {flex-basis: 100%;}
	.vision_wrap .objective > li > dl {min-height:95px; padding: 5%;}
	
	.num_ico_list > li {flex-basis:50%}
	.num_ico_list .box {min-height:170px;}
	.num_ico_list .box .ico {min-height:45px;}
	.num_ico_list .box .ico img {max-height:30px;}
	.ci_color_wrap > ul {margin: 0px -5px;}
	.ci_color_wrap > ul > li {padding: 5px;}
	.ci_color_wrap > ul > li > dl {min-height: 100px;}
	
	.law_ul_bg {padding: 20px 10px;}
	.pr_list {margin: 0px -5px;}
	.pr_list > li {padding: 5px;}
	.pr_list > li .down > span {padding-right: 20px; background-size: auto 12px}
	
	.mail_ico {padding-left:25px; background-size:auto 11px; min-height: 14px;}

	.department_wrap > ul > li {font-size: 13px; padding-left: 30px; background-size:25px auto !important; min-height: 25px; height: auto; margin-left: 10px; }
	
	.db_intro > li {padding: 20px; width: 100%}
	.db_intro > li .arrow {width: 30px; height: 30px; left: 50%; top:100%; margin-left: 0px; margin-top: 5px;}
	.db_intro > li .arrow:After {transform: rotate(135deg); margin-left: 0px; margin-top:-3px;}
	.db_intro > li:nth-child(2) .arrow {display: flex;}
	.db_intro > li img {max-width:10vw}
	.db_intro .step {width: 70px; height: 30px; font-size: 11px;}
	.db_mnu_info > div {padding: 5px;}
	.db_mnu_info .info > ol > li .num {width: 24px; height: 24px; min-width: 24px;}
	
	.keyword_wrap {padding: 10px;}
	.keyword_wrap .box {padding: 10px;}
	.search_condition .keyword_box {margin-top: 20px;}
	.search_condition .date_bt > li > button {height: 40px;}
	.date_number .date_picker {height: 40px;}
	.search_condition .chk_list_box {margin-top: 20px;}
	.search_condition .ez-checkbox {width: 22px; height: 22px;}
	
	.word_cloud .frequency select {font-size: 14px;}
	.word_cloud .word_down {right: 30px;}
	.chart_wrap, .word_data {height: 290px;}
	.key_list {max-height:220px;}

	.essential:after {font-size:17px !important}
	
	.keyword_trend .txt_a {font-size:1.3em}
	.keyword_trend {padding:20px;}
	.keyword_trend > ul {gap:10px;}
	.keyword_trend > ul > li {font-size:12px;}
}





/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}

    .bt_application a {padding: 0px 18px;}
    .bt_application a span {text-align: center;}
    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}

}