@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
#navigation {display: none;}
body.fixe {overflow-x: hidden; overflow-y: scroll; 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:10px; top:47px; z-index: 99}
.search_btn button {outline: none;}
.web_img {display: block;}
.mobile_img {display: none;}
.main_wrap {color: #435057; font-size: 16px;  /**padding-top:316px !important; /**메인배너없을때padding-top: 396px !important;*/}
.main_wrap a {color: #435057;}
.main_wrap img {max-width: 100%;}
.main_wrap .main_ban{display:none;}
.main_wrap .main_ban02{display:none;}
.sub_wrap .main_ban{display:none;}

/* wrap */
#wrap {width:100%; padding-top:217px; overflow:hidden; margin:0 auto;}
#inner_wrap {margin:0 auto; position:relative; padding-bottom:80px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

/**메인 상단 배너 추가 시작**/
#iribbon-container{border-bottom:none !important;}
.sub_wrap .top_ban_only{display:none;}
/**메인 상단 배너 추가 끝**/

/* header */
#header {width:100%; position: fixed; left: 0px; top: 0px; z-index:9999; background: #fff; border-bottom: 1px solid #DCEFE8;}

#header h1 {position: absolute; left: 0px; top:50%; z-index:9; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#header h1 a {display:inline-block; }
#header .logo2 {position: absolute; right: 0px; top:50%; z-index:9; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.header_top {background: #f6f9f8; position: relative; z-index: 99; font-weight:300; font-size: 16px;}
.header_top .h_txt {float: left; line-height: 45px; color: #fff;}
.top_menu {display: flex; flex-wrap: wrap; height: 50px; align-items: center; justify-content: flex-end; position: relative;}
.top_menu .ico01 {margin-right: auto;}

.top_menu .over {text-align: left; background: #DCEFE8; position: absolute; padding: 10px 0px; left: 0px; top: 100%; width: 100%; display: none; box-sizing: border-box; border:1px solid #DCEFE8; margin-top: -1px;}
.top_menu .over li {padding:5px 0px 5px 23px; font-size:13px; font-weight: 400;}
.top_menu .over li a { color: #153738;}
.top_menu .over li a:hover {color: #15b892;}
.top_menu > li.ico01 {position: relative}
.top_menu > li.ico01 > a {position: relative; z-index: 9; display: flex; height: 32px; border:1px solid #b6e2e3; border-radius:30px; align-items: center; font-size: 14px; color: #333333; padding: 0px 15px; font-weight: 500;}
.top_menu > li.ico01 > a > span {position: relative; padding-right: 20px;}
.top_menu > li.ico01 > a > span:after {display: block; content: ""; border-right:1px solid #01b08a; border-bottom: 1px solid #01b08a; width:6px; height:6px; transform: rotate(45deg); position: absolute; right: 0px; top: 5px;}
.top_menu > li.ico02 > a {font-size: 16px; line-height: 22px; color: #333333; font-weight:500; padding-left: 22px; background: url(../img/common/ico_lang.png) no-repeat left center; display: block}
.top_menu > li.ico03 {font-size: 14px; color: #333333; line-height: 22px; font-weight: 400; display: flex; margin-left: 30px; align-items: center}
.top_menu > li.ico03 a {display: block; padding: 0px 2px;}
.top_menu > li.ico03 a:nth-child(2) {border-left:1px solid #ccc;}

.q_menu {display: flex; position: absolute; right: 0px; top: 50%;  transform: translateY(-50%)}
.q_menu > li:first-child {margin-right: 10px;}
.q_menu > li:first-child > a {background:#41c092; border-color:#41c092; }
.q_menu > li:first-child > a:hover {background:#5ed4a9; border-color:#5ed4a9; }
.q_menu > li > a {display: flex; height: 46px; width: 100px; border: 1px solid #336666; color: #336666; font-size:15px; line-height: 1.3em; background: #fff; align-items: center; justify-content: center; font-weight: 400; border-radius:60px; }
.q_menu > li > a:hover {border-color:#41c092}



.in_header {max-width:1200px; height:130px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9}

.header_tit {text-align: center; color: #153738; padding-top: 20px; font-weight: 100%; font-size: 24px; line-height: 130%;}
.header_tit > strong {display: block; line-height: 140%; font-size:36px; font-weight:600;}


/* GNB */
.w_gnb {padding:32px 200px 0px 200px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {margin: 0 auto;}
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; padding: 0px 4.7%; position:relative;}
.w_gnb .gnb > ul > li > a {display:block; color:#153738;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:18px; line-height:65px; height:65px; transition: all 0.2s 0s ease-in-out; font-weight:400; box-sizing: border-box; letter-spacing: -1px;}
.w_gnb .gnb > ul > li:hover > a {color:#15b892;}
.w_gnb .gnb > ul > li.on > a {color:#15b892;}
.w_gnb .gnb > ul > li:hover > a:after {display: block; content: ""; width: 8px; height:8px; border-left: 1px solid #3d4226; border-top: 1px solid #3d4226; background: #DCEFE8; position: absolute; left: 50%; top:100%; margin: -4px 0px 0px -4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:99}


.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); min-width:100%; width:190px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:0px 0px; border:1px solid #3d4226; background: #DCEFE8; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:3px 3px 3px 3px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; font-weight:500; color:#153738; padding:3px 0px; line-height:20px;}
.w_gnb .sub_menu > li > a:hover {color:#15b892; text-decoration : underline;}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}


.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; }
.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: #313747; }
.slide_menu_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_inner .top_menu {text-align: center; overflow: hidden; margin: -10px 0px 20px 0px;}
.slide_menu_inner .top_menu > li {float: left; padding: 0px 2px; width: 20%; box-sizing: border-box;}
.slide_menu_inner .top_menu > li > a {display: block; width: 100%; max-width: 34px; margin: 0 auto; min-height: 34px;}

.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 .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 #494f5d; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; background: #f2f2f2; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat 93% center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center; } 
.slide_menu_wrap .gnb .sub_menu {background:#3d4354; border-top:1px solid #494f5d; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#1d212b; 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;}




/* visual */
.main_visual {width: 100%; position: relative;}
.main_visual .bxslider > li {background-size:cover !important;}
.main_visual .v_frame {max-width: 1200px; display: flex; align-items: flex-end; height: 752px; margin: 0 auto; position: relative;}
.main_visual .v_frame .v_txt {text-align: left; color: #fff; font-size:39px; line-height: 130%; font-weight:600; padding:0px 20px 120px 20px;}
.main_visual .v_frame .v_txt .small {font-weight: 600; font-size:32px; display: block; line-height: 140%; padding-top:20px;}
.main_visual .v_frame .v_txt .btn {overflow: auto; padding-top: 30px; max-width:512px; margin: 0 auto;}
.main_visual .v_frame .v_txt .btn > li {float: left; width: 50%; box-sizing: border-box; padding: 2px 4px;}
.main_visual .v_frame .v_txt .btn > li > a {display: block; text-align: center; border: 1px solid #fff; line-height:48px;}
.main_visual .v_frame .v_txt .btn > li > a > span {display:inline-block; padding-right:30px; line-height:48px; color: #fff; font-size:18px; vertical-align: top; }
.main_visual .v_frame .v_txt .btn > li > a > span.ico01 {background: url(../img/main/t_arrow.png) no-repeat right center;}
.main_visual .v_frame .v_txt .btn > li > a > span.ico02 {background: url(../img/common/ico_down.png) no-repeat right center;}
.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:40px; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); max-width: 1200px; box-sizing: border-box; z-index:100;}
.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-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; border:1px solid #fff; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; margin:0 4px; background:none; border:none; -moz-border-radius:0px;  -webkit-border-radius:0px; border-radius:0px; background: #fff; opacity:0.5;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff; width:57px; opacity: 1;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}
.main_visual .mark {z-index:999; position: absolute; width: 100%; max-width:1200px; box-sizing: border-box; left: 50%; top:0%; text-align:right; transform: translateX(-50%); -wbkit-transform: translateX(-50%); display: none;}


.visual_banner_wrap {position: absolute; display: flex; align-items: center; width: 100%; max-width:1200px; height: 100%; left: 50%; top:0px; z-index: 99; transform: translateX(-50%);}
.visual_banner {width: 100%; margin-left: auto; max-width: 462px; height: 659px; background: #004040; box-sizing: border-box; padding:40px; display: flex; flex-direction: column;  justify-content: center;}
.visual_banner .txt_t {color: #fff; font-size:26px; font-weight:500; line-height: 1.3em;}
.visual_banner .date {padding-top:60px;}
.visual_banner .date dt {display: flex; align-items: center; font-size:18px; color: #bbe4b9; font-weight: 400;}
.visual_banner .date dt img {margin-right: 10px;}
.visual_banner .date .txt {color: #fff; font-size: 23px; line-height: 1.3em; font-weight: 500; padding:20px 0px 50px 0px;}
.visual_banner .date .bt .q_menu {position: relative; right: auto; top: auto; margin: -10px; transform: none;}
.visual_banner .date .bt .q_menu > li {width: 50%; margin: 0px; box-sizing: border-box; padding: 10px;}
.visual_banner .date .bt .q_menu > li a {width: 100%; height: 55px; font-size:18px;}
.visual_banner .date .bt .q_menu > li:nth-child(1) a {color: #004040;}
.visual_banner .date .bt .q_menu > li:nth-child(2) a {background: none; color: #41c092; border-color:#41c092;}
.visual_banner .icons {display: flex; justify-content: space-between; margin: -10px; padding-top: 60px;}
.visual_banner .icons > li {width: 33.333%; max-width: 131px; box-sizing: border-box; padding: 10px;}
.visual_banner .icons > li a {display: block; text-align: center; color: #41c092; font-size: 16px;}
.visual_banner .icons > li a .ico {display: block; position:relative; border: 1px solid #41c092; margin-bottom: 10px; padding-bottom: 100%; border-radius:100%;}
.visual_banner .icons > li a .ico img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

.main_cphi_bg {height:180px; background: url(../img/main/cphi_bg.jpg) no-repeat center top;}


.main_quickW {background: #efefef; padding:30px 0px;}
.main_quick {max-width: 1200px; overflow: hidden; margin: 0 auto;}
.main_quick > li {float: left; width:20%; box-sizing: border-box; padding:0px 3.5%; position: relative; text-align: center;}
.main_quick > li > a {display: block; color: #000000; position: relative;}
.main_quick > li > a .txt_t {display: block; padding-top: 10px; font-weight:300; word-break:keep-all; font-size: 1.15em;}


.ico_circle {border-radius: 100%; display: inline-block; overflow: hidden; position: relative; padding:0px; background: #fff; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.ico_circle img {max-width: 100%;}
.ico_circle img.over {display: none;}

.hover:hover .ico_circle {background: #B8E0D1; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;}
.hover:hover .ico_circle img {display: none;}
.hover:hover .ico_circle img.over {display:block;}

@media (hover: none) {
    .hover:hover .ico_circle {background: #fff;}
    .main_banner_wrap .bt > li > a:hover {background: #fff; }
}


/* section */
.section {padding:60px 0px 60px 0px; position: relative;  z-index: 99 }
.section .more {position: absolute; right:0px; top:0px;}
.section .more a {display:block; background: #fff; padding-left: 34px; background: url(../img/main/more.gif) no-repeat left center; font-size: 14px; color: #333;}
.section .inner {position: relative;}

.m_tit {line-height: 150%; margin-bottom:15px; color: #153738; position: relative; font-size:32px; font-weight: 700;}
.m_tit_s {text-align: center; font-size: 18px; display: block; color: #666666; font-size:18px; line-height: 150%; font-weight: 100; padding:0px 0px 40px 0px; margin-top: -5px;}


.main_business {display:flex; gap:10px}
.main_business > li {width:25%; box-sizing: border-box;  background: #153738; }
.main_business > li .pic {text-align: center; position: relative; z-index: 2}
.main_business > li .pic > img {width:100%}
.main_business > li .txt {padding:90px 20px 20px 20px; box-sizing: border-box; transition: all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out; font-size: 1.15em; word-break: keep-all; color: #fff; position: relative;}
.main_business > li .box {height:100%}
/*.main_business > li .box:hover .txt {background:#B8E0D1; color: #fff; transition:all 0.2s 0s ease-in-out; -webkit-transition: all 0.2s 0s ease-in-out;  border-color:#B8E0D1;}*/

.main_business > li .box .ico {position: absolute; left: 20px; top:72%;}
.main_business > li .box .ico img {max-width:11vw}
.main_business > li .box .txt h4 {color: #fff; font-size:1.25em; font-weight:500; line-height: 140%; padding-bottom: 20px;}
.main_business > li .box .bul02 li {color: #b5e2e3}
.main_business > li .box .bul02 li a {color: #b5e2e3}
.main_business > li .box .bul02 li:before {background:#b5e2e3}
.main_business > li .box .bt {position: relative; z-index: 9; display: flex; justify-content: center; height:42px; background: #41c092; border-radius:30px; align-items: center; font-size:16px; color: #153738; padding: 0px 15px; font-weight: 500; max-width: 180px; margin: 20px 0px 0px 0px;}
.main_business > li .box .bt:after {display: block; content: ""; border-right:1px solid #153738; border-bottom: 1px solid #153738; width:7px; height:7px; margin-left: 10px; transform: rotate(-45deg); }

.main_business.three > li {width:33.3333%}
.main_business > li .box .ico2 {top:5px}
/*
.main_business > li .box:hover .bul02 li:before {background: #fff;}
.main_business > li .box:hover a {color:#fff;}
*/

/*#section2 {background: url(../img/main/section2_bg.jpg) no-repeat center top; color: #fff; position: relative; background-size:cover}*/
#section2 {background-color: #153738; color: #fff; position: relative; background-size:cover}
#section2 .m_tit {color: #fff !important; font-size: 43px}

.m_graph {overflow: hidden; margin: -10px; padding-top: 30px;}
.m_graph > li {float: left; text-align: center; width: 50%; box-sizing: border-box; padding: 10px;}
.m_graph > li > strong {display: block; font-size:26px; padding-bottom:40px;}

.m_proW{overflow:hidden;}
.m_proW .tit_left{width:30%; float:left; box-sizing:border-box; text-align:left; color:#fff !important;}
.m_proW .m_program{width:70%; float:left; box-sizing:border-box; padding-left:40px; color:#fff;}
.m_proW .m_program > li{margin-bottom:20px; font-size:1.125em; color: #b5e2e3; padding-left:70px; position:relative; line-height:150%;}
.m_proW .m_program > li:last-child{margin-bottom:0px;} 
.m_proW .m_program > li .pro_ico{display:block; position:absolute; left:0px; top:4px;}
.m_proW .m_program > li > strong{display:block; font-size:1.44em; font-weight:500; line-height:160%; padding-bottom: 5px; color: #fff;}

.gp_txt{color:#899162; font-size:1.8em; line-height:150%; font-weight:700;}

#section5 {display: none;}

.board_wrap:after {display: block; content: ""; clear: both;}
.board_wrap h4 {font-size:2em; font-weight:700; line-height: 140%; color: #153738; padding-bottom:20px;}
.board_wrap .board_l {float: left; width: 50%; max-width:570px; box-sizing: border-box; padding-right:20px; position: relative;}
.board_wrap .board_r {float: right; width: 50%; max-width:570px; box-sizing: border-box; padding-left:20px; position: relative;}
.board_wrap .movie iframe {width:100% !important; height:330px !important}

.m_board .news_list .box:hover {border-color:#fff}
.m_board .news_list .box:hover > a {border-color:#153738}
.m_board .news_list .box {border: 1px solid #fff;}
.m_board .news_list .box > a {border: 1px solid #153738; display: block; font-size:15px; color: #b5e2e3; line-height: 140%; min-height:330px; box-sizing: border-box; padding: 30px 20px; background: #153738}
.m_board .news_list .box > a .tit {display:inline-block; font-size:18px; height:52px; line-height:26px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size:18px; color: #fff; padding-top: 5px;}

.m_board .news_list .box > a .ico {display: inline-block; vertical-align: top; line-height:23px; height: 23px; background: #fff; border:1px solid #8e9568; color: #8e9568; font-size:14px; margin-bottom: 5px; margin-left: 3px; font-weight: 100; text-align: center; min-width:54px;}
.m_board .news_list .box > a .ico:first-child {margin-left: 0px;}
.m_board .news_list .box > a .ico_new {color: #49b7b4; border-color:#49b7b4}
.m_board .news_list .box > a .txt_s {display:block; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height: 20px; height:60px; color: #b5e2e3;}
.m_board .news_list .box > a .line {display: block; width:50px; height:2px; background: #41c092; margin: 30px 0px;}

.m_board .news_list .box > a .date {display: block; padding-top: 30px;}
.m_board .news_list .box > a:after {display: block; content: ""; width: 29px; height: 6px; background: url(../img/main/board_arrow.png) no-repeat left top; position: absolute; right:20px; bottom: 20px;}
.m_board .bx-wrapper .bx-pager {top:100%; margin-bottom: 5px; text-align: right; z-index: 999}
.m_board .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius: 14px; font-size: 0px;}

.main_wrap_new .m_board .news_list > ul > li {margin-top:15px;}
.main_wrap_new .m_board .news_list > ul > li:first-child {margin-top:0px;}
.main_wrap_new .m_board .news_list .box > a {border: none; position:relative; display: block; line-height: 140%; min-height:98px; padding: 33px 20px 30px 100px;}
.main_wrap_new .m_board .news_list .box > a .tit { display:block; height:auto; padding:0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.main_wrap_new .m_board .news_list .box > a .date {display:block; padding:0px; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:85px; text-align:center;}
.main_wrap_new .m_board .news_list .box > a .date > strong {display:block; line-height:100%; font-size:43px; font-weight:600; color:#333333}
.main_wrap_new .m_board .news_list .box > a:after {display:none;}
.main_wrap_new .movie_wrap {padding-bottom:56.31%; position:relative;}
.main_wrap_new .movie_wrap iframe {width:100%; height:100%; position:absolute; left:0px; top:0px;}

.main_wrap_new .board_wrap .board_l {max-width:586px; padding-right:10px;}
.main_wrap_new .board_wrap .board_r {max-width:586px; padding-left:0px;}

.main_bannerW {position: relative; padding: 20px 0px;}
.main_bannerW .bx-wrapper .bx-pager {bottom:-40px;}
.main_bannerW .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; border-radius:100%; background: #c4c8b0; margin:0 4px;}

.main_bannerW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #899162; width:31px; border-radius:30px; opacity: 1;}

.main_bannerW .v_bt {position: absolute; top: 50%; margin-top: -25px; display: block; }
.main_bannerW #g_prev {left: 0px; margin-left:-80px;}
.main_bannerW #g_next {right: 0px; margin-right:-80px;}
.main_banner > li > a {display: block; font-size: 18px; border: 1px solid #ccc; position: relative; margin: 0px 10px;}
.main_banner > li > a .type {display: block; position: absolute; left:-1px; top:-1px; width:113px; line-height: 50px; color: #fff; text-align: center;}
.main_banner > li > a .type1 {background: #899162}
.main_banner > li > a .type2 {background: #f39f4a}
.main_banner > li > a .type3 {background: #00abcd}
.main_banner > li > a .pic {display: block; border-bottom: 1px solid #ccc; padding-bottom: 61.55844%; position: relative}
.main_banner > li > a .pic img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main_banner > li > a .txt_t {display: block; padding: 20px 20px 0px 20px; font-size:1.2em; line-height: 140%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-weight:600; color: #000;}
.main_banner > li > a .txt_t:after {display: block; content: ""; width:40px; background: #899162; height: 2px; margin:14px 0px;}
.main_banner > li > a .txt_s {display: block; padding: 0px 20px 0px 20px; margin-bottom: 20px; color: #333333; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-height: 28px; height:196px;}

.more_list {padding-top:20px; text-align: right;}
.more_list > a {display:inline-block; text-align: center; width: 100%; max-width:250px; border: 1px solid #000; box-sizing: border-box;}
.more_list > a > span {display:inline-block; padding-right:20px; color: #333; font-size: 18px; background: url(../img/main/arrow5.png) no-repeat right center; line-height:48px;}










.conduct_box img {max-width: 100%; max-height:73px;}
.conduct_box {border: 1px solid #e5e5e5; padding:15px 10px 15px 100px; overflow: hidden; position: relative;}
 
.conduct_box > h3 {font-size:26px; color: #000000; line-height: 140%; position: absolute; left: 0px; top:32px; text-align: center; width:100px; font-weight:600;}
.conduct_box > ul {font-size: 0px; text-align:center;}
.conduct_box > ul > li {display: inline-block; min-width: 13%; text-align: center;}


.conduct_box2 {overflow: hidden; position: relative;}
 
.conduct_box2 > ul {font-size: 0px; text-align:center;}
.conduct_box2 > ul > li {display: inline-block; text-align: center; width:20%; padding:5px;}

.conductW{max-width: 100%; text-align:center;}
.conduct_box3 img {max-width: 100%;  max-height:73px;}
.conduct_box3 {display:inline-block;  padding:15px 10px 15px 168px; overflow: hidden; position: relative;}
.conduct_box3:first-child{margin-right:30px;}
 
.conduct_box3 > h3 {font-size:26px; color: #000000; line-height: 140%; position: absolute; left: 0px; top:15px; text-align: center; font-weight:600;}
.conduct_box3 > ul {font-size: 0px; text-align:center;}
.conduct_box3 > ul > li {display: inline-block; min-width: 13%; text-align: center;}

.sb_tit {font-size:26px; color: #000000; padding-top: 40px; text-align: center; line-height: 140%; font-weight: 600;}
.slide_banner {padding:30px 70px; max-width: 1200px; position: relative; box-sizing: border-box; margin:0px auto 0px; }
.slide_banner .bx_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.slide_banner .bx_bt > a {display: block; height: 16px; background: #f0f1f5; padding:27px;}
.slide_banner .slick-next {position: absolute; left:-70px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  background:url(../img/main/slide_l.gif) no-repeat center center;}
.slide_banner .slick-prev{position: absolute; right: -70px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background:url(../img/main/slide_r.gif) no-repeat center center;}
.slide_banner .slick-arrow {position: absolute; top: 50%; font-size:0px; transform: translateY(-50%); height: 16px; background-color: #f0f1f5; padding:27px; -webkit-transform: translateY(-50%);}

.slide_banner .slick-slide > div {padding:0px 20px;}

.slide_banner02 {padding:30px 70px; max-width: 1200px; position: relative; box-sizing: border-box; margin:0px auto 0px; }
.slide_banner02 .bx_bt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.slide_banner02 .bx_bt > a {display: block; height: 16px; background: #f0f1f5; padding:27px;}
.slide_banner02 .slick-next {position: absolute; left:-70px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  background:url(../img/main/slide_l.gif) no-repeat center center;}
.slide_banner02 .slick-prev{position: absolute; right: -70px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background:url(../img/main/slide_r.gif) no-repeat center center;}
.slide_banner02 .slick-arrow {position: absolute; top: 50%; font-size:0px; transform: translateY(-50%); height: 16px; background-color: #f0f1f5; padding:27px; -webkit-transform: translateY(-50%);}
.slide_banner02 .slick-slide img {max-width:170px;}
.slide_banner02 .slick-slide > div {padding:0px 20px;}
#section4 {/*padding-bottom:225px; background: url(../img/main/wave.png) no-repeat center bottom; */}


.common_quickW {position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 999; transition: all .5s .6s ease-in-out; -webkit-transition: all .5s .6s ease-in-out; z-index: 9999; margin-top:120px;}
.common_quick > li {box-sizing: border-box; padding:10px 0px; position: relative; text-align: center;}
.common_quick > li > a {display: block; color: #000000; position: relative;}
.common_quick > li > a .ico_circle {box-shadow: 0px 8px 9px 1px rgb(84 84 84 / 20%)}
.common_quick > li > a .txt_t {display: block; font-weight: 400; color: #222222; padding-top: 5px; font-weight:400; word-break:keep-all; font-size:15px; text-shadow:1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff;}



/* footer */
#footerW {clear:both; position: relative; width:100%; background:#39404f; border-top:2px solid #fff; }

#footer_navi {padding: 0px 10px;}
#footer_navi > ul {max-width: 1200px; margin: 0 auto; position:relative; border-bottom: 1px solid #6f737c; font-size: 0px; text-align: left; padding:30px 0px 23px 0px;}
#footer_navi > ul li {display: inline-block; padding:0px 17px; position: relative;}
#footer_navi > ul li:before {display: block; content: ""; width: 1px; height:14px; background: #4e5460; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi > ul li:first-child {padding-left:0px; background: none;}
#footer_navi > ul li:first-child:before {display: none}
#footer_navi > ul li a {display:block; font-size:14px; color:#fff; line-height: 20px; font-weight:400; }
#footer_navi .mark {position:absolute; right:0px; top:10px; padding:0px;}
#footer_navi .mark:before {display:none !important;}

#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#adadad}
#footer {position: relative; font-size: 0.9em;}
#footer .f_logo {position:absolute; left:10px; top:30px;}
#footer .addressW {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:30px 80px 35px 0px; /*padding:30px 80px 35px 240px;*/ position: relative;  color:#fff; line-height:21px; font-weight:100;}

#footer .addressW a {color: #d2d3d5}
#footer .addressW address {margin-left: -10px; line-height:140%;}
#footer .addressW address > strong {display: block; font-size: 1.1em; padding-left: 10px; padding-bottom: 5px;}
#footer .addressW address span {display: inline-block; padding:2px 10px;}
#footer .addressW .copy {font-weight: 100; color: #c2c3c8; padding-top:15px;}
#footer .addressW address .ico_tel {background: url(../img/common/ico_tel.png) no-repeat left center; margin-left: 10px; padding-left: 20px;}
#footer .addressW address .ico_fax {background: url(../img/common/ico_fax.png) no-repeat left center; margin-left: 10px; padding-left: 20px;}
#footer .addressW address .ico_mail {background: url(../img/common/ico_mail.png) no-repeat left center; margin-left: 10px; padding-left: 20px;}



#footerW .go_top {position: absolute; right:10px; /*top:30px; margin-bottom:10px;*/ top:28px; }
#footerW .go_top a {display: block; color: #000; background: #252b2b; padding:15px; font-weight: 100;}
#footerW .go_top a > span {display: block; text-align: center; padding-top: 10px; line-height: 140%;}

#footerW .f_sns {position: absolute; text-align: right; font-size: 0px; right: 105px; bottom:42%; margin-bottom: 20px;}
#footerW .f_sns > li {display: inline-block; vertical-align: top; padding: 0px 2px;}



/**#container {padding-bottom: 100px; background: url(../img/common/sub_bg.jpg) no-repeat center bottom}*/
#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}

.sub_wrap .bt_quick {display: none}
.sub_wrap .in_header {max-width:1200px;}
.sub_wrap .main_ban{display:none;}
.sub_wrap .main_ban02{display:none;}
.sub_wrap.se_ban .main_ban02{display:block;}
/**.sub_wrap.sub_wrap_4{padding-top:367px !important;}*/

.sub_visual {height:255px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; vertical-align: middle; height: 100%; box-sizing: border-box; text-align: center; padding-bottom:1%;}
.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/exhibitor/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/visit/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/seminar/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/press_center/sub_visual.jpg) no-repeat center top;}



#sub_tit {font-size:38px; color: #fff; font-weight:600; line-height:140%; padding-bottom:10px;}
#sub_tit:after {display: block; content: ""; width: 1px; height:58px; margin: 0 auto; background: #fff; opacity:0.6; }
#sub_tit .txt_s {font-size:36px; display: inline-block;}
.sub_tit2 {display: block; color: #fff; font-size:25px; line-height: 150%; padding-top:55px; font-weight: 300;}
.sub_tit_s {display: block; color: #fff; letter-spacing: 1px; font-size:26px; line-height:140%; font-weight:500;}
.sub_tit_s .small {font-size:0.8em;}
#m_lnb {display:none;}


/*lnb_wrap*/

#lnb_wrap {position:relative; min-height:75px; z-index:10; max-width: 1200px; margin: 0 auto; margin-top: -35px; background:#E5F7F4; box-sizing:border-box; border-bottom: 1px solid #004040;}
#lnb_wrap .lnb {max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #f1592a;}
.lnbs2 ul {text-align: center; font-size: 0px;}
.lnbs2 ul li {color:#333; display: inline-block; padding: 0px 30px;}

.lnbs2 ul li a {color:#333333; font-size:18px; display:block; line-height:30px; max-height:75px; padding:22px 0px 16px 0px; box-sizing:border-box; }
.lnbs2 ul li.on a {font-weight:400; border-bottom:6px solid #004040; color: #004040; }
#lnb_tit2 {display: none}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}



.title_bar {position: relative; padding:25px 0px 0px 0px; margin-bottom:45px; text-align: center}
.title_bar h2 {display: inline-block; vertical-align:top; font-size:36px; margin-top: 20px; margin-bottom: 20px; color:#333333; font-weight:700; line-height:100%;}

.title_bar .s_txt {font-size:13px; color:#555555}
.title_bar .title_s {font-size:18px; color:#333; font-weight: 300;}

.location {line-height:20px; text-align:center;}
.location span {display:inline-block; zoom:1; *display:inline; line-height: 32px; padding-left:20px; margin-left:13px; background:url(../img/common/location.gif) no-repeat left center; color:#333333; font-size: 14px; font-weight: 300;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#260b2a; font-weight:500;}
.location img {vertical-align:middle; margin-top: -3px;}


.sub_con {min-height:100px; max-width: 1200px; margin: 0 auto; color: #333333; font-size:17px; line-height: 160%; word-break: keep-all;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:24px; color: #333333; line-height: 140%; padding:0px 0px 10px 20px; margin-top:50px; font-weight:700; position: relative;}
.s_tit.s_tit2 {padding-left: 35px;}
.s_tit:before {display: block; content: ""; position: absolute; left: 0px; top:4px; width:8px; height:28px; background:url(../img/common/tit_bul.gif) no-repeat center center; background-size:100% auto; }
.s_tit.s_tit2:before {width:26px; height:26px; background:url(../img/common/tit_bul2.gif) no-repeat center center; background-size:100% auto; }
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:28px; color: #333333; line-height: 140%; padding:0px 0px 15px 0px; position: relative; margin-top:40px; font-weight:700;}
.ss_tit .small {font-size: 0.7em;}

.sss_tit {font-size:18px; color: #333333; line-height: 140%; padding:0px 0px 10px 0px; margin-top:20px; font-weight:500;}
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}
.b_tit {font-size:26px; color: #000; line-height: 140%; padding:0px 0px 20px 0px; margin-top:50px; font-weight:700; position: relative;}
.bb_tit {font-size:22px; color: #000; line-height: 140%; padding:0px 0px 15px 0px; margin-top:50px; font-weight:700; position: relative;}
.b_tit > span {display: inline-block; border-top:1px solid #000;}
.b_txt {font-size: 18px; color: #494949; 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%;}
.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px;}
.click_count {text-align: right; padding: 10px 0px; color: #666666}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:16px; padding: 5px 0px 0px 15px;}
.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 20px;}
.btn-tl {text-align: left; overflow: hidden; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}


.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align: middle; font-size: 20px; color:#ec5133; position:absolute; right:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);line-height: 100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#eb444b; position: absolute; left: 0px; top:50%; font-size: 20px; line-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right:50px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -21px; width:43px; height: 43px;}
.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;}
.date_picker_ff {border: 1px solid #ccc; background: #fff;}
.date_picker_ff .input {border: none; min-height:38px}
.time_wrap {padding-left:140px;}
.time_ch {position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.time_ch > ul {overflow:hidden;}
.time_ch > ul > li {float:left; padding:0px 5px;}


.outline_wrap {position: relative; padding-right:340px; min-height:520px }
.outline_wrap .poster {position: absolute; right: 0px; top: 0px;}
.outline_wrap .poster img {max-width:324px;}
.outline_wrap .poster .bt { text-align: center; padding-top: 10px}
.outline_wrap .poster .bt > a {display:inline-block; border: 1px solid #003D3D; background: #003D3D; color: #fff; padding: 10px 20px; text-align: center; border-radius:50px;}
.outline_wrap .poster .bt > a > span {display: block; padding-left: 30px; background: url(../img/introduce/ico_view.png) no-repeat left center;}
.outline_wrap .poster .bt > a > span.down {background: url(../img/introduce/ico_down.png) no-repeat left center;}
.outline_wrap .table_style1 tbody tr td {height:56px;}
.outline > li {padding:6px 0px 8px 165px; margin-top:5px; position: relative;}
.outline > li:first-child {margin-top:0px;}
.outline > li .txt_t {width:140px; border-radius:30px; background: #34394c; height: 40px; line-height: 40px; color: #fff; font-size: 17px; font-weight: 500; position: absolute; left: 0px; top: 0px; text-align: center;}
.outline_wrap .radio_group img {max-height:45px;}

.outline_wrap2 {padding-right:615px; padding-bottom:40px;}
.poster > ul {overflow: hidden; margin:-5px; width:600px; }
.poster > ul > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;}


.gray_box {background: #E5F7F4}

.last_time {padding: 50px 0px; margin: 0px -10px; overflow: hidden;}
.last_time > li {float: left; border-left:1px solid #ccc;  width: 33.3333%; text-align: center; box-sizing: border-box; padding:25px 10px;}
.last_time > li:first-child {border: none;}
.last_time > li .ico {display: block; }
.last_time > li .txt {display: block; padding-top:20px; font-size:1.4em; line-height:150%;}

.frame_wrap {position: relative;}
.frame_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}

.iframe_wrap {padding-bottom:56.32%; position: relative;}
.iframe_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}

.newsletter_wrap {border:1px solid #dadada; font-size: 0.9em; border-top:2px solid #158D93; margin-top: 30px;}
.newsletter_wrap .hidden_area {background: #efeef3; padding:15px; border-bottom: 1px solid #dadada; background: #efeef3;}
.newsletter_wrap .yak_area {border-bottom: 1px solid #dadada; position: relative; padding: 30px; font-size: 1.1em;}
.newsletter_wrap .yak_area button {display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); outline: none;}

.newsletter_wrap .yak_area button > span {display: block; padding-right:30px; background: url(../img/common/nl_bottom.gif) no-repeat right center;}
.newsletter_wrap .yak_area button.on > span {background: url(../img/common/nl_top.gif) no-repeat right center;}
.newsletter_wrap .bottom {padding: 30px 30px 30px 160px; position: relative;}
.newsletter_wrap .bottom label {position: absolute; left: 30px; top: 30px;}
.newsletter_wrap .bottom .bt_include .input {width: 100%;}

.item_list {padding: 50px 0px 50px 445px; min-height:160px; position: relative;}
.item_list.img {min-height:190px; }
.item_list .tit {position: absolute; left: 0px; top: 50px; width:396px; }
.item_list .tit > h4 {line-height: 140%; font-size:1.3em; position: relative; font-weight: 600; padding-bottom: 20px; padding-right: 125px;}
.item_list .tit > h4:after {display: block; content: ""; width:124px; height: 1px; position: absolute; right: 0px; top:10px; background: #899162}
.item_list .tit > h4 > a {display: inline-block; color: #333; padding-right:25px; background: url(../img/introduce/ico_home.png) no-repeat right 6px;}

.item_list .tit .logo > a {}
.item_list > ul > li {padding-top: 30px;}
.item_list > ul > li:first-child {padding-top:0px;}
.item_list > ul > li .txt_t {display: block; padding-bottom: 10px; font-size: 1.05em}

.line_tit {line-height: 140%; max-width:375px; box-sizing: border-box; font-size:1.3em; position: relative; font-weight: 600; padding-bottom: 20px; padding-right: 140px;}
.line_tit:after {display: block; content: ""; width:134px; height: 1px; position: absolute; right: 0px; top:10px; background: #899162}
.line_tit2 {line-height: 140%; box-sizing: border-box; font-size:1.3em; position: relative; font-weight: 600; padding-bottom: 20px; }
.line_tit2:after {display:inline-block; content: ""; width:134px; height: 1px; vertical-align:top; margin:6px 0px 0px 50px; background: #899162}

.p-mec-slider {margin: 0 auto; max-width:960px; line-height: 100%; padding-bottom: 30px;}
.big_img_area {position: relative;}
.big_img_area .txt_area {text-align: center; padding: 15px; background: url(../img/common/png_50.png) repeat left top; color: #fff; font-size: 1.2em; line-height: 140%; position: absolute; left: 0px; bottom:0px; width: 100%; box-sizing: border-box;}

.small_img_area {padding: 0px 50px; position: relative; margin: 30px 0px;}
.p-mec-slider .slick-arrow, .exhibition_photo-nav .slick-arrow {width:30px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-indent: -999999px; }
.p-mec-slider .slick-prev, .exhibition_photo-nav .slick-prev {background: url(../img/introduce/arrow_l.gif) no-repeat left center !important; left:-50px;}
.p-mec-slider .slick-next, .exhibition_photo-nav .slick-next {background: url(../img/introduce/arrow_r.gif) no-repeat left center !important; right:-50px;}

.small_img_area .slick-slide {padding: 0px 5px; outline: none; cursor: pointer}

.small_img_area .slick-current > div {position: relative;}
.small_img_area .slick-current > div:after {display: block; content: ""; box-sizing: border-box; width: 100%; height: 100%; position: absolute;left: 0px; top: 0px; border: 5px solid #889162;}


.p-mec-ban {padding: 50px 0px; margin: 0px -10px; overflow: hidden;}
.p-mec-ban > li {float: left; border-left:1px solid #d9d9da;  width: 33.3333%; text-align: center; box-sizing: border-box; padding:25px 10px;}
.p-mec-ban > li:first-child {border: none;}


.ico_sale {display: inline-block; border-radius:3px; background:#d2232b; color: #fff; line-height:24px; height: 26px; vertical-align: middle; padding: 0px 4px; font-size: 0.8em;}
.price_line {display: inline-block; padding: 0px 10px 0px 6px; position: relative;}
.price_line:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../img/introduce/arrow.png) no-repeat right center;}

.btn_list {overflow: hidden; margin: -5px;}
.btn_list > li {float: left; width: 33.3333%; box-sizing: border-box; padding:5px;}
.btn_list > li > a {display: block;}
.btn_list.two > li {width:50%;}

.btn_list1 {overflow: hidden; margin: -3px;}
.btn_list1 > li {float: left; width:33.333%; box-sizing: border-box; padding:3px;}
.btn_list1> li > a {display: block;}
.btn_list1> li > a > span {font-size:14px !important;}
.btn_list1.two > li {width:50%;}

.procedure {border: 1px solid #e2e2e2; overflow:hidden;}
.procedure > li {float:left; width:20%; font-size: 0.9em; box-sizing: border-box; text-align: center; color: #000; position: relative;  border-left:1px solid #e2e2e2; padding: 0px 20px;}
.procedure.four > li {width: 25%;}
.procedure.three > li {width:33.3333%;}
.procedure > li .num {display: inline-block; font-size: 1.05em; width:28px; line-height:26px; height:28px; text-align: center; color: #000; background: #fff; border: 1px solid #e2e2e2; position: absolute; left: 0px; top: 0px; border-top:none; border-left:none; }
.procedure > li:first-child {border-left:none}
.procedure > li .txt_t {display: block; font-size: 1.15em; line-height: 140%; padding: 0px 5px;}
.procedure > li .txt_s {display: block; line-height: 140%; padding:10px 5px;}
.procedure > li .ico {display: block; width: 93px; height: 93px; margin: 15px auto; background: #004040; border-radius: 100%;}
.procedure > li:before {display: block; content: ""; width:30px; height: 30px; background: url(../img/exhibitor/arrow.png) center center;  position: absolute; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: -15px;}
.procedure > li:first-child:before {display:none}
.procedure > li > ul {text-align: left; min-height:110px; padding-top: 10px;}
.procedure.three > li {width: 33.333%;}

.num_box {border: 1px solid #153738; background: #DCEFE8; padding: 10px 15px;}
.num_box > ol > li {position: relative; padding:5px 0px 5px 38px;}
.num_box > ol > li .num {position:absolute; left: 0px; top:5px; font-size:21px; color: #153738; font-weight:600; font-style: italic; }
.num_box > ol > li .num:after {display: block; content: ""; width:20px; height:20px; background: #DCEFE8; position: absolute; left: 19px; top:15px; border-top:1px solid #153738; transform: rotate(-40deg);}

.sponsor_wrap {padding:45px 0px;}
.sponsor_wrap > ul {overflow: hidden; margin:-10px; padding-top: 20px;}
.sponsor_wrap > ul > li {float: left; width: 33.3333%; box-sizing: border-box; padding:10px;}
.sponsor_wrap > ul > li .txt {border: 1px solid #ccc; padding:15px 10px; min-height:55px; background: #fff; font-size: 0.95em;}

.sponsor_wrap .ss_tit {margin-top: 0px;}
.sponsor_wrap > ul.four > li {width: 25%;}
.sponsor_wrap > ul.five > li {width: 20%;}
.sponsor_wrap > ul > li .bul01 {font-size: 0.95em; min-height:120px;}

.sponsor_wrap > dl {position: relative; min-height:140px; box-sizing: border-box; padding:20px 0px 20px 200px; margin-top: 30px; }
.sponsor_wrap > dl:first-child {margin-top: 0px;}
.sponsor_wrap > dl .ico {position: absolute; left: 0px; top: 0px; /*border: 1px solid #ccc; border-radius: 100%; background: #fff; padding:39px;*/}
.sponsor_wrap > dl .txt {position:relative; min-height: 60px; padding: 0px 250px 0px 0px;}
.sponsor_wrap > dl .txt .d_bt {position: absolute; right: 0px; bottom:0px; width:100%; max-width: 240px }
.sponsor_wrap > dl .txt .d_bt > a {display: block;}
.sponsor_wrap > dl dt {font-size: 1.15em; line-height: 140%; padding-bottom: 10px;}

.inquiry_wrap {width: 100%; display: table; background: url(../img/exhibitor/05_bg01.jpg) no-repeat center top; background-size:cover}
.inquiry_wrap .sub_con {max-width: 100%; display: table-cell; vertical-align: middle; width: 100%; height:330px; text-align: center; color: #fff;}
.inquiry_wrap .sub_con .txt {font-size: 1.3em; line-height:150%; font-weight: 100;}
.inquiry_wrap .sub_con .bt {padding-top: 20px; text-align: center;}
.inquiry_wrap .sub_con .bt > a {width: 100%; max-width:305px; }
.inquiry_wrap .sub_con .bt > a > span {display: inline-block; background: url(../img/exhibitor/ico_mail.png) no-repeat left center; color: #fff; font-weight: 500; color: #fff; font-size: 1.15em; padding:18px 0px 18px 35px;}


.visit_wrap {position: relative; padding-right:620px; min-height:260px }
.visit_wrap .poster {position: absolute; right: 0px; top: 0px;}
.visit_wrap .table_style1 tbody tr td {height:60px;}

.visit_info {padding: 50px 0px;}
.visit_info .procedure > li {min-height:260px;}
.visit_info .procedure > li .ico {margin-top:15px;}

.graph_two {overflow: hidden; padding: 50px 0px; margin: -20px;}
.graph_two > li {float: left; width: 50%; box-sizing: border-box; padding:20px;}
.graph_two > li img {max-width: 100%;}


.application_bt {overflow: hidden; margin: 0 auto; max-width:980px;}
.application_bt > li {float: left; width: 50%; box-sizing: border-box; padding: 5px; text-align: center}
.application_bt > li > a {display: block; position: relative;}
.application_bt > li > a > span {display:block; width: 100%; position: absolute; left:0%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 1.4em; line-height:160%; font-weight: 500;}
.application_bt > li > a > span > strong {display: inline-block; padding-left:38px; }
.application_bt > li.bt1 > a > span > strong {color: #fff; background: url(../img/seminar/bt_ico01.png) no-repeat left center;}
.application_bt > li.bt2 > a > span > strong {color: #158D93; background: url(../img/seminar/bt_ico02.png) no-repeat left center;}
.application_bt > li .txt {font-size: 0.95em; padding-top: 5px;}

.line-through {position: relative; padding: 0px 15px;}
.line-through:after {display: block; content: ""; width:100%; height:8px; background:url(../img/seminar/arrow.png) no-repeat center right; position: absolute; left: 0px; top: 50%; margin-top: -4px;}
.line-through.line_red:after {background:url(../img/seminar/arrow_red.png) no-repeat center right; }

.info_box {border: 1px solid #899162; margin-top: 50px;}
.info_box .ss_tit {padding:20px; margin-top: 0px; border-bottom: 1px solid #ddd; background: url(../img/seminar/toggle.gif) no-repeat 98% center; cursor: pointer}
.info_box .ss_tit.on {background: url(../img/seminar/toggle2.gif) no-repeat 98% center;}
.info_box .box {padding: 20px;}

.seminar_view_wrap .seminar_view:first-child {margin-top:0px;}
.seminar_view {margin-top:60px;}
.seminar_view .tit_box {min-height:44px; box-sizing:border-box; padding:20px 140px 20px 10px; color:#fff; background:url(../img/seminar/tit_bar.png) no-repeat center center; background-size:cover; position:relative;}
.seminar_view .tit_box > h4 {font-size:1.2em; font-weight:500; padding-left:15px;}
.seminar_view .tit_box .bt {position:absolute; right:10px; top:10px;}
.seminar_view .tit_box .bt > a {display:block; border:1px solid #fff; color:#fff; font-size:17px; padding:0px 15px;}
.seminar_view .tit_box .bt > a > span {padding-left:30px; line-height:44px; background:url(../img/seminar/ico_bt.png) no-repeat left center; display:block; }
.seminar_view .view_box {overflow:hidden; margin-top:30px; padding-left:200px; position:relative;}
.seminar_view .view_box .photo {position:absolute; left:0px; top:0px; width:170px; height:190px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; /**background:url(../img/seminar/user.gif) no-repeat center bottom; */ background-size:cover;}
.seminar_view .view_box .photo > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.seminar_view .info_box {border:1px solid #ccc; margin-top:30px;}
.seminar_view .info_box .tit {border-bottom:1px solid #ccc; padding:20px; font-weight:500; line-height:140%; font-size:1.1em; background:#f7f7f7}
.seminar_view .info_box .txt {padding:20px;}

/**
.seminar_view .view_box .photo.pic01 {background:url(../img/seminar/pic01.gif); background-size:cover; }
.seminar_view .view_box .photo.pic02 {background:url(../img/seminar/pic02.gif); background-size:cover;}
.seminar_view .view_box .photo.pic03 {background:url(../img/seminar/pic03.gif); background-size:cover;}
.seminar_view .view_box .photo.pic04 {background:url(../img/seminar/pic04.gif); background-size:cover;}
.seminar_view .view_box .photo.pic05 {background:url(../img/seminar/pic05.gif); background-size:cover;}
.seminar_view .view_box .photo.pic06 {background:url(../img/seminar/pic06.gif); background-size:cover;}
.seminar_view .view_box .photo.pic07 {background:url(../img/seminar/pic07.gif); background-size:cover;}
.seminar_view .view_box .photo.pic08 {background:url(../img/seminar/pic08.gif); background-size:cover;}
.seminar_view .view_box .photo.pic09 {background:url(../img/seminar/pic09.gif); background-size:cover;}
.seminar_view .view_box .photo.pic10 {background:url(../img/seminar/pic10.gif); background-size:cover;}
.seminar_view .view_box .photo.pic11 {background:url(../img/seminar/pic11.gif); background-size:cover;}
.seminar_view .view_box .photo.pic12 {background:url(../img/seminar/pic12.gif); background-size:cover;}
.seminar_view .view_box .photo.pic13 {background:url(../img/seminar/pic13.gif); background-size:cover;}
.seminar_view .view_box .photo.pic14 {background:url(../img/seminar/pic14.gif); background-size:cover;}
.seminar_view .view_box .photo.pic15 {background:url(../img/seminar/pic15.gif); background-size:cover;}
.seminar_view .view_box .photo.pic16 {background:url(../img/seminar/pic16.gif); background-size:cover;}
.seminar_view .view_box .photo.pic17 {background:url(../img/seminar/pic17.gif); background-size:cover;}
.seminar_view .view_box .photo.pic18 {background:url(../img/seminar/pic18.gif); background-size:cover;}
.seminar_view .view_box .photo.pic19 {background:url(../img/seminar/pic19.gif); background-size:cover;}
.seminar_view .view_box .photo.pic20 {background:url(../img/seminar/pic20.gif); background-size:cover;}
.seminar_view .view_box .photo.pic21 {background:url(../img/seminar/pic21.gif); background-size:cover;}

.seminar_view .view_box .photo.pic07_2 {background:url(../img/seminar/pic07_2.gif); background-size:cover;}
.seminar_view .view_box .photo.pic07_3 {background:url(../img/seminar/pic07_3.gif); background-size:cover;}
.seminar_view .view_box .photo.pic07_4 {background:url(../img/seminar/pic07_4.gif); background-size:cover;}
.seminar_view .view_box .photo.pic07_5 {background:url(../img/seminar/pic07_5.gif); background-size:cover;}
*/
.seminar_view .view_box .photo.free01 {background:url(../img/seminar/free01.jpg); background-size:cover;}
.seminar_view .view_box .photo.free02 {background:url(../img/seminar/free02.jpg); background-size:cover;}
.seminar_view .view_box .photo.free03 {background:url(../img/seminar/free03.jpg); background-size:cover;}
.seminar_view .view_box .photo.free04 {background:url(../img/seminar/free04.jpg); background-size:cover;}
.seminar_view .view_box .photo.free05 {background:url(../img/seminar/free05.jpg); background-size:cover;}
.seminar_view .view_box .photo.free06 {background:url(../img/seminar/free06.jpg); background-size:cover;}
.seminar_view .view_box .photo.free07 {background:url(../img/seminar/free07.jpg); background-size:cover;}
.seminar_view .view_box .photo.free08 {background:url(../img/seminar/free08.jpg); background-size:cover;}
.seminar_view .view_box .photo.free09 {background:url(../img/seminar/free09.jpg); background-size:cover;}
.seminar_view .view_box .photo.free10 {background:url(../img/seminar/free10.jpg); background-size:cover;}
.seminar_view .view_box .photo.free11 {background:url(../img/seminar/free11.jpg); background-size:cover;}


.se_alert{max-width: 100%; border: 7px solid #eee; padding: 30px; position:relative;}
.se_alert .alt_txt {font-size:22px; line-height:150%; display:table; margin:0 auto;}
.se_alert .alt_txt > span{display:table-cell; vertical-align:middle; padding-left:20px;}

.sponsor_package {display:flex; gap:20px;}
.sponsor_package > li {flex:1}
.sponsor_package > li > dl {border:2px solid #3a6c6c; border-radius:8px; height:100%; box-sizing:border-box; text-align:center; padding:1.2em;}
.sponsor_package dt {font-size:1.2em; line-height:1.4em; color:#063135; }
.sponsor_package dd {font-size:0.9em;}
.sponsor_package .txt {min-height:8em;}
.sponsor_package .txt2 {padding-top:1em; font-weight:600; color:#063135}
.sponsor_package .img {margin:1em 0px;}

.btn_flex_tc {display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.btn_flex_tc > li {flex:1; max-width:230px;}

/* Seminar schedule anchor buttons */
.seminar_anchor_nav {display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 40px; padding:0; list-style:none;}
.seminar_anchor_nav > li {flex:1 1 160px; max-width:220px;}
.seminar_anchor_nav > li > a {display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px 14px; box-sizing:border-box; background:#004040; color:#fff; text-align:center; font-size:15px; font-weight:500; line-height:1.3; border-radius:6px; transition:background 0.2s;}
.seminar_anchor_nav > li > a:hover {background:#006666; color:#fff;}







#Ne_Popw #header {position: relative !important; left: auto !important; top:auto !important; }
#Ne_Popw #header:after {display: block; content: ""; width: 100%; height:11px; background: url(../img/seminar/pop_line.gif) no-repeat center top #8a9364;}
#Ne_Popw #header .header_top {display: none;}
#Ne_Popw #header #gnbW {display: none;}
#Ne_Popw #header .logo2 {right: 10px; display: block !important;}
#Ne_Popw #header .m_gnbW {display: none !important;}
#Ne_Popw #header h1 {max-width: 20%;}
#Ne_Popw #header .logo2 {max-width:18%;}
#Ne_Popw #header img {height: auto; width: 100%;}
#Ne_Popw #header .header_tit {padding-left: 0px;}
#Ne_Popw #header .main_ban {display:none;}
#Ne_Popw #header .main_ban02, #Ne_Popw #header h1>a>img, #Ne_Popw #header .logo2 { display: none !important; }
#Ne_Popw #header h1>a>img#Ne_Popw_h1_img { display: inline !important; }



.pop_notice {position: absolute; width: 100%; left: 0px; top: 0px; z-index:9999; box-sizing:border-box;}
.pop_notice_in {position: relative;}
.pop_notice_in img {max-width: 100%;}
.pop_close_wrap {background: #333333; padding: 5px; overflow: hidden; color: #fff; font-weight: 100;}
.pop_close_wrap .close {float: right;}
.pop_close_wrap .close a {color: #fff;}



/*atab*/
.atab {display: flex; flex-wrap: wrap; margin-bottom:30px; padding-top: 10px;}
.atab li {flex: 1; box-sizing:border-box; position:relative;}
.atab li a {display:flex; width: 100%; height:55px; justify-content: center; align-items: center; text-align: center; background:#fff; line-height:1.4em; font-weight:400;  padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; font-size:18px; border-left: none}
.atab li a img {max-width: 90%; max-height: 80%}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {border: 1px solid #158D93 !important; background: #158D93; color: #fff; font-weight: 500;}
/*.atab li.on:after {display: block; content: ""; width: 20px; height:calc(100% - 2px); height:-webkit-calc(100% - 2px); position: absolute; left: 100%; top:1px; background: url(../img/common/tab_shadow.png) no-repeat left top; background-size:cover; z-index: 99}
.atab li:last-child.on:after {display:none !important}*/
.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;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}

.ctab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.ctab:after {clear:both; display:block; content:"";}
.ctab li {display: inline-block; max-width:200px; padding:0px 15px; box-sizing:border-box; position:relative;}
.ctab li a {display:block; width: 100%; padding:0px 0px; text-align:center; color:#333333; box-sizing:border-box; font-size: 16px; }
.ctab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.ctab li.on a {color: #ed2129;}
.ctab li.on a .ico img {margin-top: -100%;}
.ctab.two li {width:50%;}


.of_hi {margin: 0px -10px;}
.of_hi .fl50 {float:left; width:50%; box-sizing: border-box; padding: 0px 10px;}
.of_hi .fr50 {float:right; width:48%;}
.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 20px 15px; font-size:1.05em; line-height: 150%; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.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:#260b2a; position: relative;}
.pop_wrap .pop_head2 {margin-top:50px; background:url(../img/seminar/tit_bar.png) no-repeat center center #8a9364;}
.pop_wrap .pop_head2 .bt {position: absolute; right: 10px; top: 10px;}
.pop_wrap .pop_head2 .bt > a {display: block; padding:0px 10px; border: 1px solid #fff;}
.pop_wrap .pop_head2 .bt > a > span {display: block; font-size:16px; color: #fff; padding-left: 40px; background: url(../img/common/ico_enter.gif) no-repeat left center; line-height:40px;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%;  color: #fff; padding:15px 45px 15px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title .small {font-size:18px; font-weight:100;}
.pop_wrap .pop_head .title.tc {padding:15px 45px 20px 45px;}
.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; top:0; margin-top: -46px; display: block; cursor: pointer;}

.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}

.pop_body .seminar_view {margin: 0px;}


/* 팝업 */

.popup_scroll {max-height:400px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align: center; 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 KR", sans-serif; 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 KR", sans-serif; 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 KR", sans-serif; color:#444444; font-size:22px; line-height:38px;}



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

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


.bt_include {position: relative; padding-right: 100px; }
.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;}

.bt_include3 {position: relative; padding-top:10px; text-align:center; height:25px}






/* 190923 추가 */
.newsletter {position: absolute; right: 105px;  top: 55px; padding: 7px; border: 1px solid #ccc; font-weight: bold;}

.step_box {position: relative; padding-bottom: 30px;}
.step_box .step {overflow: hidden; margin: 0px -15px;}
.step_box .step > li {float: left; width: 20%; box-sizing: border-box; padding:10px 15px; position: relative;}
.step_box .step > li:Before {display: block; content: ""; width: 14px; height:24px; background: url(../img/exhibitor/arrow4.png) no-repeat center center; position: absolute; left:-3px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.step_box .step > li:first-child:Before {display: none;}
.step_box .step > li .box {display: table; width: 100%; box-sizing: border-box; border: 1px solid #004040; border-radius:0px 0px 20px 0px; box-shadow: 1px 4px 13px rgb(123 123 123 / 20%); }
.step_box .step > li .cell {position: relative; line-height: 140%; display: table-cell; vertical-align:middle; height: 114px; box-sizing: border-box; padding: 10px 30px 10px 30px; font-weight: 400; letter-spacing: -0.8px;}
.step_box .step > li .cell .num {display: block; position: absolute; right: 10px; top: 10px; font-weight: 600; color: #cccccc; font-size:24px;}
.step_box .step > li .cell .ico {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.step_box .step > li .cell .b_txt{display:block; font-size:0.9em;}
.step_box .step > li .cell .small {font-size: 0.9em;}

.exhi_btnW{display:inline-block; margin:0px 10px;}


/* 230705 추가 */
.sustainability {background: url(../img/exhibitor/bg_sustainability.jpg) no-repeat center top; padding-top:120px;}
.sustainability .sub_con .txt_01 {color: #fff; font-size:2em; font-weight: 800;}
.sustainability .sub_con .txt_02 {color: #fff; font-size:4.5em; font-weight: 800; margin-top:150px; padding-bottom:100px; line-height: 110%;} 


.sustain {padding: 50px 0px 50px 600px; position: relative;}
.sustain .tit {position: absolute; left: 0px; top: 50px; width:700px; }
.sustain .tit > h4 {line-height: 110%; font-size:3.5em; position: relative; font-weight: 800; padding-bottom: 10px; padding-right: 150px; color:#0a3f40;}
.sustain .tit .korean {font-size:1.5em; font-weight: 800; padding-top:20px;}
.sustain > ul > li {padding-top: 30px; display: block; padding-bottom: 10px; font-size: 1.5em; color:#2a6e6f; padding:20px; font-weight: 700; }

.bg_green {background: #004040;}
.choices {padding: 100px 0px 80px 600px; position: relative; min-height:140px;}
.choices .tit {position: absolute; left: 0px; top: 80px; width:700px; }
.choices .tit > h4 {line-height: 110%; font-size:3.5em; position: relative; font-weight: 800; padding-right: 150px; color:#fff;}
.choices > p {padding-top: 30px; display: block; padding-bottom: 10px; font-size: 1.5em; line-height: 160%;  color:#b5e2e3; padding:20px; font-weight: 700; }

.impact {padding: 100px 0px 80px 200px; position: relative; }
.impact .tit {position: absolute; left: 0px; top: 95px; width:300px; }
.impact .tit > h4 {line-height: 110%; font-size:3.7em; position: relative; font-weight: 800; color:#41c092;}
.impact .tit_big {line-height: 110%; font-size:3.2em; position: relative; font-weight: 800; color:#004040;}
.impact .txt {line-height: 130%; font-size:1.2em; font-weight: 800; padding-top:30px; padding-bottom:30px;}
.impact .tit_big2 {line-height: 110%; font-size:2em; position: relative; font-weight: 800; color:#004040; padding-bottom:20px;}
.impact ul li {font-size:1.1em; font-weight: 800; line-height: 200%; font-weight: 500; color:#004040;}

.host {display:flex; gap:10px; flex-wrap:wrap;}
.host > li {}
.host > li img {max-height:min(63px, 8vw)}

.host2 {display:flex; gap:10px; flex-wrap:wrap;}
.host2 > li img {max-height:min(53px, 8vw)}

.host_n_ul{display:flex; flex-wrap: wrap;}
.host_n_ul > li{width:50%;}

.semina_title_dot{display:inline-block; width:10px; height:10px; line-height:10px;padding:10px; background-color:#00696C; color:#fff; border-radius:30px;  margin:3px auto;}

.seminar_dot_dv{display: flex; justify-content: center; flex-wrap: wrap;}
.semina_dot{display:flex; justify-content: center;  align-items: center; width:10px; height:10px; padding:10px; background-color:#00696C; color:#fff; border-radius:30px;  margin:3px 5px;}

.tb_st{vertical-align:top; padding:8px 0px 0px 10px;}

.graphW{margin-top:40px;}
.graph_ul{display:flex; flex-wrap: wrap; margin:-10px;}
.graph_ul > li{width:20%; box-sizing: border-box; padding:10px;}
.graph_ul > li .graph_box{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; padding:30px 20px; border:1px solid #dedede;}
.graph_ul > li .graph_box > span{display:block; text-align:center; line-height:100%; }
.graph_ul > li .graph_box .graph_img{filter: invert(55%) sepia(85%) saturate(305%) hue-rotate(107deg) brightness(100%) contrast(86%);}
.graph_ul > li .graph_box .graph_tit{ color:#41c092; font-size:1.3em; font-weight:600; padding:5px 0px;}

.bio_titW{max-width:1000px; display:flex; justify-content: space-between; align-items: center;  margin:0 auto; padding-bottom:50px; color:#002244;}
.bio_titW .bio_tit_txt{font-size:18px; text-align:right;}
.bio_titW .bio_tit_txt .big_txt{display:block; font-size:2em; font-weight:500; line-height:150%;}
.bio_titW .bio_tit_txt .big_txt .s_bio_txt{display:block; font-weight:800;}
.bio_titW .bio_tit_txt .bio_date{display: block; font-size: 1.3em; font-weight: 500; margin-top:10px;}

.bio_W{margin-bottom:45px;}
.bio_ul{display:flex; flex-wrap: wrap; margin:-15px; color:#55583d; text-align:center;}
.bio_ul > li{width:33.33333%; box-sizing: border-box; padding:15px;}
.bio_ul > li .box{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; padding:30px 20px; border:2px solid #002244; border-radius:23px;}
.bio_ul > li .box .img{margin-bottom:10px;}
.bio_ul > li .box .txt{font-weight:500; line-height:160%;}

.ex_item{display:flex; padding:50px 0px;}
.ex_item .item_faq{flex:1; margin-left:40px;}
.ex_item .item_faq .faq_list{border-top: 2px solid #fff;}
.ex_item .item_faq .faq_list > li{border-bottom: 2px solid #fff;}
.ex_item .item_faq .faq_list > li .title{padding: 20px 45px 25px 20px; color:#fff; font-size:1.1em; font-weight:600; background: url(../img/common/arrow_off.png) no-repeat right center;}
.ex_item .item_faq .faq_list > li .title.on{border-bottom: 2px solid #fff; background: url(../img/common/arrow_on.png) no-repeat right center;}
.ex_item .item_faq .faq_list > li .answer_wrap{background-color:#f8f8f8; border: none;}
.ex_item .item_faq .faq_list > li .answer{padding:0px;}

.agree_txt {padding-top: 15px}
.agree_txt > li .txt_t {display: inline-block; padding-right: 20px;}
.agree_txt > li label {display: inline-block;}
.agree_txt > li label a {color: #000; text-decoration: underline}
.agree_txt > li a {color: #000; text-decoration: underline}


.exhibition_photo{overflow: hidden; position:relative;}
.exhibition_photo .slick-slide {text-align:center;}
.exhibition_photo .slick-slide img {display:inline-block; width:100%}
.exhibition_photo .slick-slide{margin: 0 5px;}
.exhibition_photo .slick-dots{position:relative; bottom: 0px;}
.exhibition_photo .slick-dots li button:before{font-size: 30px; line-height: 15px;}
.exhibition_photo .slick-dots li {margin: 0;}
.exhibition_photo-nav .slick-slide {padding:5px}
.exhibition_photo-nav div {vertical-align:top}


/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnbW .menu_btn .line-top, .m_gnbW .menu_btn .line-middle, .m_gnbW .menu_btn .line-bottom {background: #000;}
.m_gnbW {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: none; z-index: 99}
.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:#000000; text-decoration : underline;}
.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;}

.down_file {display: inline-block; vertical-align: middle; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
/*.view_tit {padding: 15px 10px; background: #f5f5f5; border-top: 2px solid #000; border-bottom: 1px solid #cccccc; font-size: 1.15em; font-weight: 500;}
.click_count {text-align: right; padding:15px 0px; font-size:1.05em; color: #666666}*/



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

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    
    #inner_wrap {padding:0px 10px 80px 10px;}
    #header h1 {left: 10px;}
	
	#wrap {padding-top:177px;}
    .in_header {height:90px;}
    .m_gnbW {display: block;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	.m_gnb_on {display:block}
    #header h1 img {height:60px;}

	.q_menu {right:60px;}
    .w_gnb .gnb {position: relative; z-index: 9}
    
    .w_gnb .gnb > ul > li {padding: 0px 4.2%;}
    .w_gnb .gnb > ul > li > a > span {font-size:17px;}
    .w_gnb .sub_menu > li > a {font-size:13px;}

    .section .inner {padding:0px 10px;}
    .gray_box {margin-left:-10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;}
    .inquiry_wrap {margin-left:-10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;}
    

	
    
    .outline_wrap2 {padding: 0px;}
    .poster > ul {width: 100%;}
    .outline_wrap2 .poster {position: relative; margin: 0 auto; margin-bottom: 30px; width: 100%; max-width:600px !important;}
    

	/* 230705 추가 */
	.sustainability {padding-top:70px;}
	.sustainability .sub_con .txt_01 {padding-left:10%; color: #fff; font-size:1.6em;}
	.sustainability .sub_con .txt_02 {padding-left:10%; color: #fff; font-size:2.5em; margin-top:50px; padding-bottom:80px; line-height:120%;} 

	.impact {padding: 50px 10px 50px 30px; position: relative; }
	.impact .tit {position: relative; width: auto; top: auto; padding-bottom: 10px;}
	.impact .tit > h4 {font-size:2.0em;font-weight: 800;}
	.impact .tit_big {font-size:2.0em;}
	.impact .txt {font-size:1.0em;}
	.impact .tit_big2 {font-size:1.5em;}
	.impact ul li {font-size:1.0em; font-weight: 500;}   
    
    
}
/* 980px 이상 */
@media screen and (min-width:980px) {
    .lnbs2 ul {display: block !important}

    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
	#wrap {padding-top:177px !important;}
	.visual_banner_wrap {position: relative; left:auto; top: auto; transform: none;}
	.visual_banner {max-width: 100%;}

	.main_business {flex-wrap:wrap;}
	.main_business > li {width:calc(50% - 5px)}
	.main_business > li .pic > img {width:100%}
	
	.common_quickW {background:#525a5c; padding:10px 0px;right:0px; bottom:0px; width:100%; top:auto; margin:0px; transform:none; }
	.common_quick {overflow:hidden;}
	.common_quick > li {float:left; width:20%; box-sizing:border-box;}
	.common_quick > li > a .txt_t {text-shadow:none; color:#fff;}

    .main_wrap {font-size: 15px; /**메인배너없을때 padding-top: 252px !important;*/}
    
    
    .header_tit {text-align: center; color: #153738; padding-top: 15px; padding-left:110px; font-weight: 100%; font-size: 20px; line-height: 130%;}
	.header_tit > strong {display: block; line-height: 110%; font-size:32px; font-weight:500;}


    #header .logo2 {display: none}
    .header_top {font-size: 14px;}
    .header_top .h_txt {line-height:35px;}

	
    .top_menu .over li {font-size: 13px;}
    

    .main_visual .bx-controls {bottom:5%; padding-left: 3%}
    .main_visual .bx_bt {display: none;}
	.main_visual .v_frame {height: 620px;}
	
    .m_graph > li {float: none; width: 100%; text-align: center;}

	.m_proW .tit_left{width:100%; float:none; text-align:center; }
	.m_proW .tit_left .br{display:none;}
	.m_proW .m_program{width:100%; float:none; padding-left:0px; }

    .main_wrap_new #footerW {padding-bottom:140px;}  
    #footer .addressW {padding:20px 5px 25px 5px; text-align: center; background-position:center 20px;}
    #footer .f_logo {left: auto; top:auto; position: relative; padding-bottom: 10px; text-align: center;}
    #footerW .top_menu {display: none;}
    
    #footer .footer_logo {right:50%; top:25px; bottom: auto; margin-right:-131px; }

    #footerW .go_top {margin-bottom: 0px; bottom: auto; top:15px;}
    #footerW .go_top a {font-size: 0px;}


    #lnb_wrap {position:relative; min-height: 10px; margin-top: -42px; border-bottom:1px solid #e2e2e2; background:#fff;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:42px; 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 {float:left; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home2.gif) no-repeat center center;}
    .lnb ul li {color:#666666; display: block; padding: 0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
    #lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    
    
    .outline_wrap {padding: 0px;}
    .outline_wrap .poster {position: relative; margin: 0 auto; margin-bottom: 30px; max-width:324px;}
    
    .item_list {padding:40px 20px;}
    .item_list .tit {position: relative; width: auto; left: auto; top: auto; padding-bottom: 20px;}
    .item_list .tit > h4 {padding-right: 0px;}
    .item_list .tit > h4:after {position: relative; display: inline-block; vertical-align: top; right: auto; top: auto; margin: 10px 0px 0px 10px}
    .line_tit {padding-right: 0px;}
    .line_tit:after {position: relative; display: inline-block; vertical-align: top; right: auto; top: auto; margin: 10px 0px 0px 10px}
    .item_list > ul > li {padding-top:25px;}
    .item_list > ul > li .txt_t {padding-bottom: 5px;}
    
    .p-mec-ban > li {float: none; width: 100%; text-align: center; border: none;}
    
    .procedure > li {float: none; border: none; border-top:1px solid #e2e2e2;  width: 100% !important; padding-top:20px;}
    .procedure > li:first-child {border: none;}
    .procedure > li:before {background: url(../img/common/arrow_b.png) no-repeat center bottom; left: 50%; margin-left:-15px; top:-8px;  margin-top: 0px !important; }
    .procedure > li > ul {min-height: auto; padding-bottom: 20px;}
    .procedure > li > ul br {display: none;}
    
    .sponsor_wrap > dl .txt {padding-right: 0px;}
    .sponsor_wrap > dl .txt .d_bt {position: relative; right: auto; margin-top: 10px; bottom: auto;}
    
    .visit_wrap {padding-right:0px; min-height: auto;}
    .visit_wrap .poster {position: relative; padding-bottom: 20px; right: auto; top:auto; text-align: center;}

	/* 190923 추가 */
	/*#footer .f_logo {padding-bottom:60px;}*/

	#footer .addressW address > strong {padding-bottom:62px;}
	.newsletter {width:152px; left: 50%; margin-left: -75px; top: 50px;}

	#footerW .f_sns {position: relative; margin: 20px 0px 0px 0px; text-align: center; right: auto; bottom: auto; }

    
	#divpop2{left:0px !important;}
	
	.main_wrap_new .board_wrap .board_l {float: none; width: 100%; max-width: 100%;}
	.main_wrap_new .board_wrap .board_r {float: none; width: 100%; max-width: 100%; padding-top:30px}

	.step_box .step > li {width: 100% !important; padding:15px 35px !important;}	
	.step_box .step > li:Before {left: 50%; top:0%; transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -10px}
	
	/* 230705 추가 */
	.sustain {padding:40px 20px;}
	.sustain .tit {position: relative; width: auto; left: 3%; top: auto; padding-bottom: 20px;}
	.sustain .tit > h4 {padding-right: 0px; font-size:2.5em; position: relative; font-weight: 800; padding-bottom: 10px;}
	.sustain .tit .korean {font-size:1.2em; font-weight: 800; padding-top:20px;}
	.sustain > ul > li {font-size: 1.0em; line-height:0%;}

	.bg_green {padding-top:0px;}
	.choices {position: relative; width: auto; top: auto; padding:0px 0px 0px 0px;  left: 8%;}
	.choices .tit {position: relative; width:100%;}
	.choices .tit > h4 {font-size:2.5em;}
	.choices > p {font-size: 1.0em; line-height: 130%; padding:100px 0px 80px 0px;}

	.tb_st{padding:0px;}

	.sponsor_package {flex-wrap:wrap; display:flex; gap:20px;}
	.sponsor_package > li {flex:47%}
}


/* 768 이하 */
@media screen and (max-width:767px) {
    .main_wrap {font-size:14px;/**메인배너없을때 삭제*/padding-top: 207px !important;}
    .header_top .h_txt {display: none;}

    .header_tit {text-align: center; color: #153738; padding-top: 10px; padding-left:110px; font-weight: 100%; font-size: 18px; line-height: 130%;}
	.header_tit > strong {display: block; line-height: 140%; font-size:28px; font-weight:500;}

    .m_tit {font-size:30px;}
    .m_tit_wrap .s_txt {font-size:15px;}
	.inner {padding:0px 10px; word-break: keep-all;}
    
    .section .more {right: 10px; top:0px;}
    
    .main_visual .v_frame {height:520px;}
	.main_visual .v_frame .v_txt {font-size: 5vw}
	.main_visual .mark {left:auto; right:0px; top:14%; transform:none; -wbkit-transform:none;}
    .main_visual .mark img {width:90px}
	
	.main_visual .v_frame .v_txt .btn > li > a > span {line-height: 38px;font-size: 14px;}
	.main_visual .v_frame .v_txt .btn {max-width: 430px;}
	.main_visual .v_frame .v_txt .btn > li > a {line-height: 38px;}

    
    .main_quick > li > a .txt_t {font-size: 14px;}
    
    .main_business > li {float: none !important; width: 100% !important;}
    .main_business > li .txt {min-height: auto;}
	.main_business > li .pic > img {width:100%;}
	.main_business > li .box .ico {top: 100%; transform: translateY(-50%);}
    
    .board_wrap {max-width: 570px; margin: 0 auto;}
    .board_wrap .board_l {float: none; width: 100%; padding: 0px;}
    .board_wrap .board_r {float: none; width: 100%; padding: 0px; margin-top:30px;}
    

    .sub_con {font-size: 15px;}
    .title_bar {margin-bottom:20px;}
	.title_bar h2 {font-size: 2em;}
    .title_bar > p {font-size: 1em;}
    .location {display: none;}
    .s_tit {font-size:21px; margin-top:30px; padding:0px 0px 10px 20px;}
    .s_tit:before {width:6px; height:22px; }
    .s_tit.s_tit2 {padding-left:26px;}
    .s_tit.s_tit2:before {width:20px; height:20px; }
    .ss_tit {font-size:24px;}
    .ss_tit:after {top: 4px;}
	.b_txt {font-size: 15px;}
    .b_tit {font-size:24px; margin-top:30px; padding: 10px 0px 10px 0px;}
    .bb_tit {font-size:20px; margin-top:30px; padding: 10px 0px 10px 0px;}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	
    #lnb_wrap .lnb {padding-left:51px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}
    
    .last_time {padding: 30px 0px;}
    .last_time > li .txt {font-size:1em;}

	.se_alert .alt_txt{font-size:1.1em; text-align: center;}
	.se_alert .alt_txt > span{display:block; margin-top:10px;}
    
    
    
    /*atab*/
    .atab li a {font-size:15px; height: 60px;}
    .btn-tc > a {margin: 0px;}
    .web_img {display:none;}
    .mobile_img {display:block;}
    .col-sm-2.time_wrapW > .select_ds {width:100%; float:none;}
	.time_wrapW .time_wrap {margin-top:5px; padding-left:120px;}
	.time_ch {left:0px;}

    
    .item_list .tit > h4:after {display: block; width: 100%; margin-left: 0px;}
    .line_tit:after {display: block; width: 100%; margin-left: 0px;}
    
    .btn_list > li {float: none; width: 100% !important;}
	
	.btn_list1 > li {float: none; width: 100% !important;}

	.seminar_anchor_nav > li {flex:1 1 calc(50% - 10px); max-width:none;}
	.seminar_anchor_nav > li > a {font-size:14px; min-height:44px;}
    
    .sponsor_wrap > ul > li {float: none; width: 100%;}
    .sponsor_wrap > ul > li .pic {display: block; text-align: center;}
    .sponsor_wrap > ul > li .txt {min-height: auto;}
    .sponsor_wrap > ul.four > li {float: none; width: 100%;}
    .sponsor_wrap > ul > li .bul01 {min-height: auto;}
   
    .sponsor_wrap > dl {padding-left: 0px; margin-top: 0px;}
    .sponsor_wrap > dl .ico {display: none;}
    
    .visit_info {padding:30px 0px;}
    .visit_info .procedure > li {min-height: 10px !important; padding-bottom: 20px;}
    .visit_info .procedure > li .ico {margin-top:0px;}
    
    .graph_two > li {width:100%; float: none; padding:20px;}
    
    .application_bt > li > a > span {font-size:18px; line-height: 35px;}    
	
	.graph_ul {margin:-5px}
	.graph_ul > li{width:50%; padding:5px; }
	.graph_ul > li .graph_box{padding: 15px 0px;}
	
	.ex_item{flex-wrap: wrap;}
	.ex_item .item_tit{margin-bottom:30px;}
	.ex_item .item_faq{flex: inherit; margin-left: 0px; width: 100%;}

	.bio_titW{flex-wrap: wrap; justify-content: center; padding-bottom:30px;}
	.bio_titW .bio_tit_img{margin-bottom:30px;}
	.bio_titW .bio_tit_txt{text-align:center; font-size:16px;}
	.bio_titW .bio_tit_txt .big_txt{font-size:1.7em;}
	.bio_titW .bio_tit_txt .bio_date{font-size:1em;}

	.pop_notice {display:flex; align-items:center; justify-content:center; padding:10px;left:0px !important; width:100%; max-width:100% !important; top: 50% !important; transform: translateY(-50%);}
}

/* 600 이하 */
@media screen and (max-width:599px) {
   .main_wrap {font-size:13px;}
    .header_tit {text-align: center; color: #899162; padding-top: 20px; padding-left:110px; font-weight: 100%; font-size: 12px; line-height: 130%;}
	.header_tit > strong {display: block; line-height: 120%; font-size:16px; font-weight:500;}
    
    
    .section {padding:40px 0px;}

    
    .section .more a {min-width:80px; height:26px; line-height:25px; font-size:13px;}
    
    .m_graph > li > strong {font-size: 22px;}

    
    
    .conduct_box .ib > h3 {font-size: 18px;}
    
    .slide_banner {padding:25px 40px;}
    .slide_banner .bx_bt > a {padding: 10px;}
	.slide_banner .slick-arrow {padding:15px;}
	.slide_banner .slick-prev {right:-45px}
	.slide_banner .slick-next {left:-45px}

    
    .conduct_box {padding: 15px;}
    .conduct_box > h3 {font-size: 22px; position: relative; text-align: center; left:auto; top: auto; width: 100%;}
    .sb_tit {font-size: 22px; }
    .conduct_box > ul > li {width:33.333%;}
    
    #footer .addressW {font-size:11px; background-size:130px auto !important; }
    #footerW .copy > p {font-size:11px;}
    #footerW .go_top a {padding:10px;}
    #footerW .go_top a img {width:18px;}
    #footer_navi > ul {padding:15px 0px; text-align: center;line-height: 100%;}
    #footer_navi > ul li {padding: 0px 10px; }
    #footer_navi > ul li a  {font-size:13px;}
	#footer_navi .mark img {width:30px;}
    #footer .addressW address {padding-top:10px; margin: 0px;}
    #footer .addressW .copy {padding-top:5px;}
    #footer .addressW address span.line {padding: 0px;}
    #footerW .go_top {top:20px;} 
    /*#footerW .f_sns {position: relative; margin: 20px 0px 0px 0px; text-align: center; right: auto; bottom: auto; }*/
    .pop_wrap .pop_head .title {font-size:22px; color: #fff; padding: 17px 15px 18px 15px;}
    .pop_wrap .pop_head .title .small {font-size:16px;}
    .pop_wrap .pop_body {padding: 15px;}

	
    .sub_tit2 {font-size:20px;}
    .sub_tit_s {font-size:20px;}

    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}

    
    .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;}
 
    
    
    
    .bank_info > ul > li {display: block; text-align:left;}
    .bank_info > ul > li:before {display: none;}
    
    .contact_us .logo {width:100%; float: none; margin: 0 auto;}
    .contact_us .logo img {max-height:60px;}
    .contact_us .outline {width:100%; float: none; padding-top:20px; padding-left:0px;}
    .inquiry_wrap .sub_con .txt br {display: none;}
       #Ne_Popw #header:after {height:5px;}

	/* 190923 추가 */
	.newsletter {width:152px; left: 50%; margin-left: -75px; top: 56px;}

	.bio_ul > li{width:100%;}
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	
	.main_wrap {/**메인배너 없을때 padding-top:193px !important;*/ padding-top:167px !important;}
   	#wrap {padding-top: 157px !important;}
    .in_header {height:70px;}
    #header h1 a img {height:40px;}
    .header_top {font-size:13px;}
	.main_visual .mark img {width:70px}
	.sub_wrap.sub_wrap_4{padding-top:230px !important;}
	
	.q_menu {right: 55px;}
	.q_menu > li > a {height: 30px; width: 80px; font-size: 13px;}
	.top_menu > li.ico03 {display: none;}
	
	.top_menu > li.ico01 > a {height:30px; font-size: 12px;}
	.top_menu > li.ico01 > a > span {padding-right: 15px;}
	.q_menu > li:first-child {margin-right: 5px;}
	.visual_banner {height: auto; padding: 40px 20px;}
	.visual_banner .txt_t {font-size: 20px;}
	.visual_banner .date .txt {font-size: 16px;}
	.visual_banner .date .bt .q_menu > li a {height: 45px; font-size: 16px;}
	.visual_banner .icons > li a {font-size: 14px;}
	
	#section2 .m_tit {font-size: 22px;}

	.header_tit {display:none; text-align: center; color: #153738; padding-top: 20px; padding-left:110px; font-weight: 100%; font-size: 11px; line-height: 130%;}
	.header_tit > strong {display: block; line-height: 120%; font-size:15px; font-weight:500;}
    
    .slide_menu_top {height:70px; background-size:auto 60px;}
	.m_gnb_on img {width:33px;}

    .m_tit_wrap {padding:40px 0px 20px 0px;}
    .m_tit {font-size:25px;}
    .m_tit_s {font-size: 14px;}
    
    
    .slide_menu_wrap .gnb > ul > li > a {padding-left: 0px; background-size:10px auto !important; font-size: 16px; background-position:right center !important}
    .slide_menu_wrap .gnb .sub_menu > li > a {padding-left: 10px; font-size: 14px;}
    .slide_menu_inner .top_menu > li > a {width:22px; height:22px; background-size:100% auto !important}
    
    .section {padding:30px 0px;}
    .section .more {display: none;}
    
	
    .main_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px;}
	.main_visual .v_frame {height: 410px;}
    .main_quickW {padding:10px;}
    .main_quick {font-size: 0px; text-align: center;}
    .main_quick > li {width:33.33%; float: none; display: inline-block; vertical-align: top; padding:10px;}
    .main_business > li .txt {padding-top: 40px;}
    .main_business > li .box .txt .ico {top: -20px;}
    .main_business > li .box .txt .ico img {width: 40px;}
    
    .movie_wrap iframe {height: 220px;}
        
    #inner_wrap {padding-bottom:50px;}


    

    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px !important;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display: block;}
    .sub_visual {height:220px;}

    
     #lnb_wrap {margin-top:-51px; background: url(../img/common/png_50.png) repeat left top; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #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; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size:15px;}
    
    #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;}
    
    
    #sub_tit {font-size:24px; color: #fff; font-weight: 700; line-height: 140%; padding-bottom:10px;}
    .sub_tit2 {font-size: 18px;}
    .sub_tit2 br {display: none;}
    .sub_tit_s {padding-bottom: 20px; font-size:17px;}
    
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search2 {padding:15px;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .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_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}

    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_con {font-size:0.95em; }
    .title_bar {padding:15px 0px 10px 0px;}
	.title_bar h2 {font-size:1.8em; }

	.title_bar .s_txt {font-size:16px; padding-bottom: 5px;}
    
    .s_tit {font-size: 20px;}
    .s_tit:after {width:70px;}
    .b_tit {font-size: 20px;}
    .bb_tit {font-size:16px;}
    .m_th150 {width:150px !important;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:55px !important;}
    .m_th_ss {width:45px !important;}

    .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:13px; height:50px;}
    .atab li.on:after {width:10px; background-size:100% 100% !important}
 
   
    .radio_group > li {font-size:13px;}
   
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; 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;}
    .click_count {padding:10px 0px;}
    .time_wrapW .time_wrap {padding-left: 105px;}

    
    .last_time > li .txt {font-size:0.9em;}
    
    .outline_wrap .poster .bt > a {padding: 10px;}
    
    .newsletter_wrap .yak_area {padding: 20px;}
    .newsletter_wrap .yak_area button {right:10px;}
    
    .newsletter_wrap .bottom  {padding: 20px;}
    .newsletter_wrap .bottom label {position: relative; left: auto; top: auto; display: block; padding-bottom: 10px;}
    
    .item_list {padding:20px 10px;}
    .btn-tc {padding: 20px 0px; margin-top: 15px;}
    
    .graph_two {padding: 30px 0px;}
    
    .info_box .ss_tit {padding:10px;}
    .info_box .box {padding: 10px;}
    
    .application_bt > li {float: none; width: 100%;}
    .info_box .ss_tit {background-size:20px auto !important }
	.seminar_view .tit_box {padding:16px 108px 16px 15px}
	.seminar_view .tit_box > h4 {padding-left:0px;}
	.seminar_view .tit_box .bt > a {padding:0px 10px}
	.seminar_view .tit_box .bt > a > span {padding-left:20px; line-height:34px; font-size:14px; background-size:14px auto;}
	.seminar_view .view_box {padding-left:120px; margin-top:15px;}
	.seminar_view .view_box .photo {width: 110px; height: 123px;}    
	.seminar_view .table_style1 tbody tr td {height:23px}
	.seminar_view .info_box {margin-top:15px;}
	.seminar_view .info_box .tit {padding:15px;}
	.seminar_view .info_box .txt {padding:15px;}
	.seminar_view {margin-top:30px;}
	
	.common_quick > li {padding: 5px;}
	.common_quick > li > a .txt_t {font-size: 12px; line-height: 130%;}
	
	.main_wrap_new .m_board .news_list .box > a .date > strong {font-size:25px;}
	.main_wrap_new .m_board .news_list .box > a {min-height: 65px; padding: 20px 20px 20px 80px;}
	.main_wrap_new .m_board .news_list .box > a .date {width: 65px;}
	.m_board .news_list .box > a .tit {font-size: 16px;}
	.main_wrap_new .board_wrap .board_r {padding-top: 10px;}
	
	.main_banner > li > a {font-size: 14px;}
	.main_banner > li > a .txt_s {line-height: 20px; height: 140px;}
	.main_banner > li > a .type {width: 73px; line-height: 34px;}
	
	.main_cphi_bg {background-size: auto 100%; height: 50px;}
	
	.pop_body .seminar_view .view_box {padding-left: 0px;}
	.pop_body .seminar_view .view_box .photo {position: relative; left: auto; top: auto; margin: 0 auto; margin-bottom: 20px}

	.step_box {padding: 20px; padding-top: 30px;}
	.step_box .step > li .cell {height: 70px;}
	.step_box p.pl20 {padding-left: 16px !important}

	.step_box .more {right:30px;}
	.step_box .step > li .cell .ico {width:42px;}
	.step_box .step > li .cell {padding-left: 70px; font-size: 1.1em;}

	.exhi_btnW{display:block; margin:0px 0px 10px 0px;}

	.sponsor_package > li {flex:100%}

    
}




/* 320px 이하 */
@media screen and (max-width:320px) {
   
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}

   
}



.company_list > ul > li {
    float: left;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 5px;
}