@charset "utf-8";
@import url(notosanskr.css);
@import url(gyeonggi-title-web.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*ie8,7Hack*/
body { font-family:'Noto Sans KR'\9; letter-spacing:-0.08em\9; }
#fb-root, #ssIFrame_google { display:none; width:0px; height:0px; }

/* Smart Editor */
.se2_inputarea img { max-width:100%; }

/* UI */
html {font-size:16px;}
body {font-family: 'Noto Sans KR', sans-serif; color:#4a4a4a;}
img {max-width:100%}
#lightbox img {max-width:none}

#app-menu-button { display:none; position:fixed; top:23px; left:25px; width:28px; height:24px; z-index:11; }
#app-menu-button:before,
#app-menu-button:after,
#app-menu-button .middle-bar { position:absolute; left:0; width:100%; height:3px; background-color:#ffffff; }
#app-menu-button:before { content:''; top:0; transition:transform 0.6s; }
#app-menu-button:after { content:''; bottom:0; transition:transform 0.6s; }
#app-menu-button .middle-bar { top:50%; transform:translate(0, -50%); transition:height 0.6s, opacity 0.6s; }
#app-menu-button > img { display:block; width:100%; height:100%; }

.m_selected #app-menu-button:before { transform:translate(0, 0.85em) rotate(45deg) ; }
.m_selected #app-menu-button:after { transform:translate(0, -0.85em) rotate(-45deg) ; }
.m_selected #app-menu-button .middle-bar { height:0em; opacity:0; }

#bg-menu-opened { display:none; }

/* main layout */
#wrap {background:none; min-width:320px; padding-top:50px; }
#header_wrap { position:fixed; top:0; left:0; width:100%; z-index:20; box-shadow:0 8px 32px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.2); }
#header {position:relative; top:0; box-sizing:border-box; width:100%; min-width:1260px; height:149px; margin-top:-99px; padding-top:99px; min-height:50px; background-color:#052e6f; transition:height 0.6s, padding 0.6s; }
#topMenu { position:absolute; top:18px; right:50%; z-index:10; margin-right:-200px; text-align:center;}
.tnb_userinfo,
.tnb_sitemap,
.tnb_sign,
.tnb_lang .lang > span,
.tnb_lang { display:none; }
#topMenu > ul > li a {/* padding:0 0.7rem;*/ display:inline-block; color:#fff; padding:0; font-size:0.9rem; border-right:0; vertical-align:middle;}
#topMenu > ul > li.tnb_mypage a {margin-right:1rem; padding-right:1rem; border-right:1px solid #fff;}
/*#topMenu > ul > li.tnb_login {display:none;}*/
/*#topMenu > ul > li.tnb_login a {display:inline-block; width:123px; padding:8.7px 0; box-sizing:border-box; color:#2c2c2c; text-align:center; background-color:#fff;}*/
/*#topMenu > ul > li.tnb_login a span:before {content:'\f30d'; display:inline-block; margin-right:0.8rem; font-size:1rem; font-weight:600; color:#2c2c2c; font-family:FontAwesome, sans-serif;}*/

.tnb_lang .lang { padding-left:0; }
.tnb_lang .ENG:before { content:'\f0ac'; display:inline-block; font:normal normal 1.5rem/1rem 'FontAwesome'; vertical-align:middle; }
.tnb_lang .ENG img { display:none; }
.tnb_lang .ENG i { display:inline-block; padding:0 0.5rem; vertical-align:middle; color:#99b0d3; }

#gnb_wrap {position:relative; width:1200px; height:50px; margin:0 auto; }
#gnb {position:absolute; top:0; right:0;}
#gnb > li > a {padding:0 35px; font-size:17px; font-weight:400; color:#fff; line-height:50px;}
#gnb > li > a:before { content:''; display:block; position:absolute; bottom:0; left:50%; width:192px; height:3px; margin-left:-96px; background-color:#ffde00; transform:scaleX(0); transition:transform 0.3s; }
#gnb > li:hover > a:before { transform:scaleX(1); }
#gnb > .fair17540 > a:before { width:210px; margin-left:-105px; }
#gnb > li a:hover {color:#fff;}
#gnb > li > div {top:60px; text-align:left;}
#gnb > li .gnb_sub_wrap { visibility:collapse; position:absolute; top:100%; left:50%; width:192px; margin-left:-96px; display:block; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.6); opacity:0; transition:opacity 0.3s, visibility 0s 0.3s; }
#gnb > .fair17540 .gnb_sub_wrap { width:210px; margin-left:-105px; }
#gnb > li:hover .gnb_sub_wrap { visibility:visible; opacity:1; transition:opacity 0.3s, visibility 0.3s 0s; }
#gnb > li .gnb_sub { display:block; margin-top:0; padding:0; border-top:0; border-bottom:0; }
#gnb > li:hover .gnb_sub { left:auto; }
#gnb > li .gnb_sub span { display:none; }
#gnb > li .gnb_sub li { position:relative; border-top:1px solid #d4d4d4; padding:0; font-size:15px; line-height:normal;}
#gnb > li .gnb_sub .nav-bullet + li {border-top:0;}
#gnb > li .gnb_sub li a {position:relative; display:block; padding:15px 25px; text-align:left; transition:color 0.3s;}
#gnb > li .gnb_sub li:hover a { color:#ffde00; text-decoration:none; }
#gnb > li .gnb_sub li:before { content:''; position:absolute; display:block; top:0; left:0; bottom:0; width:100%; transform-origin:0 50%; transform:scaleX(0); background-color:#052e6f; opacity:0; transition:transform 0.3s ease-out, opacity 0.3s ease-out; }
#gnb > li .gnb_sub li:hover:before { opacity:1; transform:scaleX(1); }
#logo {position:absolute; top:99px; height:60%; left:50%; margin-left:-620px; z-index:3; transition:0.6s top, 0.6s height; }
#logo img { max-height:100%; }
.hsection {position:absolute; top:-31px; width:100%; height:99px; border-bottom:1px solid #314f8c; z-index:1; transition: all 0.6s; }
.hsection > div {width:1200px; height:99px; margin:0 auto;}
.hsection .hsecLeft {float:left; margin-top:54px; transform-origin:0 0; transform:scale(0.8); transition:0.6s margin-top, 0.6s transform; }
.hsection .hsecLeft span {display:inline-block; color: #fff; font-size: 1.4rem; font-weight: 800; vertical-align:middle;}
.hsection .hsecLeft span + span {margin-left:10px;}
.hsection .hsecRight {position:relative; top:10px; float:right; text-align:right; transition:0.6s top; }
.hsection .langBox {position:absolute; top:0.8rem; right:255px; z-index:99; width:8rem; padding:8px 0 0; border:1px solid #fff; box-sizing:border-box; font-size:0.8rem; color:#2c2c2c; cursor:pointer; background-color:#fff; text-align:left;}
.hsection .langBox .langButton {display:block; padding:0 0 8px 1.4rem; box-sizing:border-box; font-weight:400; background:transparent url('/home/2023/kibs/image/ico_select_arrow.png') no-repeat 90% 33%;}
.hsection .langBox .langList {overflow:hidden; padding:0.5rem 0; color:#282828; background-color:#fff;}
.hsection .langBox .langList li {padding:8px 1rem; text-align:center;}
.hsection .langBox .langList li:hover {background-color:#e7e7e7;}
.hsection .hNewsletter {position:absolute; top:0.8rem; right:140px;}
.hsection .hNewsletter a {display:block; padding:8px 1.2rem; border:1px solid #fff; box-sizing:border-box; font-size:0.8rem; color:#2c2c2c; background-color:#fff;}
.hsection .hNewsletter a i {display:inline-block; margin-right:3px; vertical-align:middle;}
.hsection .snsLinkArea {position:absolute; top:1.2rem; right:0; font-size:0;}
.hsection .snsLinkArea a {display:inline-block; margin:0 5px; vertical-align:middle;}
.hsection .hsecRight .hsecMenu {display:none; margin:10px 0 30px;}
.hsection .hsecRight .date {/*width:360px;*/ margin-top:3.7rem; transition:0.6s width; text-align:right; }
.hsection .hsecRight .date img {display:inline-block; max-width:100%;}

.hsection .online-test {display: none; position:absolute; top:10px; right:10px; color:rgba(255,255,255,0.1); }

.hsection .header-exhi {display: block; position: absolute; top: 55px; left: 30%; width: 250px; padding: 0.5rem; background-color: #ffe326; font-size: 1rem; border-radius: 1rem; box-sizing: border-box; text-align: center;}
.hsection .header-exhi img {height: 1rem; vertical-align: middle;}

/* shrink header */
/*
.shrink-header #header_wrap { position:fixed; top:0; left:0; width:100%; }
.shrink-header #header { margin-top:-99px; }
.shrink-header #logo { top:99px; height:60%; }
.shrink-header .hsection .hsecRight { top:10px; }
.shrink-header .hsection .hsecLeft { margin-top:54px; transform:scale(0.8); }
.shrink-header .hsection .hsecRight .date { width:360px; }
*/

.main_page #wrap { padding-top: 149px; }
.main_page #header_wrap { position:absolute; }
.main_page #header { margin:0 auto; padding-top:99px; }
.main_page #logo { top:0; height:auto; height:initial; }
.main_page #gnb_wrap { margin:0 auto; }
/*.main_page #topMenu { display:block; top:0; }*/
.main_page .hsection { top:0; height:99px; }
.main_page .hsection .hsecRight { top:0; }
.main_page .hsection .hsecLeft { margin:1rem 0 0 140px; }
.main_page .hsection .hsecRight .date {color: #fff; font-size: 1.2rem; font-weight: 800;}


.shrink-header #header_wrap { position:fixed; top:0; left:0; width:100%; }
.shrink-header #header { margin-top:-99px; padding-top:99px; }
.shrink-header #logo { top:99px; height:60%; }
.shrink-header #gnb_wrap { margin:0 auto; }
.shrink-header #topMenu { top:0; }
.shrink-header .hsection { top:-31px; height:68px; }
.shrink-header .hsection .hsecRight { top:10px; }
.shrink-header .hsection .hsecLeft { margin-top:54px; transform:scale(0.8); }
.shrink-header .hsection .hsecRight .date { width:360px; }

.quickArea {position:absolute; top:265px; right:10px; transition:0.6s transform; width:100px; box-sizing:border-box; text-align:center; font-family:'GyeonggiTitle', 'Noto Sans KR', sans-serif; transform:skew(0.1deg);
/*-webkit-box-shadow: 0px 2px 10px 2px rgba(224,224,224,1);
-moz-box-shadow: 0px 2px 10px 2px rgba(224,224,224,1);
box-shadow: 0px 2px 10px 2px rgba(224,224,224,1);*/}
.main_page .quickArea {top:160px;}
.quickArea .quickTit {display:block; padding:10px 5px; border-top-left-radius:12px; border-top-right-radius:12px; font-size:0.933rem; color:#fff; letter-spacing:-0.04em; background-color:#113f87;}
.quickArea ul {overflow:hidden; padding:10px; border-left:1px solid #c8d1df; border-right:1px solid #c8d1df; border-bottom:1px solid #c8d1df; background-color:#fff;}
.quickArea ul li {display:block; margin-top:12px; padding-top:14px; border-top:1px dotted #9aafbb;}
.quickArea ul li:first-child {margin-top:0; padding-top:0; border-top:0;}
.quickArea ul li a {display:block;}
.quickArea ul li a b {display:block; margin-top:8px; font-size:1rem; font-weight:400; text-align:center;}
.quickArea ul li a b span {display:block; font-size:0.8rem; color:#0060bb; text-align:center;}

/*.quickArea ul li:first-child {margin-top:0;}
.quickArea ul li.dday {overflow:hidden; height:10px; text-align:center; color:#fff; background-color:#0060bb;}
.quickArea ul li.dday p {padding-top:10px; font-size:22px; font-weight:400; font-family:'Open Sans', sans-serif;}
.quickArea ul li.down {padding:10px 6px; font-size:13px; color:#050037; letter-spacing:-0.04em; background:#fff url('/home/2023/kibs/image/ico_download.png') no-repeat 96% center;}
.quickArea ul li.down span {color:#003387;}
.quickArea ul li.go {padding:10px 6px 10px 12px; font-size:13px; color:#050037; letter-spacing:-0.04em; background:#fff url('/home/2023/kibs/image/ico_regi.png') no-repeat 96% center;}
.quickArea .quickImg {margin-top:10px; text-align:center;}*/

.quickArea.q2 { left:0; right:auto; }
.quickArea.q2 .quickImg { margin-top:0; margin-left:0.7rem; }

/* newsletter 20200409 */
/*#kibs_regist_form {display:none; position:fixed; font-size:1.1rem; box-sizing:border-box; width:50%; max-width:36rem; padding:2rem 4rem; border: 0.5rem solid #56cef6; background-color:#fff; box-shadow:0px 3px 9px rgba(0,0,0,0.2); z-index:10001; line-height:1.5; word-break:keep-all; word-wrap:break-word;}*/
#kibs_regist_form {position:fixed; top:-540px; right:8%; font-size:1.1rem; box-sizing:border-box; width:50%;/*min-width:300px;*/ max-width:36rem; padding:2rem 4rem; border: 0.5rem solid #56cef6; background-color:#fff; box-shadow:0px 3px 9px rgba(0,0,0,0.2); z-index:10001; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
#kibs_regist_form .title { position:relative; padding:1rem 0; text-align:center; font-size:1.5rem; font-weight:600; }
#kibs_regist_form .desc { margin-bottom:1rem; text-align:center; }
#kibs_regist_form .subscribe-button-bar { margin-top:1rem; }
#kibs_regist_form .subscribe-button-bar .btn1 { box-sizing:border-box; width:100%; padding:0.5rem; background-color:#003669; font-size:1.25rem; }
#kibs_regist_form .subscribe-button-bar .btn1 > * { vertical-align:baseline; }
#kibs_regist_form .newsletterForm td {padding:0.5rem; font-size:1rem;}
#kibs_regist_form .newsletterForm td input[type=text] { width:90%; border:0; padding:0.5rem 1rem; font-size:1rem; background-color:#f3f3f3; }
#kibs_regist_form .close-button-bar { position:absolute; top:1rem; right:2rem; color:#000; font-size:2.5rem; line-height:1; }
#kibs_regist_form .close-button-bar a { display:block; }
#kibs_regist_form .not-today  { margin-top:0.5rem; }
#kibs_regist_form .not-today * { vertical-align:baseline; }
#kibs_regist_form .not-today input { width:1rem; height:1rem; }

/* main */
.visualArea {overflow:hidden; position:relative; width:100%; height: calc(100vh - ( 149px +  80px )); background-color: #052e6f; }
.visualArea .visualSlide {overflow:hidden; height: 100%;}
.visualArea .visualSlide .slick-track,
.visualArea .visualSlide .slick-list {height: 100%;}
.visualSlide .slide-item img { width: 1350px; margin: 0 auto; height: 100%; object-fit: cover;}
.visualSlide.slick-dotted.slick-slider {margin-bottom:0;}
.visualSlide .slick-dots {display:none;}
.visualSlide .slick-prev:before, .visualSlide .slick-next:before {content:'';}
.visualSlide .slick-prev:hover, .visualSlide .slick-prev:focus {background:url('/home/2023/kibs/image/btn_mid_slide_prev.png') no-repeat 0 0;}
.visualSlide .slick-next:hover, .visualSlide .slick-next:focus {background:url('/home/2023/kibs/image/btn_mid_slide_next.png') no-repeat 0 0;}
.visualSlide .slick-prev {width:4rem; height:5rem; left:2.5%; z-index:1; background:url('/home/2023/kibs/image/btn_mid_slide_prev.png') no-repeat 0 0; background-size:cover; }
.visualSlide .slick-next {width:4rem; height:5rem; right:2.5%; z-index:1; background:url('/home/2023/kibs/image/btn_mid_slide_next.png') no-repeat 0 0; background-size:cover; }

.visual-title-wrap { position:absolute; left:0; top: 5%; width:100%; /*pointer-events:none;*/ }
.visual-title-wrap .main-center { width:1200px; margin: 0 auto; text-align:center; }
.visual-title-wrap .text-image {display: none; margin-bottom:0px; -webkit-user-drag:none; }
.visual-title-wrap .text-image .d-day {display: none; padding: 1rem 2rem; background-color: rgba(255,255,255,0.9); border-radius: 2rem; font-size: 2rem; box-sizing: border-box;}
.visual-title-wrap .text-image .d-day .ddayArea {display: flex; margin-top: 1rem; background: #fff; font-size: 1.4rem; border: 2px solid #052e6f;}
.visual-title-wrap .text-image .d-day .ddayArea p {width: 20%; padding: 1.6rem 1rem; background: #052e6f; color: #fff;}
.visual-title-wrap .text-image .d-day .ddayArea .ddayBox {display: flex; justify-content: space-around; align-items: center; width: 80%; padding: 1rem 0;}
.visual-title-wrap .text-image .d-day .ddayArea .ddayBox .unit {margin-bottom: 0.4rem; font-size: 0.8rem;}
.visual-title-wrap .text-image .online-exhibition-btn a {display: block; width: 85%; margin: 0 auto 1rem; padding: 1rem 2rem; border-radius: 2rem; font-size: 2rem; box-sizing: border-box;}
.visual-title-wrap .text-image .online-exhibition-btn a.yellow {display: none; background-color: #ffe326;}
.visual-title-wrap .text-image .online-exhibition-btn a.blue {background-color: #052e6f; color: #fff;}
.visual-title-wrap .text-image .online-exhibition-btn img {vertical-align: middle; height: 50px;}

.midMenuArea {overflow:hidden; width:100%; height:auto; background-color:#111;}
.midMenuArea ul {overflow:hidden; position:relative; width:100%; height:80px; max-width:1440px; margin: 0 auto; font-size:0; text-align:center;}
.midMenuArea ul li {display:inline-block; width:16.6666%; height:100%; padding:0;}
.midMenuArea ul li a {display:block; height:100%; box-sizing:border-box; padding:20px 10px; margin:0 5px; font-size:0; color:#fff3f3; text-align:center; white-space:nowrap;}
.midMenuArea ul li a:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.midMenuArea ul li a:hover {color:#ffe326;}
.midMenuArea ul li a:hover div.midMenuTxt {border-bottom:1px solid #ffe326;}
.midMenuArea ul li a div {display:inline-block; vertical-align:middle; font-size:1.06rem; letter-spacing: -0.05em;}
.midMenuArea ul li a div.midMenuImg {margin-right:10px;}
.midMenuArea ul li a div.midMenuTxt {padding-bottom:3px; border-bottom:1px solid transparent;}
/* 온라인 전시회 입장 */
.midMenuArea ul li.midMenu03 {background: #ffe326;}
.midMenuArea ul li.midMenu03 a {color: #000;}
.midMenuArea ul li.midMenu03 a:hover {color: #052e6f;}
.midMenuArea ul li.midMenu03 a:hover div.midMenuTxt {border-color: #052e6f;}

.brochure-popup { display:none; position:absolute; background-color:#111111; z-index:2; overflow-y:auto; }
.brochure-popup-active .brochure-popup { display:block; }
.brochure-popup .brochure-item { position:relative; padding:0.5rem 1rem; border:1px solid #999; margin-bottom:-1px; white-space:nowrap; cursor:pointer; overflow:hidden; }
.brochure-popup .brochure-item:last-child { margin-bottom:0; }
.brochure-popup .image { display:inline-block; margin-right:0.5rem; width:2rem; height:2rem; border-radius:1rem; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; }
.brochure-popup .title { display:inline-block; margin-right:0.5rem; color:#fff; }
.brochure-popup .eb { display:block; font-size:0.75rem; color:#999; }
.brochure-popup .lang-name { display:block; font-size:1rem; }
.brochure-popup .fa { float:right; font-size:1.2rem; margin-top:0.4rem; color:#fff; }

/*.quickBrochureArea {overflow:hidden; display:block; position:absolute; top:12rem; right:8rem; padding:1.6rem; background-color:rgba(0,0,0,.6);}
.quickBrochureArea div ~ div {margin-top:0.5rem;}
.quickBrochure .brochureItem {position:relative; margin-top:0.5rem;}
.quickBrochure .brochureItem:first-child {margin-top:0;}
.quickBrochure .brochureItem:hover {cursor:pointer;}
.quickBrochure .image {display:inline-block; margin-right:0.5rem; width:1.5rem; height:1.5rem; border-radius:1rem; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.quickBrochure .title {display:inline-block; margin-right:1.2rem; font-size:1rem; color:#fff;}
.quickBrochure .fa {float:right; font-size:1.1rem; margin-top:0.1rem; color:#fff;}*/

.brochureList {overflow:hidden; margin-top:1.7rem;}
.brochureList a ~ a {margin-left:0.8rem;}
.brochureList a span {display:inline-block; vertical-align:middle;}
.brochureList a .image {display:inline-block; margin-right:0.3rem; width:1.3rem; height:1.3rem; border-radius:1rem; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.brochureList a .title {font-size:0.75rem; color:#fff; font-weight:300;}

.brochure-popup .lang-eng .image, .brochureList .lang-eng .image { background-image:url('/home/2023/kibs/image/img_flag_usa.jpg'); }
.brochure-popup .lang-spa .image, .brochureList .lang-spa .image { background-image:url('/home/2023/kibs/image/img_flag_spain.jpg'); }
.brochure-popup .lang-rus .image, .brochureList .lang-rus .image { background-image:url('/home/2023/kibs/image/img_flag_russia.jpg'); }
.brochure-popup .lang-fra .image, .brochureList .lang-fra .image { background-image:url('/home/2023/kibs/image/img_flag_france.jpg'); }
.brochure-popup .lang-ger .image, .brochureList .lang-ger .image { background-image:url('/home/2023/kibs/image/img_flag_germany.jpg'); }
.brochure-popup .lang-jpn .image, .brochureList .lang-jpn .image { background-image:url('/home/2023/kibs/image/img_flag_japan.jpg'); }
.brochure-popup .lang-chi .image, .brochureList .lang-chi .image { background-image:url('/home/2023/kibs/image/img_flag_china.jpg'); }
.brochure-popup .lang-ara .image, .brochureList .lang-ara .image { background-image:url('/home/2023/kibs/image/img_flag_arab.jpg'); }
.brochure-popup .lang-kor .image, .brochureList .lang-kor .image { background-image:url('/home/2023/kibs/image/img_flag_korea.jpg'); }
.brochure-popup .lang-por .image, .brochureList .lang-por .image { background-image:url('/home/2023/kibs/image/img_flag_portugal.jpg'); }
.brochure-popup .lang-uk .image, .brochureList .lang-uk .image { background-image:url('/home/2023/kibs/image/img_flag_uk.jpg'); }

.slideArea {overflow:hidden; width:100%;}
.slideArea div {width:100%;}
.slideArea div img {width:100%; -webkit-user-drag:none;}
.slideArea.slick-dotted.slick-slider {margin-bottom:0;}
.slideArea .slick-dots {display:none;}
.slideArea .slick-prev:before, .slideArea .slick-next:before {content:'';}
.slideArea .slick-prev:hover, .slideArea .slick-prev:focus {background:url('/home/2023/kibs/image/btn_mid_slide_prev.png') no-repeat 0 0;}
.slideArea .slick-next:hover, .slideArea .slick-next:focus {background:url('/home/2023/kibs/image/btn_mid_slide_next.png') no-repeat 0 0;}
.slideArea .slick-prev {width:4rem; height:5rem; left:2.5%; z-index:1; background:url('/home/2023/kibs/image/btn_mid_slide_prev.png') no-repeat 0 0; background-size:cover; }
.slideArea .slick-next {width:4rem; height:5rem; right:2.5%; z-index:1; background:url('/home/2023/kibs/image/btn_mid_slide_next.png') no-repeat 0 0; background-size:cover; }

.linkArea {overflow:hidden; width:100%; height:auto;}
.linkArea > div {position:relative; float:left; width:33.333%; height:26rem; box-sizing:border-box;}
.linkArea > div > div {padding:3.5rem 2rem; box-sizing:border-box;}
.linkArea > div.boardArea > div {padding:2.5rem 2rem;}
.linkArea .link01 {overflow:hidden; background:url('/home/2023/kibs/image/bg_link01.png') no-repeat 0 center; background-size:cover;}
/*.linkArea .link01 a {position:absolute; top:0; left:0; width:100%; bottom:0;}*/
/*.linkArea .link01 a img.link01_txt {display:block; position:absolute; width:50%; top:50%; left:50%; transform:translate(-50%, -50%);}
.linkArea .whatsonArea {position:absolute; top:0; left:0; width:100%; bottom:0; padding:4rem; box-sizing:border-box;}*/
.linkArea .whatsonArea .boardTit {position:relative; margin-bottom:2rem;}
.linkArea .whatsonArea .boardTit strong {display:block; font-size:2.13rem; font-weight:600; color:#fff; text-align:center;}
.linkArea .whatsonArea .boardTit a {position:absolute; top:2.2rem; right:0; font-size:1rem; color:#fff;}
.linkArea .whatsonArea .whatson {overflow:hidden; padding:1.667rem 2.333rem; font-size:0; background-color:rgba(0,22,79,.5);}
.linkArea .whatsonArea .whatson .wsIco {display:inline-block; width:25%; padding-right:1rem; box-sizing:border-box; vertical-align:middle;}
.linkArea .whatsonArea .whatson .wsIco img {max-width:100%;}
.linkArea .whatsonArea .whatson .main_bbs {overflow:hidden; display:inline-block; width:75%; vertical-align:middle;}
.linkArea .whatsonArea .whatson .main_bbs li a {position:relative; display:block; padding-right:1.5rem; }
.linkArea .whatsonArea .whatson .main_bbs li a strong {overflow:hidden; display:block; width:100%; font-size:1.333rem; font-weight:400; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.linkArea .whatsonArea .whatson .main_bbs li a .date {display:block; margin-top:1.2rem; font-size:0.933rem; font-weight:300; color:#fff;}
.linkArea .whatsonArea .whatson .main_bbs li a .new { position:absolute; top:0; right:0; width:1rem; height:1rem; background-image:url('/_master/image/ico_new.svg'); background-size:100%; }
.linkArea .whatsonArea .whatson .main_bbs li:last-child {margin-top:1.667rem; padding-top:1.667rem; border-top:1px solid #fff;}
/*.linkArea .link02 {overflow:hidden; position:relative; float:left; width:25%; padding-bottom:21.6%; background:url('/home/2023/kibs/image/bg_link02.png') no-repeat 0 0; background-size:cover;}
.linkArea .link03 {overflow:hidden; position:relative; float:left; width:25%; padding-bottom:21.6%; background:url('/home/2023/kibs/image/bg_link03.png') no-repeat 0 0; background-size:cover;}
.linkArea .link02 > div, .linkArea .link03 > div {position:absolute; top:0; left:0; width:100%; bottom:0; text-align:center;}
.linkArea .linktt {display:block; margin-top:40%; font-size:2.18rem; font-weight:400; text-align:center; color:#002257;}
.linkArea .link03 .linktt {color:#fff;}
.linkArea .btnLink {display:inline-block; margin-top:12%; padding:14px 20% 14px 14px; border:1px solid #002257; font-size:1.12rem; color:#002257;}
.linkArea .link02 .btnLink {background:url('/home/2023/kibs/image/bg_link02_btn.png') no-repeat 86% center; background-size:23% auto;}
.linkArea .link03 .btnLink {border-color:#fff; color:#fff; background:url('/home/2023/kibs/image/bg_link03_btn.png') no-repeat 86% center; background-size:23% auto;}*/

.videoArea {position:relative; overflow:hidden; width:100%; padding:60px 0 40px; text-align:center; background:url('/home/2023/kibs/image/bg_video_area.png') no-repeat 0 center; background-size:cover;}
.videoArea p {font-size:2.06rem; color:#fff;}
.videoArea p span {display:block; width:4px; height:35px; margin:0 auto 19px; background-color:#00aeef;}
.videoArea strong {display:block; margin-bottom:25px; font-size:2.06rem; color:#00aeef;}
.videoBox {position:relative; display:inline-block; width:54.3%; padding-bottom:30.6%;}
.videoBox iframe {position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; border:0;}

/*.boardArea {overflow:hidden; padding:40px 0 45px; background-color:#002258;}
.boardArea .boardWrap {overflow:hidden; width:1200px; margin:0 auto;}
.boardArea .noticeArea {float:left; width:50%;}
.boardArea .noticeArea > div {position:relative; margin:0 28px;}
.boardArea .industryArea {overflow:hidden;}
.boardArea .industryArea > div {position:relative; margin:0 28px; }*/
.boardArea {background-color:#002258;}
.boardArea strong.boardtt {display:inline-block; font-size:1.375rem; color:#fff; padding:0.5rem 1rem; margin-left:-1rem; }
.boardArea .main_bbs {overflow:hidden; margin-top:1rem; border-top:2px solid #3b5480;}
.boardArea .main_bbs li {position:relative; padding:0.85rem; border-bottom:1px solid #1d3a6d;}
.boardArea .main_bbs li a { position:relative; display:block; }
.boardArea .main_bbs li strong {overflow:hidden; display:block; box-sizing:border-box; width:80%; padding-right:1.25rem; font-size:1rem; font-weight:400; color:#d4d4d4; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s; }
.boardArea .main_bbs li span.date {display:block; position:absolute; top:0.1rem; right:0.85rem; font-size:0.812rem; color:#8d8d8d;}
.boardArea .main_bbs li .new { position:absolute; top:0; right:0; width:1rem; height:1rem; background-image:url('/_master/image/ico_new.svg'); background-size:100%; }
.boardArea .main_bbs li a:hover strong {color:#fff581;}
.boardArea .more {position:absolute; display:block; font-size:0.937rem; font-weight:400; color:#fff; top:3.6rem; right:2rem; }

/* .industryArea .main_bbs li { overflow:hidden; }
.industryArea .img { float:left; width:4.25rem; margin-right:1rem; }
.industryArea .img img { width:100%; }
.industryArea .main_bbs li strong { width:auto; overflow:visible; white-space:normal; margin:0.5rem; color:#fff;  }
.industryArea .main_bbs .summary {overflow:hidden; height:2.7rem; line-height:1.4; font-size: 0.9rem; color:#d3d3d3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; word-wrap:break-word; -webkit-box-orient:vertical;} */


.tab_list ul { display:inline-block; margin-left:-1rem; overflow:hidden; }
.tab_list li { float:left; }
.tab_list li a { display:inline-block; font-size:1.375rem; font-weight:bold; padding:0.5rem 1rem; color:#5d7399; }
.tab_list li.active a { color:#ffffff; }
.tab_list .btn_more { position:absolute; display:block; font-size:0.937rem; font-weight:400; color:#fff; top:3.6rem; right:2rem; }

.socialArea {overflow:hidden; width:100%; padding:90px 0 75px; text-align:center; background:url('/home/2023/kibs/image/bg_sns_area.png') no-repeat 0 center; background-size:cover;}
.socialArea .socialWrap {overflow:hidden; width:1200px; margin:0 auto;}
.socialArea strong.socialtt {display:block; margin-bottom:35px; font-size:2.06rem; color:#1c488d; text-align:center;}
.socialArea p {margin-bottom:10px; text-align:center;}
.socialArea p img {vertical-align:middle;}
.socialArea p span {display:inline-block; margin-left:23px; font-size:1.375rem; color:#fff; vertical-align:middle;}
.socialArea > div > div > div {position:relative; margin:0 28px; padding:14px;}
.socialArea .fbArea {float:left; width:50%;}
.socialArea .fbArea > div {background-color:#1d51a0;}
.socialArea .fbArea .fb {position:relative; width:100%; overflow:auto; }
.socialArea .nvArea {overflow:hidden;}
.socialArea .nvArea > div {padding:1em 1.5em; background-color:#23b400;}
.socialArea .naver_blog_rss {position:relative; width:100%; height:500px; border:0px solid #ebebeb; border-top:0px; overflow-x:hidden; overflow-y:scroll; background:#fff;}
.socialArea .naver_blog_rss ul {margin:0.7em; border-top:1px solid #dedede;}
.socialArea .naver_blog_rss ul li {position:relative; padding:1em; border-bottom:1px solid #dedede; text-align:left;}
.socialArea .naver_blog_rss ul li strong {overflow:hidden; display:block; margin-bottom:3px; font-size:1rem; font-weight:400; white-space:nowrap; text-overflow:ellipsis;}
.socialArea .naver_blog_rss ul li span.date {font-size:0.75rem; color:#8d8d8d;}

.btLinkArea {overflow:hidden; background-color:#052e6f;}
.btLinkArea ul { display: flex; justify-content: center; max-width:1200px; width:100%; margin: 0 auto; }
.btLinkArea ul li { display: flex; width:33.333% !important; }
.btLinkArea ul li.btnLink04 {background-color:#f9e81f;}
.btLinkArea ul li.btnLink04 span {font-size:0.9375rem; margin-bottom:5px; font-weight:400;}
.btLinkArea ul li a {overflow:hidden; display: flex; justify-content: space-evenly; align-items: center; width: 100%; padding:20px 10px; border-left:1px solid #2a4d84; color:#fff; line-height:2em;}
.btLinkArea ul li a:last-child { border-right:1px solid #2a4d84; }
.btLinkArea ul li a div {display:inline-block;}
/* .btLinkArea ul li a div.btnLInkImg {float:left; height:3.9375rem;} */
.btLinkArea ul li.btnLink04 a {color:#4d383d;}
.btLinkArea ul li a span {display:block; font-size:0.937rem; font-weight:300;}
.btLinkArea ul li a p {font-size:1.25rem; }

.logoArea {overflow:hidden;}
.logoArea .logoWrap {overflow:hidden; width:1200px; margin:30px auto 0;}
.main_logos_b {overflow:hidden; margin-bottom:10px; text-align:left; vertical-align:middle;}
.logoWrap .os00 {display:inline-block; vertical-align:middle;}
.logoWrap .os00 img {margin: 0px 2px; vertical-align:middle;}
.logoWrap strong {display:inline-block; margin-right:10px; padding:6px; vertical-align:middle; font-size:14px; font-weight:400; color:#fff; background:#a7b4cb; overflow:hidden; }
.logoWrap a {display:inline-block; vertical-align:middle;}
.logoWrap .os00 a.txt {display:inline-block; margin:0 10px; color:#4b6387;}
.logoWrap .main_logos_b .os00 + .os00 {margin-left:40px;}
.logoWrap .main_logos_b div.os02 {margin-left:120px;}
.logoWrap .main_logos_b div.os04 {display:block;}
.logoWrap .main_logos_b div.os04 strong {float:left; margin-top:7px;}
.logoWrap .main_logos_b div.os04 .logoList {overflow:hidden; padding:0; font-size:0;}
.logoWrap .main_logos_b div.os04 .logoList a { display:inline-block; box-sizing:border-box; width:auto; height:50px; padding:3px 5px; text-align:center; }
.logoWrap .main_logos_b div.os04 .logoList img {max-width:100%; max-height:100%; margin:0.3rem;}
/*
.logoWrap .main_logos_b div.os04 .logoSlide .slick-prev:before, .logoWrap .main_logos_b div.os04 .logoSlide .slick-next:before {content:'';}
.logoWrap .main_logos_b div.os04 .logoSlide .slick-prev {width:17px; height:32px; left:0; z-index:1; background:url('/home/2023/kibs/image/bt_slide_prev.png') no-repeat 0 0;}
.logoWrap .main_logos_b div.os04 .logoSlide .slick-next {width:17px; height:32px; right:0; z-index:1; background:url('/home/2023/kibs/image/bt_slide_next.png') no-repeat 0 0;}
*/

#scroll {display:none;}
/* .footer {margin-top:30px; border-top:1px solid #e3e5e8;} */
.footer > div  {width:auto; padding:0;}
.footer > div.footInfoArea {width:auto; padding:20px 0 60px; border-top:1px solid #e3e5e8;}
.footer > div.footInfoArea > div {max-width:1200px; margin:0 auto;}
.footer > div.footInfoArea .footerLogo {float:left;}
.footer > div.footInfoArea .footerRight {overflow:hidden; text-align:right; font-size:0.875rem; color:#707782; line-height:1.8em;}
.footer > div.footInfoArea .footerTxt {display:inline-block; vertical-align:middle;}
.footer > div.footInfoArea .footerTxt p span {display:inline-block;}
.footer > div.footInfoArea .footerTxt p span + span {margin-left:10px;}
.footer > div.footInfoArea .footerQR {display:inline-block; margin-left:10px; vertical-align:middle;}
.footer > div.footInfoArea address {margin-left:0; font-size:0.875rem; color:#707782; line-height:normal;}
.footer > div.footInfoArea .footerPri {display:inline-block; margin-right:1rem}
.footer > div.footInfoArea .copyright {display:inline-block; font-size:0.625rem; color:#a7a7a7;}

.footer .quick-box { display: flex; flex-direction: column; align-items: center; position: fixed; gap: 1rem 0; top: 30%; right: 3rem; z-index: 10; font-size: 0.9rem; opacity: 0.9;}
.footer .quick-box .quick-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; width: 7.3rem; height: 7.3rem; text-align: center; border-radius: 50%; border: 2px solid #ccc; }
.footer .quick-box .quick-btn.quick01 { display: none; height: auto; border: none; }
.footer .quick-box .quick-btn.quick02 {  gap: 0.5rem 0; color: #fff; background: #052e6f; }
.footer .quick-box .quick-btn.quick03 { display: none; flex-direction: row; width: 8rem; height: 3rem; color: #fff; background: #052e6f; text-align: center; line-height: 3rem; border-radius: 10px; }
.footer .quick-box .quick-btn.quick03 i { margin-right: 5px; line-height: 3rem; }
.footer .quick-box .quick-btn.quick04 { border: none; display: none; }
.fairmenu17592.fairmenu17501.fair_vst.vst_comment .footer .quick-box .quick-btn.quick04 {display: block;}

.footer .foo-btn {margin: 1rem 0;}
.footer .foo-btn .btn {padding: 0.5rem 0.8rem; border: 1px solid #eaeaea; color: #999;}

.button-scroll { display:none; position:fixed; top:50%; right:0.7rem; margin-top:-75px; transition:right 1s; z-index:2; }
.button-scroll li { display:block; padding:0.8em; }
.button-scroll a { display:block; width:0.8rem; height:0.8rem; border-radius:0.4rem; background-color:#fff; font-size:0; text-indent:-9999px; overflow:hidden; box-shadow:0 2px 4px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3); transition:background-color 0.3s; }
.button-scroll a.active { background-color:#ffde00; }
.main_page .button-scroll { display:block; }

/* sub layout */
#sidebar {display:none;}
#container {width:100%; border:0; }
#content.sub_content {padding:0 0 70px; margin-left:0; border:0;}
#content.sub_content .com_subtitle {width:100%; height:auto; border-bottom:0; padding:0; background:#edeef3/* url('/home/2023/kibs/image/sub_top_visual.png') no-repeat center 39%; background-size:cover*/;}
#content.sub_content .com_subtitle h2 {display:none; width:100%; height:120px; padding-top:65px; font-size:45px; color:#fff; text-align:center; background:url('/home/2023/kibs/image/sub_top_visual.png') no-repeat center 0; background-size:cover;}
#content.sub_content .com_subtitle .menu_name {font-size:3rem; font-weight:500; }
#content.sub_content .com_subtitle .menu_name:before,
#ex_application .com_subtitle .menu_name:before {content:'';}
#content.sub_content .com_subtitle .breadcrumb {position:relative; display:block; bottom:auto; right:auto; width:1027px; margin:0 auto; padding:0; border-bottom:1px solid #dbdbdb; font-size:1rem; line-height:1; color:#052e6f; }
#content.sub_content .com_subtitle .breadcrumb:after { content:''; display:table; clear:both; }
#content.sub_content .com_subtitle .breadcrumb a,
#content.sub_content .com_subtitle .breadcrumb strong { background-color:#edeef3; background-color:rgba(237, 238, 243, 0.95); }
#content.sub_content #con_container {width:1200px; margin:0 auto; padding:4.375rem 0;}
#con_container img { max-width:100%; }

.fair_branch #content { min-height:auto; padding-bottom:0; }
.fair_branch .com_subtitle { display:none; }
.fair_branch #content.sub_content #con_container { width:100%; padding:4% 5%; box-sizing:border-box; background-color:#001b46; }
.branch-container { position:relative; width:100%; height:0; padding-bottom:45%; }
.branch-item { position:relative; cursor:pointer; overflow:hidden; transition:all 0.15s ease-in-out; will-change:width; }
.branch-col-1 { position:absolute; top:0; left:0; width:50%; height:100%; transition:all 0.15s ease-in-out; will-change:width, height; }
.branch-col-1 .branch-item { width:100%; height:100%; }
.branch-col-2 { position:absolute; top:0; right:0; width:50%; height:100%; transition:all 0.15s ease-in-out; will-change:width, height; }
.branch-col-2 .branch-item { width:100%; height:50%; }

.branch-item .default-image { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgb(20, 20, 20); background-position:0 0; background-size:100%; }
.branch-item .hover-image { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; transition:opacity 0.3s; }
.branch-item:hover .hover-image { opacity:0.2; }
.branch-item .text { position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); font-size:1.5rem; color:#fff; text-align:center; }
.branch-item .icon { display:inline-block; margin:0 1.5rem; width:3rem; height:3rem; border:0.125rem solid #ffffff; border-radius:4rem; background-color:#454545; background-color:rgba(0,0,0,0.5); background-position:center center; background-repeat:no-repeat; background-size:auto 60%; vertical-align:middle; }
.branch-item .title { display:inline-block; vertical-align:middle; width: calc(100% - 8rem); }

#branch-1 .default-image { left:0; background-image:url('/home/2023/kibs/image/img_branch_1.png'); }
#branch-2 .default-image { left:auto; right:0; background-image:url('/home/2023/kibs/image/img_branch_2.png'); background-size:cover; background-position:center center; }
#branch-3 .default-image { left:auto; right:0; background-image:url('/home/2023/kibs/image/img_branch_3.png'); background-size:cover; background-position:center center; }
#branch-4 .default-image { left:auto; right:0; background-image:url('/home/2023/kibs/image/img_branch_4.png'); }

#branch-2 .text,
#branch-3 .text,
#branch-4 .text { top:auto; bottom:0; left:0; text-align:left; }
#branch-1 .title { display:block; width:100%; }
#branch-1 .icon { margin-bottom:0.5rem; background-image:url('/home/2023/kibs/image/ico_registration.png'); }
#branch-2 .icon { background-image:url('/home/2023/kibs/image/ico_meeting.png'); }
#branch-3 .icon { background-image:url('/home/2023/kibs/image/ico_marine.png'); }
#branch-4 .icon { background-image:url('/home/2023/kibs/image/ico_jobfair.png'); }

/*
.branch-container:hover .branch-col-1,
.branch-container:hover .branch-col-2 { width:48%; }
.branch-container .branch-col-1:hover,
.branch-container .branch-col-2:hover { width:52%; }
.branch-container .branch-col-2:hover .branch-item { height:32%; }
.branch-container .branch-col-2 .branch-item:hover { height:36%; }
*/

.breadcrumb .divider { display:none; }
.breadcrumb a:first-of-type { font-size:0; }
.breadcrumb a:first-of-type:before { display:inline-block; font:normal normal normal 1.25rem/1rem 'FontAwesome'; content:'\f015'; }
.breadcrumb .path { position:relative; float:left;display:inline-block; box-sizing:border-box; min-width:225px; padding:1rem 3rem 1rem 1rem; border-right:1px solid #dbdbdb; cursor:pointer;}
.breadcrumb .path-home { min-width:auto; border-right:0; padding:1rem; }
.breadcrumb .path-current { font-weight:normal; }

.btn-sub-nav { position:absolute; top:50%; right:0.75rem; width:1.5rem; height:1.5rem; margin-top:-0.75rem; background-color:#bfc8d9; }
.btn-sub-nav:before,
.btn-sub-nav:after { content:''; position:absolute; width:0.707rem; height:1px; background-color:#fff;bottom:0.5rem; }
.btn-sub-nav:before { right:50%; transform-origin:100% 100%; transform:rotate(45deg); }
.btn-sub-nav:after { left:50%; transform-origin:0 100%; transform:rotate(-45deg); }

.path .nav-list { display:none; position:absolute; top:100%; right:0; width:100%; background-color:#edeef3; z-index:2; box-shadow:0 4px 16px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.16); }
.path .nav-item { display:block; position:relative; font-size:1rem; box-sizing:border-box; padding:0.75rem 1.5rem; color:#4d4d4d; transition:color 0.3s, background-color 0.3s; font-weight:normal; }
.path .nav-item:hover,
.path .nav-item.current-nav { color:#fff; background-color:#052e6f; }

.sns_share { position:absolute;top:100%;right:0.5em;margin-top:0.3em; line-height:0; }
.sns_share > div { float:left; margin:0.2em; }

/* mypage */
.stepTitle {display:none;}

/*pageSc*/
div.pageBox { letter-spacing:-0.03; }
.pointB01 { font-size:26px; color:#324c94; line-height:40px; font-weight:700;}
.pointB02 { font-size:22px; color:#324c94; line-height:40px; font-weight:300;}
.pointB03 { font-size:19px; color:#324c94; font-weight:300; line-height:40px; vertical-align:bottom; }
.pointB04 { font-size:19px; color:#324c94; font-weight:700; line-height:40px; vertical-align:bottom; }
.point01 { font-size:14px !important; color:#3885d3; }
.subTit { font-size:26px !important; color:#3885d3; font-weight:500; line-height:43px;}
em { font-style : italic; }
.surmary_txt { font-size:12px; line-height:15px; color:#888; }

.kibs_txt { font-size:14px; line-height:24px; color:#737373; font-weight:400; white-space:pre-line; *white-space: pre; *word-wrap: break-word; }
.kibs_ul {font-size:15px; line-height:20px; color: #757575;}
.kibs_ul li { line-height:27px; }

/* tab */
.kibs_tab01 {width:100%;}
.kibs_tab01 td { height:50px; line-height:50px; text-align:center; color:#3c4f8c; font-size:16px; font-weight:600; border-bottom:1px solid #3c4f8c; overflow:hidden; }
.kibs_tab01 td.on { color:#1baea9; border-bottom:5px solid #1baea9; font-size:19px; height:45px; line-height:50px;}
.kibs_tab01 td a { color:#3c4f8c; }
.kibs_tab01 td a span, .kibs_tab01 td.on a span { font-size:12px; }
.kibs_tab01 td.on a { color:#1baea9; }

/* 탭 */
.tab_content {position:relative; min-width:770px; font-size:14px;}
.tab_content p.blt {display:block; line-height:19px; padding-left:20px; margin-bottom:5px; background:url('/kor/images2014/blt.gif') no-repeat 0 4px;}
.tab_content .box {overflow:hidden; border:1px solid #ccc; height:60px; line-height:60px; text-align:center; vertical-align:middle; min-width:770px;background:#f3f3f3;}
.tab_content .box span { vertical-align:middle; }
.tab_content .box .search {font-weight:bold; padding-right:10px; height:30px; line-height:30px; vertical-align:middle; border:0px; }
.tab_content .box select {width:128px; font-size:14px; margin:0 2px; padding:0px 3px; height: 32px; line-height: 32px; border:1px solid #ccc; vertical-align:middle; overflow:hidden;}
.tab_content .box input[type=text]{width:8rem; font-size:1rem; margin:0 2px; padding:7px 5px; vertical-align:middle; border:1px solid #ccc; overflow:hidden;}
.btn_type01{ display:inline-block; padding:0px 20px; height:32px; line-height:32px; text-align:center; color:#fff; background:#3b56ad; font-size:13px; border:0; border-radius:4px; vertical-align:middle;}
.btn_type01:hover {background:#3c4f8c; color:#fff;}
.tab_overlay { position:absolute; top:0; left:0; bottom:0; width:100%; background-color:rgba(255,255,255,0.6); }
.tab_overlay div { height:100%; }

.board1_search .bbs_year_search { display:none; }
.bbs_year_container { display:block; }
.bbs_year_container .bbs_year { display:table; width:100%; }
.bbs_year_container .bbs_year > li { display:table-cell; }
.bbs_year_container .bbs_year > li { height:50px; line-height:50px; text-align:center; color:#3c4f8c; font-size:16px; font-weight:600; border-bottom:1px solid #3c4f8c; overflow:hidden; }
.bbs_year_container .bbs_year > li.selected { color:#1baea9; border-bottom:5px solid #1baea9; font-size:19px; height:45px; line-height:50px;}
.bbs_year_container .bbs_year > li a { color:#3c4f8c; }
.bbs_year_container .bbs_year > li.selected a { color:#1baea9; }

/* table style */
.tableArea {overflow:hidden;}
td.imgcell img {margin:5px 3px 3px 1px; vertical-align:middle;}
table.write {width:100%; border-top:3px solid #052e6f; border-bottom:2px solid #a7a9ac; table-layout:fixed; font-size:0.9375rem;}
table.write tr {border-top:1px solid #e9e9e9;}
table.write tr:first-child {border-top:0;}
table.write th {color:#052e6f; font-weight:500;}
table.write th.br {border-right: 1px solid #fff !important;}
table.write th,
table.write td {padding:8px; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
table.write td {color:#4a4a4a; border-right:1px solid #e9e9e9; border-left: 1px solid #e9e9e9;}
table.write td.thcell {color:#052e6f; font-weight:500; text-align:center;}
table.write td.br {border-right:1px solid #e9e9e9;}
table.write td img {vertical-align:middle;}
table.write thead th {border-right:1px solid #fff; color:#fff; text-align:center; background-color:#052e6f;}
table.write thead th:last-child {border-right: none;}
table.write thead th.tit {background-color:#021635;}
table.write.bggray thead th {color:#052e6f; background-color:#f3f3f3;}
table.write.bggray td {border-left:1px solid #e9e9e9;}
table.write.bggray tr td:first-child {border-left:0;}

.board_1 {font-size:1rem;}
.board_1 th {font-weight:400; color:#444;}
.board_1 td.title a {font-weight:400;}

.table_type01 { width:100%; }
.table_type01 thead th { border-top:2px solid #3b56ad; border-bottom:1px solid #ddd; padding:9px 0px; font-size:14px; vertical-align:middle; }
.table_type01 thead td { border-bottom:1px solid #ddd; padding:9px 0px; font-size:14px; font-weight:bold; text-align:center; }
.table_type01 tbody th {text-align: center; font-size:14px; font-weight:400; vertical-align:middle; line-height: 23px; padding:10px 5px; color:#4865b7; border-left:0px solid #ebebeb;  border-bottom:1px solid #ddd;}
.table_type01 tbody th a { color:#4865b7; }
.table_type01 tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ebebeb; vertical-align:middle; padding:10px; font-size:13px; line-height:18px;}
.table_type01 th.left ,.sws_table01 td.left{border-left:0}
.table_type01 td b {color:#3b56ad}

.board_style_1 .board { border:0px; border-bottom: 1px solid #ccc; }
.board_style_1 .board > thead > tr > th {border:0px; border-top:2px solid #3b56ad; background: #f4f4f4; color: #444444; border-bottom:1px solid #ddd; padding:9px 0px; font-size:14px; vertical-align:middle;}
.board_style_1 .board > tbody > tr > td {border:0px; border-bottom:1px solid #ddd; border-left:1px solid #ebebeb; vertical-align:middle; padding:10px; font-size:13px; line-height:18px;}
.board_style_1 .board > tbody > tr > td:first-child { border-left:0px }
.board_style_1 .board > tbody > tr:hover { background-color: #f2f2f2; }
.board_style_1 .page { padding: 10px 0; position: relative; }
.board_style_1 .page a { padding: 3px; display: inline-block; }

.board_style_2 .board { border-top:0px; }
.board_style_2 .board > thead > tr > th {border:0px; border-top:2px solid #3b56ad; background: #f4f4f4; color: #444444; border-bottom:1px solid #ddd; padding:9px 0px; font-size:14px; vertical-align:middle;}
.board_style_2 .board > tbody > tr > td {border:0px; border-bottom:1px solid #ddd; border-left:1px solid #ebebeb; vertical-align:middle; padding:10px; font-size:13px; line-height:18px;}
.board_style_2 .board > tbody > tr > td:first-child { border-left:0px }
.board_style_2 .board > tbody > tr:hover { background-color: #f2f2f2; }

.bbs20 .board_1 td.title {vertical-align:top; padding:15px 0px;}
.bbs20 .board_1 td.title a { display:block; padding-top:10px; }
.bbs20 .board_1 td.title a strong { font-size:13px; }
.bbs20 .board_1 td.title a strong span { display:block; margin-top:20px; line-height:22px;}
.bbs20 .board_1 td.title a:hover {text-decoration:none;}

.board_1_bottom { height:24px; line-height:24px; vertical-align:middle; }
.board_1_bottom a { font-size:14px; vertical-align:middle;  }
.board_1_bottom b { font-size:14px; font-weight:800 !important; color:#ff8010; padding:0px 3px; vertical-align:middle; }
.board_1_bottom img { vertical-align:middle; }

.bbs3103 .video-replay-btn { margin-bottom:2rem; }
.bbs3103 .video-container { overflow:hidden; padding-bottom:2rem; border-bottom: 1px solid #ddd; }
.bbs3103 .video-container .video-player { position:relative; float:left; width:50%; padding-top:28.125%; background-color:#1a1a1a; }
.bbs3103 .video-container .video-player iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.bbs3103 .video-container .video-info { position:relative; float:left; box-sizing:border-box; width:50%; padding-left:2rem; line-height:1.5; }
.bbs3103 .video-container .video-title { display:block; font-size:1.5rem; font-weight:bold; margin-bottom:1rem; }
.bbs3103 .video-container .video-content { display:block; font-size:0.96125rem; word-break:break-all; color:#777; }

.bbs3103.bbs_view .board_view_top,
.bbs3103.bbs_view .board_view_title { display:none; }
.bbs3103 .board_view_con { background-color:#e8e8e8; padding:1rem 3rem; }
.bbs3103 .board_view_con .video-player { position:relative; width:100%; padding-top:56.25%; background-color:#1a1a1a }
.bbs3103 .board_view_con .video-player iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.bbs3103 .board_view_con .video-info { position:relative; box-sizing:border-box; padding:1rem 2rem; line-height:1.5; background-color:#fff; border:1px solid #ddd; }
.bbs3103 .board_view_con .video-title { display:block; font-size:1.5rem; font-weight:bold; margin-bottom:1rem; }
.bbs3103 .board_view_con .video-content { display:block; font-size:0.96125rem; word-break:break-all; color:#777; }


/*
.bbs220  .bbs_search_wrap { display:none; }

.bbs220 .board_gallery .article { width:20%; }
.bbs220 .board_gallery dl { width:93%; background-color:transparent; box-shadow:none; }
.bbs220 .board_gallery dl .title { display:-webkit-box; overflow:hidden; max-height:3rem; word-break: break-all; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.bbs220 .board_gallery dl .date { display:inline-block; color:#7f7f7f; margin:0.5rem 0.5rem 0 0; }
.bbs220 .board_gallery dl .imgName { font-size:1rem; line-height:1.5; font-weight:normal; min-height:2rem; padding: 0.8rem 0; }
.bbs220 .board_gallery a.btn_view { overflow:hidden; border:1px solid #e8e8e8; }
.bbs220 .board_gallery a.btn_view > img { margin:-10% 0; }
*/

div.mod .form { border-top: 2px solid #0048b9;}
#con_container div.mod .form { width:100% !important;}
.form { font-size:1.2rem; }
.fairmenu17592 .form {font-size: 1rem;}
table.form { font-size:1rem; }
.form input[type=text],
.form input[type=number],
.form input[type=password] {height:28px; line-height:28px; border-radius:3px; padding:0px 8px !important; }
.form input[type=checkbox] { vertical-align:middle; }
div.field>label { background-color:#f7f7f7; }
table.form td.cat_def, table.form td.cat, div.field>label {color:#454545;}
div.field>label>span { padding:0 1rem; font-size:1rem; }
table.form th, table.form td { padding: 18px 10px; }
table.form select {height:32px; line-height:32px; border-radius:3px; padding:0px 8px !important; border:1px solid #ddd; }
div.field>label { padding: 14px 0; }
div.field.row1 > div { padding: 14px 1.5%; }
div.field.row2 > div { padding: 14px 3%; }
div.mod input[type=text],
div.mod input[type=password],
div.mod input[type=number],
div.mod textarea,
div.mod select { vertical-align:middle; }
p.module_title { color:#0055a2; font-size:1.5em; }
.module_title ._comment { font-size:0.8em; color:#ff9600;}
p.form_title { border-left: 4px solid #ff954f; }
p.form_title > span { color:#052e6f; }
p.meet_title { color:#0055a2; border-left:0px; }
p.meet_title .btn_mint { *margin-top:-30px; }
span.item > label { font-size:1em; padding-left:1em; text-indent:-1em; }
div.f_address .btnFindAddress { margin-right:0.25em; padding:0.1em 0.3em; font-size:0.8em; }

.board1_search {line-height: 50px;}
.board1_search select { border:1px solid #ccc; height:28px; line-height:28px; border-radius:3px; width:100px; *margin-top:4px; }
.board1_search input[type=text] { border:1px solid #ccc; height:26px; line-height:26px; border-radius:3px; padding:0px 10px; width:250px; *margin-top:3px;}
.board1_search .btn_1 {*margin-top:3px;}

/* tab style */
.tabBox {overflow:hidden;}
.tabBox .tablist li .on { background: #00378e; color: #fff; }
.tablist {overflow:hidden; margin-bottom:40px;}
.tablist.item2 li {width:49.5%; margin-left:1%;}
.tablist.item3 li {width:33%; margin-left:0.5%;}
.tablist.item4 li {width:24.25%; margin-left:1%}
.tablist.item5 li {width:19.2%; margin-left:1%}
.tablist li:first-child {margin-left:0;}
.tablist.tabStyle01 li {float:left; height:68px; border:1px solid #d3d3d3; text-align:center; line-height:68px; box-sizing: border-box; cursor: pointer;}
.tablist.tabStyle01 li a {display:block; width: 100%; height: 100%; font-size:1.3125rem; color:#666;}
.tablist.tabStyle01 li.on {height:70px; border:0; background-color:#052e6f;}
.tablist.tabStyle01 li.on a {color:#fff;}

.tablist.tabStyle02 { display:flex; flex-flow:row wrap; }
.tablist.tabStyle02 li { flex:1 1 auto; }
.tablist.tabStyle02 li.year-2020{display:none;}
.tablist.tabStyle02 li a {display:block; height:50px; border-bottom:1px solid #bfbfbf; box-sizing:border-box; font-family:'Open Sans', sans-serif; font-size:1.375rem; font-weight:400; color:#a0a0a0; text-align:center; line-height:50px;}
.tablist.tabStyle02 li.on a {border-bottom:5px solid #032d6e; font-size:1.75rem; color:#052e6f;}

.tab_lst {display: flex; flex-flow: row wrap; align-items: center; height: auto; margin: 0 0 40px; border: none;}
.tab_lst li {flex: 1 1 auto; float: none; border: none;}
.tab_lst li a {display:block; min-width: auto; padding: 0; height:50px; background: none; border-bottom:1px solid #bfbfbf; color:#a0a0a0; font-family:'Open Sans', sans-serif; font-size:1.375rem; font-weight:400; text-align: center; line-height: 50px; box-sizing:border-box;}
.tab_lst li a:hover {color: #a0a0a0; text-decoration: none; line-height: 50px;}
.tab_lst li a.bgM {background: none; border-bottom:5px solid #032d6e; font-size:1.75rem; color:#052e6f;}
.tab_lst li a.bgM:after {display: none;}

/* title style */
.title01 {display:block; margin-bottom:20px; font-size:1.6875rem; font-weight:600; color:#292929; text-align:left;}
.title01 span {font-weight:400;}
.title02 {display:block; margin-bottom:15px; padding-left:15px; font-size:1.125rem; font-weight:600; color:#052e6f; text-align:left; background:url('/home/2023/kibs/image/bg_title02.png') no-repeat 0 3px;}
.title03 {display:inline-block; padding:0.27rem 1rem 0.47rem; border-radius:3px; font-size:1.267rem; font-weight:400; color:#fff; line-height:normal; background-color:#0066b3;}

/* txt style */
.normalTxt {font-size:1.0625rem; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
.grayBox {padding:25px; font-size:1.0625rem; line-height:1.5em; word-break:keep-all; word-wrap:break-word; background-color:#f3f3f3;}
.blueBox {overflow:hidden; padding:1.2rem 1.5rem; font-size:1rem; line-height:1.5; background-color:#f0f5fd; word-break:keep-all; word-wrap:break-word;}
.blueBox b {font-weight:500;}
.normalList > li, .normalTxt {overflow:hidden; font-size:1.1rem; font-weight:400; color:#585858; line-height:1.4em; word-break:keep-all; word-wrap:break-word;}
.dotList > li, .dotTxt {padding-left:1rem; font-size:1.1rem; color:#585858; font-weight:400; line-height:1.4em; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dotList > li:before, .dotTxt:before {content:'\00b7'; padding-right:8px; font-weight:600;}
.dashList > li, .dashTxt {padding-left:1rem; font-size:1.1rem; color:#585858; font-weight:400; line-height:1.4em; text-indent:-1rem; word-break:keep-all; word-wrap:break-word;}
.dashList > li:before, .dashTxt:before {content:'-'; padding-right:8px; font-weight:600;}
.normalList, .dotList, .dashList {overflow:hidden;}
.normalList > li, .dotList > li, .dashList > li {margin-top:6px;}
.normalList > li:first-child, .dotList > li:first-child, .dashList > li:first-child {margin-top:0;}
.infoList {overflow:hidden;}
.infoList > li {overflow:hidden; font-size:1.1rem; margin-top:10px; line-height:1.5em;}
.infoList li b {display:block; font-weight:500; color:#052e6f;}
.infoList li b:before {content:''; display:inline-block; width:4px; height:0.8rem; margin-right:10px; background-color:#052e6f;}
.infoList.type01 > li {display:table;}
.infoList.type01 > li > div.infoListTit {display:table-cell; width:170px;}
.infoList.marinaList > li {display:block;}
.infoList.marinaList > li:first-child {margin-top:0;}
.infoList.marinaList > li b:before {content:url('/home/2023/kibs/image/bullet_marina.png'); display:inline-block; padding-top:5px; vertical-align:middle; background-color:transparent;}
.infoList.marinaList > li > b, .infoList.marinaList > li > span {display:inline-block; vertical-align:middle;}
.infoList.marinaList > li > b {margin-right:1rem;}

.ref {font-size:0.9rem; color:#6d6d6d; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}

/**/
.fs_11 {font-size:11px}
.fs_12 {font-size:12px}
.red {color:red;}
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.ml30 {margin-left:2rem;}
.mb100 {margin-bottom:100px;}
.pdT10 {padding-top:10px}
.pdB10 {padding-bottom:10px}
.pdLR10 {padding-left:10px; padding-right:10px}
.pdT20 {padding-top:20px}
.pdB20 {padding-bottom:20px}
.pdLR20 {padding-left:20px; padding-right:20px}
.pdR10 {padding-right:10px;}
.pdR20 {padding-right:20px;}
.pd10 {padding:10px}
.pd20 {padding:20px}
.mg0 {margin:0px;}
.mgR1 {margin-right:1px;}
.mgR10 {margin-right:10px;}
.mgR20 {margin-right:60px;}
.mgT10 {margin-top:10px; }
.mgT25 {margin-top:25px;}
.fL {float: left}
.fR {float: right}
.borD1_L1 { border-left:1px solid #d1d1d1; }
.borD1_T1 { border-top:1px solid #d1d1d1; }
.w1040 { overflow:hidden; margin:0px auto; }
.dBlock {display:block;}

/* button */
a.btnDown {display:inline-block; margin:5px; border:2px solid #042e6f; font-size:0;}
a.btnDown .btnTxt {display:inline-block; padding:0 20px; font-size:0.9375rem; color:#042e6f; vertical-align:middle;}
a.btnDown .btnTxt span {display:block;}
a.btnDown .btnImg {display:inline-block; padding:20px; vertical-align:middle; background-color:#042e6f;}
a.btnDown.oneLine .btnTxt {padding:0 36px;}
.btn.normal {display:inline-block; margin:5px; padding:13px 40px; font-size:0.9375rem; color:#fff; text-align:center; background-color:#042e6f;}
.btn.normal:hover {background-color:#1a498b;}

a.btn_mint {display:inline-block; *display:inline; zoom:1; margin:0px 2px; padding:0px 14px; height:30px; line-height:30px; font-size:12px; text-decoration:none; color:#fff; background:#1baea9; border-radius:3px;}
a.btn_mint:hover { color:#fff; background:#364882; }
a.btn_navy {display:inline-block; *display:inline; zoom:1; margin:0px 2px; padding:0px 25px; height:46px; line-height:46px; font-size:15px;	font-weight:bold; letter-spacing:-0.03em; text-decoration:none;	color:#fff;	background:#1baea9;	border-radius:3px;}
a.btn_navy:hover { color:#fff; background:#364882; }
a.btn_1 {display:inline-block; *display:inline; zoom:1;	margin:0px 2px;	padding:0px 15px; height:28px; line-height:2; font-size:16px !important;	font-weight:400; letter-spacing:-0.08em; text-decoration:none;	color:#fff;	background:#00378e;	border-radius:3px;}
a.btn_1:hover { color:#fff; background:#0056c3; }
a.btn1 {display:inline-block; *display:inline; zoom:1; margin:0.25em; padding:0.25em 0.35em; line-height:2; font-size:0.9rem; font-weight:normal; text-decoration:none; color:#fff; background:#00378e; border-radius:0.2rem;}
a.btn1:hover { background:#0056c3; }
.agree-container .btn1 { font-size:1.2rem; }

.btn1 > * { vertical-align:middle; }

span.ui-icon-print { display:none !important; width:0px; }

.fairmenu17504 #login_content { padding:19px 0 19px 385px; background:url('/home/2023/kibs/image/bg_login_meet.jpg') 0 0 no-repeat; }
.fairmenu17593 #login_content { padding:19px 0 19px 385px; background:url('/home/2023/kibs/image/bg_login_fair.jpg') 0 0 no-repeat; }
#login_content .login_title,
#login_content .help-signup { display:none; }

#login_content .login-subtitle { display:block; margin-bottom:1rem; white-space:nowrap; font-size:1.5rem; font-weight:bold; color:#000f49; }

#login_content .login-help a { color:#0056c3; }


#f_cfair_regist { background-color:#ff9600; }
#f_cfair_regist:hover { background-color:#ff7f00; }

#login_content .social-login #fb-login-status { display:block; font-size:14px; text-align:center; padding:1.5em; }
#login_content .social-login a{display:block; padding:0 50px; font-size:14px; overflow:hidden; border-radius:5px; text-align:center; color:#fff; vertical-align:middle; text-decoration:none;}
#login_content .social-login a b { display:inline-block; padding:1em; vertical-align:middle; }
#login_content .social-login a img { position:absolute; left:0; top:50%; margin:0; margin-top:-20px; padding:5px; vertical-align:middle; }
a.fb_login {background:#315891;	border:1px solid #315891;}
a.fb_login:hover { background:#163766; }
a.gg_login {background:#e02f2f;	border:1px solid #e02f2f;}
a.gg_login:hover { background:#ce2121; }

a.n_login {background:#1ec800; border:1px solid #0ea500;}

a.n_login:hover { background:#0ea500; }

/* Send SNS */
.send-sns-wrap { text-align:center; }
.send-sns-title { margin: 5px 0; color:#454545; }
.send-sns-list { display:inline-block; clear: both; margin: 20px auto; height: 32px; font-size:1.4em; }
.send-sns-list:after { display:table; content:''; clear:both; }
.send-sns-list .send-sns { width: 32px; height: 32px; border-radius: 3px; display: inline-block; cursor: pointer; margin: 0 5px; background-size: cover; font-size:0; text-indent:-9999px; overflow:hidden; }
.send-sns-list .send-sns.send-facebook { background-image:url('/home/2015/kibs2016/image/sendsns/facebook.png'); }
.send-sns-list .send-sns.send-twitter { background-image:url('/home/2015/kibs2016/image/sendsns/twitter.png'); }
.send-sns-list .send-sns.send-google { background-image:url('/home/2015/kibs2016/image/sendsns/google.png'); }
.send-sns-list .send-sns.send-kakao { background-image:url('/home/2015/kibs2016/image/sendsns/kakaostory.png'); }
.send-sns-list .send-sns.send-band{ background-image:url('/home/2015/kibs2016/image/sendsns/naverband.png'); }
.send-sns-list .send-sns.send-naver-blog { background-image:url('/home/2015/kibs2016/image/sendsns/naverblog.png'); }


/* mypage */
#mp_top h3 { width:100%; height:70px; line-height:70px; border-bottom: 1px solid #ddd;}
.myPage_list {text-align:center; }
.myPage_list > div { display:inline-block; margin:0px auto;  float:none !important; zoom:1; *display:inline; width: 310px !important; }
.myPage_list > div a { font-size:13px !important; }
.myPage_list p { font-size:14px; line-height:24px; color:#888; }


.btn_r { margin:8px 2px; height:36px; line-height:36px; font-size:13px; text-decoration:none; color:#fff; background:#999; border-radius:3px; }
.btn_r:hover { color:#fff; background:#2d3e74 !important; }
.btn_b { margin:8px 2px; height:36px; line-height:36px; font-size:13px; text-decoration:none; color:#fff !important; background:#999; border-radius:3px; }
.btn_b:hover { color:#fff; background:#2d3e74 !important; }
.step1_btn2 { text-align:center; }
.step1_btn2 li { float:none !important; display:inline-block; zoom:1; *display:inline; margin:0px auto; padding:0px 20px; }
.step1_btn2 a { line-height:45px; }
.step1_btn2 a:hover { background:#2d3e74 url(/jsp/image/step1_btn2_bg.png) !important; border-radius:70px; }

#mp_top { margin-top:30px; width:1100px; overflow:hidden; }
#mp_top h3 {  height:118px; line-height:114px; font-size:28px; color:#174489; background:url(/home/2015/kibs2016/image/comTitBg.png); font-weight:600; letter-spacing:-0.1; border-bottom:0px; }
.mp_container { border:0px solid #e2e2e2 !important; }
.mp_per .btn_r {margin-left:20px; margin-top:-1px; *margin-top:-7px; }

.mp_progress { margin-bottom:40px; }
.mp_progress .mp_percent { border-radius:60px; background: #bbb; padding: 0px; border:3px solid #ddd;}
.mp_progress .mp_percent>span { background:url(/home/2015/kibs2016/image/mp_per_bg_kor.png); background-size:100% 100%; bottom:0px; left:0px; }
.missing_title { height:70px; }

.step_title { border:1px solid #ddd; border-radius:5px; }
.step_title li a {background-image:url(/home/2015/kibs2016/image/mp_step.png);}
.step_title li.step1 a { width: 356px; }
.step_title li.step2 a { width: 357px; background-position-x: -356px; left: 356px;}
.step_title li.step3 a { width: 328px; background-position-x: -713px; }
.step_title li a:hover { background-position-y: -74px; }
.step_title li.on a { background-position-y: -148px; }

.stepTitle div{ *display:inline; zoom:1;}

.step_subnavi { border-bottom:0px; }
.step_subnavi > ul > li ul { background: #4865b7; color:#fff; }
.step_subnavi > ul > li:hover > a { background-color: #4865b7; color:#fff; }
.step_subnavi>ul { border-left:0px; }
.step_subnavi>ul>li { background: #ebebeb; border-radius:5px; border-right:0px; margin:0px 2px;}
.step_subnavi>ul>li.selection { background: #1baea9; color:#fff; border-radius:5px; }
.step_subnavi>ul>li.selection a { color:#fff; }
.step_subnavi>ul>li.selection a:hover { background: #4865b7; color:#fff; }
.step_subnavi>ul>li>a { border-right:0px; padding:0 16px; height:34px; line-height:34px; font-size:13px; }
.step_subnavi>ul>li:hover>a {background-image:none; border-radius:5px;}
.step_subnavi>ul>li ul { top: 33px; border-radius:5px; }

#mypage_content { padding:2rem; }
#mypage_content .cfair_progress { padding-top:2rem; margin:-2rem -2rem 2rem -2rem; }
#mypage_content .cfair_progress.foot { padding-top:0; margin:1rem -2rem -2rem -2rem; }
.cfair_progress .progress .title { color:#454545; }
.cfair_progress .progress .bar { background-color:#b2d5ff; }
.cfair_progress .progress .fill { background-color:#0063ff; }

#mypage_content .com_subtitle { display:none; }

#mypage_menu .go_home { height:1.2rem; line-height:1.2rem; margin-top:-1.2rem; font-size:0.7rem; }
#mypage_menu .go_home>i { font-size:0.8rem; vertical-align:middle; }
#mypage_menu .go_home> strong { vertical-align:middle; }
.menu-item.active { background-color:#0043ad; }
.menu-item.nav-event { display:none; }
.menu-item>.btn-wrap a.primary { padding:0.666rem 1rem; }
.level-2>.menu-item>.btn-wrap a.primary { font-size:1rem; }
.level-2>.menu-item>.btn-wrap .icon { font-size:1rem; top:0.9rem; left:1rem; }
.level-3>.menu-item.active { background-color:#0063ff; }
.level-3>.menu-item>.btn-wrap a.primary { font-size:0.8rem; padding:0.4rem 1rem; }
.level-3>.menu-item>.btn-wrap .icon { top:0.7rem; left:1.1rem; font-size:0.8rem; }
.level-3>.menu-item>.btn-wrap .etc { padding:0.6rem; }

.ff-m>.btn-wrap .icon:before { content:"\f21a"; }

.menu_extra .kakao-banner {background-color:#f9e81f;}
.menu_extra .kakao-banner span {font-size:0.9375rem; margin-bottom:5px; font-weight:400;}
.menu_extra .kakao-banner a {overflow:hidden; display:block; padding:1rem 1.5rem; color:#fff; line-height:2em; color:#4d383d;}
.menu_extra .kakao-banner a div {display:inline-block;}
.menu_extra .kakao-banner a div.btnLInkImg {float:left; height:3.9375rem;}
.menu_extra .kakao-banner a span {display:block; font-size:0.937rem; font-weight:300;}
.menu_extra .kakao-banner a p {font-size:1.25rem; text-align:right;}

.sysBox { width:980px !important; margin:0px auto; }

.btnArea { width:100%; padding:50px 0px; text-align:center; }

.agreeTit { font-size:18px !important; color:#666;}
.agreeText { font-size: 13px !important; line-height:24px !important; background:#fafafa; *white-space: pre; *word-wrap: break-word; }
.chkLabel { font-size:14px !important; cursor:pointer; }

/* ?��? */

#ex_application { max-width:1200px; margin:0 auto; }
#ex_application iframe { max-width:840px; margin:0 auto; max-height:180px; }
#ex_application .com_subtitle { height:118px; line-height:123px; margin:0px auto; font-size:30px; color:#174489; background:url(/home/2015/kibs2016/image/comTitBg.png); font-weight:600;}
#ex_application .com_subtitle .title { border-left: 0px solid #999;}
#ex_application .com_subtitle .f_right { display:none; }
#ex_application .corp_header { margin:30px auto 0px auto; }
#ex_application .corp_header .corp_nm { font-size: 15px; height:40px; line-height: 40px; font-weight: bold; margin-bottom: 10px; color:#0055a2 !important; padding-left:10px;}
#corp_list_search fieldset p { margin:30px auto 0px auto; height:60px; line-height:60px; text-align:center; background:#f3f3f3; vertical-align:middle; }
#corp_list_search fieldset p span, #corp_list_search fieldset p a { vertical-align:middle; }
#corp_list_search fieldset p a { margin-left:-8px; }
#corp_list_search fieldset select { border:1px solid #ccc; height:28px; line-height:28px; border-radius:3px; width:100px; }
#corp_list_search fieldset input[type=text] { border:1px solid #ccc; height:26px; line-height:26px; border-radius:3px; padding:0px 10px; width:250px;}

.vst_comment .textBox.mypage_independent { height:24rem; }

/* login */
#login_content { margin-top:60px; }
#login_content .tit { width:650px;text-align:left;padding:0px 0px 10px 0px;margin:0px auto; }
.login_conL { float:left; width:340px; text-align:left; line-height:24px; padding-left:65px; border-right:1px solid #f2f2f2;}
.login_conL img { margin-left:-30px; }
.login_conR { float:right; width:240px; padding-right:35px;}
#login_content form .j_login {padding:95px 0px 0px 0px; width:240px;}
.j_login .item { display:block; clear:both; }
#login_content form .j_login>p.j_login_btn {width:225px; height:40px; margin:5px auto; padding:0px;}
#login_content form .j_login>p.j_login_btn a {display:block; float:right; width:162px; height:40px; line-height:40px; background-image:url(); font-size:15px; font-weight:bold; text-indent:0px; overflow:hidden; border-radius:5px; background-color:#374c80; clear:both; text-align:center; color:#fff;}
#login_content form .j_login>p {float:none;	position:relative;}
#login_content form .j_login>p.j_login_btn a:hover {background:#3066ae;}
#login_content form label {margin-right:10px;}
/*
#login_content form input {
    border: 1px solid #ccc;
    font-size: 14px;
    height: 14px;
    width: 140px;
    padding: 10px;
    background-color: #fdfdfd;
	border-radius:5px;
}
*/

#login_content .login_text {display:block; text-align:left !important; margin:8px; letter-spacing:-0.01em;}
#login_content form .join_btn a {display:inline-block; padding:0px 19px; line-height:36px; height:34px; background:#9daac9; margin:0px 1px; border-radius:4px; color:#fff !important; letter-spacing:-0.05em; font-size:11px;}
#login_content form .join_btn a:hover {text-decoration:none; background:#374c80; }
#login_content form .join_btn a.join01 {padding: 0px 0px; width:51px; text-align:center; margin-left:63px;}
#login_content form .join_btn a.join02 {padding: 0px 0px; width:105px; text-align:center;}
.gg_login { background:#e02f2f;}

#login_content form .j_login>p.j_check_btn { clear:both; display:block; text-align:right; padding-right:37px; }
#login_content form .j_login>p.j_check_btn a {display:block; float:right; width:164px; height:40px; line-height:40px; font-size:15px; overflow:hidden; border-radius:5px; background:#374c80; clear:both; text-align:center; text-indent:0px; color:#fff; font-weight:bold;}
#login_content form .j_login>p.j_check_btn a:hover {background:#3066ae; color:#fff;}
.find_error { display:inline-block; padding-bottom:20px; }

/* bbs */
.board_view_con, .board_view_con #contents_id { line-height:24px; }
.board_view_title { border-top: 2px solid #b1b1b1; }
.board_view_top { border-bottom: 1px dashed #ddd; padding: 5px 3px 3px 3px; font-size:12px;}


/* Meeting Table */
table.meeting_time {background-color:#ddd; width:100%; border-collapse:collapse; margin:10px 0; line-height:22px; font-size:12px; border-top:2px solid #3b56ad;}
table.meeting_time th, table.meeting_time td { border:1px solid #ddd !important; padding:6px 0px;}
table.meeting_time td.time { background-color: #fff; }
table.meeting_time td.engaged { background-color:#eee; }
table.meeting_time td.empty { background-color:#ddd; }
table.meeting_time td.matching { background-color:#1baea9; }


.meetingSts {display:inline-block; vertical-align:middle; line-height:29px; height:27px; margin-right:10px; border:1px solid #fff; margin-top:5px; color:#ff8010; overflow:hidden; font-weight:bold;}

#ytPlayer {*position:absolute; top:0px; right:0px; }

.whatson_quick li a:hover {border:none !important;color:#444 !important;height:14px !important}
#whatson_notice li a, #whatson_news li a {border:none !important;color:#444 !important;height:14px !important;width:550px;}

#whatson_notice_title ul {width:100%;}
#whatson_notice li strong, #whatson_news li strong {display:inline-block; width:540px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal; color:#444f94;}
#whatson_notice li span.date, #whatson_news li span.date {position:absolute; top:0; right:0; margin-left:-1200px; color:#666;}
#whatson_notice_title {border:none !important;color:#444 !important;height:14px !important;}
#whatson_news_title  {border:none !important;color:#444 !important;height:14px !important;}
.bn0222 p a:hover{border:none !important;color:#444 !important;}

.check-button { cursor:pointer; }
.check-button .icon { position:relative; display:inline-block; }
.check-button input[type='checkbox'] { position:absolute; visibility:hidden; margin:0; width:1px; height:1px; }
.check-button .check { display:block; border:0.2em solid #c3c3c3; border-radius:20%; height:1em; width:1em; transition:border-color 0.25s, background-color 0.25s; }
.check-button .check:before { content:''; position:absolute; left:0.31em; top:0.7em; width:0; height:0; box-sizing:border-box; border:0; border-left:0 solid #0043ad; border-bottom:0 solid #0043ad; transition:height 0.125s 0.125s, width 0.125s 0s; transform-origin:0% 0%; transform:rotate(-45deg); }
.check-button input[type='checkbox']:checked ~ .check { border-color:#0043ad;}
.check-button input[type='checkbox']:checked ~ .check:before {  border-width:0.2em; height:0.5em; width:0.75em; transition:height 0.125s 0s, width 0.125s 0.125s; }
.check-button input[type='checkbox']:disabled ~ .check { background-color:#e8e8e8; }

.radio-button { cursor:pointer; } /* Label */
.radio-button .icon { position:relative; display:inline-block; }
.radio-button input { position:absolute; visibility:hidden; margin:0; width:1px; height:1px; }
.radio-button .check { display:block; border:0.2em solid #c3c3c3; border-radius:50%; height:1em; width:1em; transition:border-color 0.25s, background-color 0.25s; }
.radio-button .check:before { content:''; position:absolute; left:30%; top:30%; width:40%; height:40%; background-color:transparent; border-radius:0.3em; transition:background-color 0.25s; }
.radio-button input:checked ~ .check { border-color:#0043ad;}
.radio-button input:checked ~ .check:before {  background-color:#0043ad; }
.radio-button input:disabled ~ .check { background-color:#e8e8e8; }

.sale-option-title { margin-top:1em; padding:1em 0; font-size:1.3rem; border-bottom:3px solid #0043ad; }
.sale-option-title > * { vertical-align:baseline; }
.sale-option-title .sale-comment { color:#f33; font-size:0.75em; }
.sale-option { position:relative; padding:0.5em 0.5em 0.5em 1.8em; border-bottom:1px solid #0063ff; font-size:0.9rem; }
.sale-option:after { content:''; clear:both; display:table; }
.sale-option > .check-button,
.sale-option > .radio-button { float:left; width:35%; }
.sale-option > .check-button .name,
.sale-option > .radio-button .name { font-weight:bold; color:#0043ad; font-size:1.08rem; letter-spacing:-0.05em; }
.sale-option > .check-button .icon + .name,
.sale-option > .radio-button .icon + .name { padding-left:0.5em; }
.sale-option .sale-select { float:left; box-sizing:border-box; width:38%; padding:0 1em; }
.sale-option .sale-select .check-button,
.sale-option .sale-select .radio-button { display:block; padding-bottom:0.5em; }
.sale-option .sale-select select { padding:0.3em; }
.sale-option .sale-select select:disabled { background-color:#e8e8e8; }
.sale-option .sale-select.price-fixed input { display:none; }
.sale-option .sale-select .sale-name { color:#333; transition:color 0.25s; }
.sale-option.active .sale-select .sale-name { color:#333; }
.sale-option .sale-desc { float:left; width:27%; word-break:break-word; }
.sale-option .sale-desc .comment { display:block; padding-left:0.5em; text-indent:-0.5em; }
.sale-option .sale-desc .comment:before { content:'- '; }
.sale-option .sale-desc dl { margin-bottom:0.5em; }
.sale-option .sale-desc dt { font-size:1.1em; padding-left:0.5em; text-indent:-0.5em; }
.sale-option .sale-desc dt:before { content:'- ' }
.sale-option .sale-desc ul li { padding-left:1em; }
.sale-option .sale-desc ul li:before { content:'· '; }
.sale-comment { padding-top:0.5em; font-size:0.9375rem; }
.sale-comment ul { text-indent: -0.5em; }
.sale-comment li { padding-left:1em; }

.BT_MA .card-content li { font-size:1.2rem; padding-left:1.2em; text-indent:-0.6em; line-height:1.6; }
.sale-info-tooltip li { font-size:0.925rem; padding-left:1.2em; text-indent:-0.6em; line-height:1.5; }
.sale-info-tooltip .title { font-size:1.2rem; font-weight:bold; line-height:1.5; margin-bottom:0.5rem; color:#052e6f; }
.fairmenu17497 .ui-tooltip,
.BT_MA .ui-tooltip { max-width:80%; }

.BT_MA .boothtype-15 { display:none; }
.bt_total_price { text-align: right; font-size: 1.2rem; font-weight: bold; color:#052e6f; }

.UT_MA .util_title { font-size:1.2rem; color:#0043ad; }

.fair_mypage_semicomplete table.form th,
.fair_mypage_semicomplete table.form td { padding:0.5em; }

.table-style-b { text-align:center; border-collapse:collapse; border-top:4px solid #0058e2; }
.table-style-b .head-left { background-color:#052e6f; color:#fff; border:1px solid #ddd; padding:0.5rem; font-size:1rem; font-weight:bold; }
.table-style-b .data { padding:0.5rem; background-color:#fff; border:1px solid #ddd; font-size:0.9rem; color:#333; }
.table-style-b .head-top { background-color:#052e6f; color:#fff; border:1px solid #ddd; border-bottom: 3px solid #ccc; padding:0.5rem; font-size:1rem; font-weight:bold; }

.fair_mypage_semicomplete .fair_mypage_desc .con { position:relative; padding:1.5rem 2rem; border:1px solid transparent; border-radius:0.3rem; overflow:hidden; }
.fair_mypage_semicomplete .fair_mypage_desc .alert { border-color:#ffeeba; background-color:#fff3cd; }
.fair_mypage_semicomplete .fair_mypage_desc .success { border-color:#c3e6cb; background-color:#d4edda; }
.fair_mypage_semicomplete .fair_mypage_desc .icon { position:absolute; top:50%; left:2rem; margin-top:-1rem; }
.fair_mypage_semicomplete .fair_mypage_desc .icon:before { display:inline-block; font-family:FontAwesome; font-size:2rem; line-height:1; content:'\f071'; }
.fair_mypage_semicomplete .fair_mypage_desc .alert .icon:before { color:#ff954f; }
.fair_mypage_semicomplete .fair_mypage_desc .success .icon:before { content:'\f00c'; color:#155724; }
.fair_mypage_semicomplete .fair_mypage_desc .text { float:left; margin-left:4rem; margin-bottom:0.5rem; color:#333; font-size: 1rem; line-height:1.5; }
.fair_mypage_semicomplete .fair_mypage_desc .alert .text { color:#856404; }
.fair_mypage_semicomplete .fair_mypage_desc .success .text { color:#155724; }
.fair_mypage_semicomplete .fair_mypage_desc .buttons { float:right; }
.fair_mypage_semicomplete .fair_mypage_desc .btn1 { background-color:#ff751a; }
.fair_mypage_semicomplete .fair_mypage_desc .btn1:hover  { background-color:#ff954f; }

.BN_MA .form .radio-button { padding:0 2rem; }

.WB_MA .layer .layer_container { width:800px;  }
.WB_MA .layer .layer_container.no-bg { margin-left:-400px; }

.fair_mypage .button-bar.main-buttons { display:none; }
.fair_mypage .hsection {display:none;}


/* sub */
/* 경기해양레저 프로젝트 */
.projectArea {overflow:hidden;}
.prjBox01 {overflow:hidden;}
.prjBox_sub {width:823px; margin:60px auto 0;}
.prjBox_sub > div {overflow:hidden; margin:50px 0;}
.prjBox_sub > div img {float:left; margin-right:20px;}
.prjBox_sub > div div {overflow:hidden;}
.prjBox_sub > div div table th, .prjBox_sub > div div table td {padding:13px;}
.prjBox_sub > div div table td {text-align:left;}
.prjBox02 {overflow:hidden; padding:30px 0; background-color:#f2f9ff;}
.prjBox02 strong {display:inline-block; width:25%; font-size:1.375rem; color:#052e6f; text-align:center; vertical-align:middle;}
.prjBox02 ul {overflow:hidden; display:inline-block; margin-left:-1px; vertical-align:middle;}
.prjBox02 ul li {display:inline-block; width:150px; margin-left:70px; text-align:center;}
.prjBox02 ul li:first-child {margin-left:0;}
.prjBox02 ul li div {overflow:hidden; display:inline-block; width:134px; height:134px; margin-bottom:35px; border-radius:50%; font-size:2.1875rem; color:#fff; text-align:center; background-color:#1786d9;}
.prjBox02 ul li div img {display:inline-block; margin:30px 0 5px;}
.prjBox02 ul li div b {font-family:'Open Sans', sans-serif;}
.prjBox02 ul li div span {font-style:italic;}
.prjBox02 ul li > p {font-size:16px; color:#052e6f; text-align:center; line-height:1.5em; vertical-align:middle; letter-spacing:-0.04em;}
.prjBox02 ul li:nth-child(3) div {margin-bottom:20px;}
.prjBox02 ul.navy li div {margin-bottom:20px; background-color:#052e6f;}
.prjBox02 ul.navy li div b {display:block; margin:38px 0 5px; font-family:'Open Sans', sans-serif; letter-spacing:-0.01em;}
.prjBox02 ul.navy li div p {font-size:1.125rem;}
/* 전시장안내 */
.venueArea1 {overflow:hidden;}
.venueArea1 .venueLeft {float:left; padding:0 0 0 130px; text-align:center; vertical-align:middle;}
.venueArea1 .venueRight {float:right; text-align:right;}
.venueArea1 .venueRight img {display:block;}
.venueArea1 .venueRight ul {overflow:hidden; display:inline-block; width:165px; margin-top:70px;}
.venueArea1 .venueRight ul li {display:inline-block; margin-top:3px;}
.venueArea1 .venueRight ul li:first-child {margin-top:0;}
.venueArea1 .venueRight ul li:nth-child(5) {margin-top:25px;}
.venueArea1 .venueRight ul li a {display:block; width:165px; padding:13px 0; border-radius:5px; font-size:0.9375rem; color:#fff; text-align:center; background-color:#0089d0;}
.venueArea1 .venueRight ul li a.navy {background-color:#08367b;}
.venueArea2 {overflow:hidden; margin-top:120px;}
/* BI소개 */
.emblemArea {overflow:hidden;}
.emblemArea .emblemTop {overflow:hidden;}
.emblemArea .emblemTop > div {display:inline-block; width:50%; vertical-align:middle;}
.emblemArea .emblemTop div:last-child {margin-left:-3px; text-align:right;}
.emblemArea .emblemTop div h4.title01 {display:inline-block; margin-bottom:0;}
.emblemBox1 {overflow:hidden; margin-top:55px;}
.emblemBox1 .emblemLeft {float:left; width:60%; text-align:center;}
.emblemBox1 .emblemLeft > div {margin-right:80px;}
.emblemBox1 .emblemLeft img {display:inline-block; margin:50px 0 88px;}
.emblemBox1 .emblemLeft p {overflow:hidden; padding:40px; border-top:2px solid #052e6f; border-bottom:2px solid #a7a9ac; font-size:0.9375rem; line-height:1.5em; text-align:left; word-break:keep-all; word-wrap:break-word;}
.emblemBox1 .emblemRight {overflow:hidden;}
.emblemBox2 {overflow:hidden; margin-top:85px;}
.emblemBox2 div {text-align:center;}
.emblemBox2 div img {display:inline-block; margin:15px; vertical-align:middle;}
.emblemArea a.btnDown .btnImg {padding:0.8125rem;}
/* 인증 및 수상현황 */
.certifyArea {overflow:hidden;}
.certifyBox01 {overflow:hidden;}
.certifyBox01 .certifyList {overflow:hidden; margin-top:60px; text-align:center;}
.certifyBox01 .certifyList > div {display:inline-block; width:367px; margin:15px;}
.certifyBox01 .certifyList span.certiYear {display:block; padding:55px 0 25px; font-family:'Open Sans', sans-serif; font-size:1.25rem; color:#052e6f; text-align:left;}
.certifyBox01 .certifyList .certify01 span.certiYear {background:url('/home/2023/kibs/image/img_certify_01.png') no-repeat center center;}
.certifyBox01 .certifyList .certify02 span.certiYear {background:url('/home/2023/kibs/image/img_certify_02.png') no-repeat center center;}
.certifyBox01 .certifyList .certify03 span.certiYear {background:url('/home/2023/kibs/image/img_certify_03.png') no-repeat center center;}
.certifyBox01 .certifyList .certify04 span.certiYear {background:url('/home/2023/kibs/image/img_certify_04.png') no-repeat center center;}
.certifyBox01 .certifyList .certify05 span.certiYear {background:url('/home/2023/kibs/image/img_certify_05.png') no-repeat center 0;}
.certifyBox01 .certifyList p.certiName {overflow:hidden; height:115px; border-top:2px solid #052e6f; padding-top:30px; color:#052e6f; text-align:center;}
.certifyBox01 .certifyList p.certiName b {display:block; margin-bottom:10px; font-size:1.25rem; text-align:center;}
.certifyBox01 .certifyList p.certiName span {font-size:0.9375rem; font-weight:300; letter-spacing:-0.03em;}
.certifyBox01 .certifyList p.certiName span > span {display:block; margin-top:15px;}
.certifyBox01 .certifyList .certiTxt {font-size:0.9375rem; font-weight:300; color:#696969; line-height:1.5em; text-align:justify; word-break:keep-all; word-wrap:break-word;}
.certifyBox02 {overflow:hidden;}
.certifyBox02 .awardWrap {overflow:hidden; margin-top:30px;}
.certifyBox02 .awardWrap .awardBox {overflow:hidden; float:left; width:49%; margin-left:2%;}
.certifyBox02 .awardWrap .awardBox:nth-child(odd) {margin-left:0;}
.certifyBox02 .awardWrap .awardBox strong {display:block; font-size:1.125rem; font-weight:400; color:#052e6f;}
.certifyBox02 .awardWrap .awardBox strong span {display:block; margin-left:1.125rem;}
.certifyBox02 .awardWrap .awardBox p {margin:1.875rem 0 1.5625rem; font-size:0.9375rem; font-weight:300; color:#696969; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
.certifyBox02 .awardWrap .awardBox.awardBox2 p {margin:3.125rem 0;}
/* 전시품목 */
.displayArea {overflow:hidden;}
.displayArea ul {overflow:hidden; text-align:left;}
.displayArea ul li {overflow:hidden; margin-top:40px;}
.displayArea ul li div {overflow:hidden; display:inline-block; vertical-align:middle;}
.displayArea ul li div.displayIcon {width:161px; margin-right:25px;}
.displayArea ul li div.displayTxt {width:80%;}
.displayArea ul li div strong {display:block; margin-bottom:7px; font-size:1.125rem; font-weight:400; color:#052e6f;}
.displayArea ul li div p {font-size:0.9375rem; font-weight:300; line-height:1.5em;}
/* 지난전시회 */
.historyArea {overflow:hidden;}
.historyArea table.write {font-size:1rem;}
.historyArea table.write th, .historyArea table.write td {padding:13px 15px 12px;}
.historyWrap {overflow:hidden;}
.historyBox {overflow:hidden; margin-bottom:100px;}
.historyBox .historyImg {float:left; width:206px; margin-right:40px;}
.historyBox .historyDetail {overflow:hidden;}
.resultWrap {margin-bottom:100px;}
.historyReportWrap {overflow:hidden; margin-bottom:1.875rem;}
.resultArea {overflow:hidden; margin-bottom:20px;}
.resultArea dl.resultBox {overflow:hidden; border-top:3px solid #052e6f; text-align:left; white-space:nowrap;}
.resultArea dl.resultBox dt {display:inline-block; width:33.3%; height:7.125rem; padding:2.75rem 0; box-sizing:border-box; font-size:1.25rem; font-weight:300; color:#fff; text-align:center; background-color:#052e6f;}
.resultArea dl.resultBox dd {position:relative; display:inline-block; width:33.3%; height:7.125rem; padding:2rem 0 1.95rem; margin-left:-3px; border-bottom:2px solid #a7a9ac; box-sizing:border-box; font-size:1.25rem; font-weight:400; color:#052e6f; text-align:center;}
.resultArea dl.resultBox dd div {float:left; width:50%; text-align:center;}
.resultArea dl.resultBox dd b {display:inline-block; font-family:'Open Sans', sans-serif; font-size:2.5rem; font-weight:400; vertical-align:baseline;}
.resultArea dl.resultBox dd span {display:inline-block; vertical-align:baseline;}
.resultArea dl.resultBox dd.result01 {border-right:1px solid #e9e9e9;}
.resultArea.dt2 > div.resultdt1 {float:left; width:62%;}
.resultArea.dt2 > div.resultdt2 {overflow:hidden; width:38%;}
.resultArea.dt2 > div.resultdt1 dl.resultBox dt {width:24%;}
.resultArea.dt2 > div.resultdt1 dl.resultBox dd {width:38%;}
.resultArea.dt2 > div.resultdt2 dl.resultBox dt {width:40%;}
.resultArea.dt2 > div.resultdt2 dl.resultBox dd {width:60%;}
.resultArea.dt2 dl.resultBox dd div:last-child {text-align:left;}
.resultArea.dt2 dl.resultBox dd p {margin-left:0.625rem; font-size:0.875rem; color:#696969;}
.resultArea dl.resultBox dd.result02 div:first-child {width:45%;}
.resultArea dl.resultBox dd.result02 div:last-child {width:55%;}
.resultArea.row2 {margin-bottom:0;}
.resultArea.row2 .result01 img {margin-top:-10px;}
#gallery { width:100%; }
#gallery a { display:inline-block; zoom:1; width:24%; height:180px; overflow:hidden; margin-bottom:1px;}
#gallery a img { width:170%; margin-left:-25%;}
#lightbox { top:150px; }
#gallery.gall100 a img { width:105%; margin-left:0px; margin-top:0px; }
/* 경기해양레저 */
.gyeonggiArea {overflow:hidden;}
.gyeonggiMap {width:800px; margin:60px auto 0;}
.gyeonggiArea .infoTxt {font-size:1rem; color:#696969; text-align:right;}
.gyeonggiBox02 {overflow:hidden;}
.gyeonggiBox02 .infoList.type02 > li span {display:inline-block; margin-left:15px;}
.gyeonggiBox02 .infoList.type02 > li ul {margin-left:15px;}
.gyeonggiBox02 .eduprImgArea {overflow:hidden; margin:30px 0; text-align:center;}
.gyeonggiBox02 .eduprImgArea img {margin:5px 0;}
/* 참가신청안내 */
.regiWrap {overflow:hidden; width:860px; margin:0 auto;}
.regiInfoArea {overflow:hidden; margin-bottom:60px;}
.regiInfoArea > div {position:relative; float:left; width:33.33333%; min-height:385px; padding:35px 45px; box-sizing:border-box;}
.regiInfoArea > div.regiPr02 {border-left:1px solid #e4e4e4;}
.regiInfoArea > div.regiPr03 {border:1px solid #e4e4e4; background-color:#f8f8f8;}
.regiInfoArea > div .regiIcon {margin-bottom:30px; text-align:center;}
.regiInfoArea > div .regiTxt {overflow:hidden;}
.regiInfoArea > div .regiTxt strong {display:block; height:70px; font-size:1.25rem; font-weight:600; color:#052e6f; text-align:center;}
.regiInfoArea > div .regiTxt strong span {display:block;}
.regiInfoArea > div .regiTxt ul li {padding-left:12px; text-indent:-12px; color:#696969; font-size:0.9375rem; font-weight:400; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
.regiInfoArea .arrow {position:absolute; top:50%; margin-top:-23px; margin-right:-23px; right:0; z-index:1;}
.regiBtnArea {overflow:hidden; text-align:center;}
.yScrollArea {overflow-y:scroll; height:16rem; padding:1rem; border:1px solid #b5b5b5; box-sizing:border-box; font-size:1rem; line-height:1.5;}
.yScrollArea b {display:block; font-size:1.2rem; font-weight:500;}
/* 참가신청안내 */
.participation-application {position: relative;}
.participation-application a {display: block; position: absolute; bottom: 22%; left: 50%; transform: translateX(-50%); max-width: 210px; width: 26.25vw; max-height: 20px; height: 2.5vw;}
/* 렛츠고보트피싱 */
.letsgoInfoArea {overflow:hidden;}
.letsgoInfoArea .letsgoInfoWrap1 {float:left; width:72%;}
	.letsgoInfoArea .letsgoInfoWrap1 > div {margin-right:0.9375rem;}
.letsgoInfoArea .letsgoInfoWrap1 .broadLogoArea img {margin:10px 20px;}
.letsgoInfoArea .letsgoInfoWrap2 {overflow:hidden; width:28%;}
.letsgoInfoArea .letsgoInfoWrap2 img + img {margin-top:0.625rem;}
/* 셔틀버스 운영안내 */
.shuttleArea {overflow:hidden;}
.shuttleArea ul li {margin-top:0.4375rem; padding-left:10px; text-indent:-10px;}
.shuttleArea ul li:first-child {margin-top:0;}
.shuttleArea ul li b {font-weight:500;}
.appDownArea {overflow:hidden; margin-top:4rem;}
.appDownArea .title01 {text-align:center;}
.appDownArea .appDownWrap {overflow:hidden;}
.appDownArea .appDownWrap > div {float:left; width:49%; margin-left:2%; padding:30px 10px; border:2px solid #e9e9e9; box-sizing:border-box; text-align:center;}
.appDownArea .appDownWrap > div:first-child {margin-left:0;}
.appDownArea .appDownWrap > div a {display:inline-block; text-align:center;}
.appDownArea .appDownWrap > div a img {display:inline-block; vertical-align:middle;}
.appDownArea .appDownWrap > div a img + img {margin-left:15px;}
/* 올해의 제품상 인트로 */
.productIntroArea {overflow:hidden;}
.productIntroImg {overflow:hidden; margin-top:40px;}
.productIntroImg ul {overflow:hidden;}
.productIntroImg ul li {float:left; width:25%; text-align:center;}
/* 올해의 제품상  */
.productListArea {overflow:hidden;}
.productWrap {overflow:hidden;}
.productWrap + .productWrap {margin-top:3.75rem;}
.productWrap .prTit {overflow:hidden; display:block; width:9.6875rem; padding:1rem 0; font-size:1.06rem; font-weight:500; color:#fff; text-align:center; background-color:#21356c;}
.productWrap .productBox {overflow:hidden; padding:2.5rem 3.44rem; border-top:2px solid #21356c; background-color:#f9f9f9;}
.productWrap .productBox + .productBox {margin-top:2.5rem;}
.productWrap .productBox .productImg {float:left; width:237px; margin-right:3.44rem;}
.productWrap .productBox .productContents {overflow:hidden;}
.productWrap .productBox .productContents .prName {overflow:hidden; margin-bottom:1.375rem;}
.productWrap .productBox .productContents .prName b {display:inline-block; width:4.5rem; margin-right:0.8rem; text-align:center; vertical-align:middle;}
.productWrap .productBox .productContents .prName p {display:inline-block; vertical-align:middle;}
.productWrap .productBox .productContents .prName p span.prco {display:block; margin-bottom:3px; font-size:1.25rem; font-weight:600; color:#052e6f;}
.productWrap .productBox .productContents .prName p span.prid {display:block; font-size:1.25rem; font-weight:400; color:#4a4a4a;}
.productWrap .productBox .productContents .prHpage {overflow:hidden; margin-bottom:5px;}
.productWrap .productBox .productContents .prHpage a:hover {color:#2e4c9e; text-decoration:underline;}
.productWrap .productBox .productContents .prHpage b, .productWrap .productBox .productContents .prTxt b {float:left; width:4.5rem; margin-right:1rem; font-size:0.9375rem; font-weight:400; color:#052e6f; text-align:center;}
.productWrap .productBox .productContents .prHpage p, .productWrap .productBox .productContents .prTxt p {overflow:hidden; font-size:0.9375rem; font-weight:400; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
/* 일자리박람회 */
.jobTit {overflow:hidden;}
.jobTit p {font-size:2rem;}
.jobTit strong {display:block; font-size:2.5rem; color:#052e6f;}
.jobBox {overflow:hidden; margin-top:3.75rem;}
.jobBox > div {float:left;}
.jobBox > div h4 {margin-top:1.9rem;}
.jobBox img {float:right;}
/* 제품 */
.event1 .search_input { margin-right:1rem; margin-bottom:0.5rem; }
.event1 .search_input select { height:1.25rem; }
.event1 .search_item { display:inline-block; }
.event1 .search_button { display: inline-block; padding: 0.5em 1.25em; border:0; line-height: 1; font-size: 1rem; font-weight: normal; text-decoration: none; color: #fff; background: #00378e; border-radius: 0.2rem; }
.event1 .event_item_list { position:relative; overflow:hidden; margin:0 -.5rem; }
.event1 .product-item-container { display:inline-block; box-sizing:border-box; width:50%; padding:0.5rem; font-size:1rem; line-height:1.5; }
.event1 .product-item { border-top:2px solid #21356c; padding:1.5rem 2.5rem; background-color:#f9f9f9; }
.event1 .product-item:after { content:''; display:table; clear:both; }
.event1 .product-item .image { float:left; width:40%; margin-right:1.5rem; overflow:hidden; border:1px solid #d7d7d7; }
.event1 .product-item .image .caption { display:none; }
.event1 .product-item .image img { max-width:100%; }
.event1 .product-item .info { overflow:hidden; }
.event1 .product-item .company { font-size:1.2rem; color:#052e6f; }
.event1 .product-item .name { font-size:1.2rem; color:#4a4a4a; padding-bottom:1rem; }
.event1 .product-item .label { display:table-cell; width:4rem; font-size:0.95rem; color:#052e6f; }
.event1 .product-item .text { display:table-cell; font-size:0.95rem; color:#4a4a4a; }
.event1 .product-item .category,
.event1 .product-item .website { display:table; width:100%; }
.event1 .product-item .details { padding-top:1rem; overflow:hidden; clear:both;}
.event1 .product-item .details .label { display:block; width:auto; margin-bottom:0.5rem; }
.event1 .product-item .details .text  { display:block; white-space:pre-wrap; }
/* 참관안내 */
.visitArea {overflow:hidden;}
.visitProcess {overflow:hidden;}
.visitArea .infoList.type01 > li.visitProcess {display:block;}
.visitArea .infoList.type01 > li.visitProcess > div.infoListTit {display:block; width:auto;}
.visitArea .visitList {overflow:hidden; width:875px; margin:10px auto 0;}
.visitArea .visitList > div {float:left; width:33.33333%; min-height:24.1rem; padding:3.125rem 2.8rem 1.56rem; box-sizing:border-box; background-color:#f4f4f4;}
.visitArea .visitList > div:nth-child(2) {background-color:#ebebeb;}
.visitArea .visitList > div.link {padding: 0;}
.visitArea .visitList > div.link a {display: block; min-height:24.1rem; padding:3.125rem 2.8rem 1.56rem; box-sizing: border-box;}
.visitArea .visitList .visitIcon {width:142px; height:142px; margin:0 auto; border-radius:50%; text-align:center; vertical-align:middle; background-color:#042e6f;}
.visitArea .visitList .visitIcon:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}
.visitArea .visitList .visitIcon > span {display:inline-block; vertical-align:middle;}
.visitArea .visitList strong {display:block; min-height:4.0625rem; margin-top:1.875rem; font-size:1.25rem; font-weight:600; color:#052e6f; text-align:center;}
.visitArea .visitList strong span {display:block; font-size:0.9375rem; font-weight:400;}
.visitArea .visitList ul li {font-size:0.9375rem; font-weight:300; color:#696969; text-align:left;}
.visitArea .visitTxt {overflow:hidden; width:875px; margin:2.5rem auto 0; text-align:center;}
/* .visitArea .visitTxt p {overflow:hidden; margin-top:2.5rem; padding:35px 10px; border:5px solid #d9d9d9; font-size:1.5625rem; font-weight:600; color:#042e6f;} */
.visitArea .visitTxt p {overflow:hidden; margin-top:2.5rem; padding:35px 10px; background: #042e6f; border:5px solid #042e6f; font-size:1.5625rem; font-weight:600; color:#fff;}
/* .visitArea .visitTxt p.offline {background: #042e6f; border-color: #042e6f; color: #fff;} */
/* 부대행사 */
.eventArea table.write td b {font-weight:500;}
.eventArea table.write .green {color:#fff; background-color:#09acbb;}
.eventArea table.write .blue {color:#fff; background-color:#008ad9;}
.eventArea table.write .navy {color:#fff; background-color:#013f9c;}
.eventArea table.write .purple {color:#fff; background-color:#221f7b;}
.eventArea table.write .grtd {background-color:#e6f7f8;}
.eventArea table.write .bltd {background-color:#e6f1fc;}
.eventArea table.write .nvtd {background-color:#e5ebf5;}
.eventArea table.write .pptd {background-color:#e8e8f2;}
/* overview */
.overviewArea .ovCategory {overflow:hidden;}
.overviewArea .ovCategory > li {float:left; width:50%; padding:0.8rem; box-sizing:border-box;}
.overviewArea .ovCategory > li > div {display:inline-block; margin-right:-5px; vertical-align:middle;}
.overviewArea .ovCategory > li .ctgImg {width:20%;}
.overviewArea .ovCategory > li .ctgTxt {width:80%; padding-left:1rem; box-sizing:border-box;}
/* 아리마리나 해상전시 */
.marinaArea {overflow:hidden;}
.marinaArea .dashList {margin-left:1rem;}
.marinaArea .dashList > li > span.ref {vertical-align:middle;}
.marinaArea .marinaTxt {overflow:hidden; position:relative;}
.marinaArea .marinaImg {position:absolute; top:0; right:0;}

/* KIBS TV */
.bbs_category {display: flex; flex-wrap: wrap;}
.bbs_category > li {flex: 1 1 auto; margin: -1px 0 0 -1px; border: 1px solid #ddd; text-align: center;}
.bbs_category > li a {padding: 10px 5px;}
.bbs_category > li.selected {background: #052e6f; border-color: #052e6f;}
.bbs_category > li.selected a {color: #fff;}

.board_gallery .article {transition: 0.3s;}
.board_gallery dl {overflow: hidden; border-radius: 1rem;}
.board_gallery dl .imgName {padding: 8px 12px;}
.board_gallery a.btn_view > img {width: 100%; max-height: 200px; height: 16.6666vw; object-fit: cover;}
/* hover */
.board_gallery .article:hover {transform: scale(1.1);}

@media only screen and (max-width:1799px){
	.linkArea .whatsonArea {padding:2rem 4rem;}
	.linkArea .whatsonArea .boardTit strong {font-size:1.5rem;}
	.linkArea .whatsonArea .boardTit a {top:1rem; font-size:0.8rem;}
	.linkArea .whatsonArea .whatson .main_bbs li:last-child {margin-top:1rem; padding-top:1rem;}
	.linkArea .whatsonArea .whatson .main_bbs li a strong {font-size:1rem;}
	.linkArea .whatsonArea .whatson .main_bbs li a .date {margin-top:0.8rem; font-size:0.8rem;}
	.linkArea > div.boardArea > div {padding:1.5rem 1rem;}
}

@media only screen and (max-width:1650px){
	.quickBrochureArea div ~ div {margin-top:0;}
	.quickBrochureArea .quickBrochure {float:left;}
	.quickBrochureArea .quickBrochure:last-child {padding-left:2rem;}
}
@media only screen and (max-width:1259px){
	html {font-size:14px;}
	/*header*/
	#wrap,
	.main_page #wrap { padding-top:70px; }
	#header_wrap { position:fixed; width:100%; min-width:320px; height:70px; z-index:99; box-shadow:none;}
	#header {width:100%; height:100%; min-width:320px; padding-top:0; margin-top:0; }
	#logo { top:0; height:90%; max-width:20%; margin:0; z-index:102; left:50%; margin-left:0; transform:translate(-50%, 0); }
	#logo img{width:auto; max-width:100%; max-height:100%; padding:0; margin-top:0;}
	.hsection { top:0; border-bottom:0; height:auto; height:initial; }
	#app-menu-button { display:block; }
	#app-menu-button i { font-size:30px; color:#fff; line-height:30px; }
	#gnb_wrap { position: fixed; left: -490px; top: 70px; bottom:0; width:480px; min-width:320px; height:auto; margin: 0; padding: 0; background-color:#fff; overflow: hidden; z-index: 13; transition: left 0.6s, width 0.6s; }
	.m_selected { overflow:hidden; }
	#bg-menu-opened { display:block; position:fixed; top:0; left:0; overflow:hidden; z-index:9; transition:background-color 0.6s; }
	.m_selected #bg-menu-opened { right:0; bottom:0; background-color:rgba(0,0,0,0.6); }
	.m_selected #gnb_wrap { left:0; }
	.main_page #gnb_wrap { top:120px; }
	.shrink-header #gnb_wrap { margin-top:0; }

	#gnb { position:absolute; top:0; left:0; bottom:0; right:0; margin:0; overflow:auto; z-index:14; width:100%;}
	#gnb > li {border-top:1px solid #d4d4d4; background-color:#f4f4f4; position:relative; float:none; display:block; height:initial; height:auto; z-index: 15; }
	#gnb > li > a { position:relative; display:block; height:auto; padding:1.5em 4em 1.5em 2em; text-align:left; color:#333; border-left: 0 solid #052e6f; font-size:1.5em; line-height:1; font-weight:bold; transition:all 0.3s;}
	#gnb > li > a:hover { color:#333; }
	#gnb > li > a:before { content:none; }
	#gnb > li > a:after  { content:'\f107'; position:absolute; top:50%; margin-top:-0.5em; right: 0.5em; font-family:'FontAwesome'; font-size:2em; font-weight:normal; font-style:normal; line-height:1; transition:transform 0.3s; backface-visibility:visible; }
	#gnb > li > a:active { color:#333; }
	#gnb > li.active > a{ color:#052e6f; border-left-width:0.4em; }
	#gnb > li.selected > a { color:#052e6f; border-left-width:0.6em; }
	#gnb > li.selected > a:after,
	#gnb > li.active > a:after { transform:rotateX(180deg); }
	#gnb > li .gnb_sub {background-color:#fff;}
	#gnb > li .gnb_sub_wrap,
	#gnb > .fair17540 .gnb_sub_wrap { visibility:visible; opacity:1; position:relative; left:0; top:0; display:block;width:auto; width:initial; margin-left:0; overflow:hidden; box-shadow:none; transition:max-height 0.3s; max-height:0; }
	#gnb > li:hover .gnb_sub_wrap { transition:max-height 0.3s; }
	#gnb > li.active .gnb_sub_wrap,
	#gnb > li.selected .gnb_sub_wrap {display:block;height:auto;height:initial;position:relative;max-height:700px;}
	#gnb > li .gnb_sub,
	#gnb > li:hover .gnb_sub { display:block;left:0;width:auto; width:initial; position:relative; margin:0;}
	#gnb > li .gnb_sub li + li { /*border-top:1px solid #323232; */}
	#gnb > li .gnb_sub li a { text-align:left; padding:1em 3em; height:auto; height:initial; font-size:1.2em; line-height:1em; color:#4d4d4d; transition:none; }
	#gnb > li .gnb_sub li:hover a { background-color:#052e6f; }
	#gnb > li .gnb_sub li { height:auto; border-top:1px solid #e7e7e7; border-bottom:0; line-height:15px;}
	#gnb > li .gnb_sub li:before { content:none; }
	#gnb > li .gnb_sub li.selected a { color:#ffde00; background-color:#052e6f; }
	#gnb > li .gnb_sub li:active a {color:#052e6f;}
	#gnb > li .gnb_sub li:active a:hover { color:#ffde00; }

	#topMenu { position:fixed; top:70px; left:-490px; min-width:320px; width:480px; height:70px; padding:0;background:#052e6f;z-index:10;font-size:14px; will-change:left; transition: left 0.6s; }
	.main_page #topMenu { top:70px; }
	.m_selected #topMenu { left:0%; }
	.tnb_lang .lang i {color:#a4c9e5;font-size:13px;}
	#topMenu > ul {display:inline-block; padding:0.7rem 1rem; vertical-align:middle;}
	#topMenu > ul li {float:none; display:inline-block; vertical-align:middle;}
	#topMenu > ul > li a{ padding:0 0.5rem; }
	#topMenu .tnb_sitemap,
	#topMenu .tnb_sign,
	#topMenu .tnb_userinfo { display:none; }
	.tnb_lang .lang a { padding:2px 5px; border-color:#85b9e2; }
	.tnb_lang .lang a.ENG { border:0; }
	.m_selected.m2_collapsed #mypage_menu { left:-110%; }

	#gnb>li .gnb_sub { padding:0; }
	.topSNS { display:none; }
	#topMenu { font-size:14px; }
	#topMenu ul { float:none; }
	#header #topMenu a:hover { color:#a4c9e5; }
	.m_selected .app-menu-button img:first-of-type { display:block;width:75%; }
	.m_selected .app-menu-button img:nth-of-type(2) { display:none; }
	.app-menu-button img:first-of-type { display:none; }


	/* main */
	.hsection > div {width:auto;}
	.hsection .hsecLeft {float:right; margin:0 1rem 0 0; max-width:30%; font-size:0; }
	.hsection .hsecLeft span { box-sizing:border-box; width:50px; padding:0.5rem; }
	.hsection .hsecLeft span.text {display: none;}
	.hsection .hsecLeft span + span { margin-left:0; }
	.hsection .hsecLeft span img { max-width:100%; }
	.hsection .hsecRight {float:none; top:auto;}
	.hsection .langBox,
	.hsection .hNewsletter,
	.hsection .hsecRight .date {display:none;}
	.hsection .snsLinkArea {top:43px; right:20px;}
	.hsection .header-exhi {display: none;}
	.quickArea {display:none;}

	.main_page #header_wrap,
	.shrink-header #header_wrap { position:fixed; top:0; left:0; width:100%; }
	.main_page #header,
	.shrink-header #header { margin-top:0; padding-top:0; }
	.main_page #logo ,
	.shrink-header #logo { top:0; height:90%;}
	.main_page .hsection,
	.shrink-header .hsection { top:0; height:auto; }
	/*.main_page .hsection .hsecRight,*/
	.shrink-header .hsection .hsecRight { top:0; }
	.hsection .hsecLeft {margin: 0 !important;}
	.main_page .hsection .hsecLeft,
	.shrink-header .hsection .hsecLeft {margin-top:0; transform:scale(0.8); }
	.shrink-header .hsection .hsecRight .date { width:auto; }


	.visualArea {height:inherit; height:auto; padding-top:0;}
	.visualArea .visualSlide {position:relative; width:100%; padding-bottom:0;}
	.visual-title-wrap .main-center{ width:auto; }
	.visual-title-wrap .text-image .online-exhibition-btn a.yellow {display: block;}
	.visualArea .text-image {position:relative; width:58%; margin-bottom:2%;}
	.visualArea .text-image img { max-width:45%; }
	.slideArea {height:auto;}
	.slideArea div {height:auto;}
	.midMenuArea ul li a div {font-size:0.85rem;}
	.midMenuArea ul li a div.midMenuImg {width:31%;}
	.midMenuArea ul li a div.midMenuImg img {max-width:100%;}
	.linkArea .linktt {margin-top:34%;}
	.linkArea .btnLink {margin-top:8%;}

	.linkArea .whatsonArea {padding:2rem;}
	.linkArea .whatsonArea .whatson {padding:1.3rem 2.333rem;}

	.quickBrochureArea {display:none;}

	.footer .quick-box { top: 80%; }

	/* sub layout */
	#content.sub_content #con_container {width:auto; padding:4.375rem 0.625rem;}
	#content.sub_content .com_subtitle .breadcrumb {width:auto; }
	#content.sub_content .com_subtitle h2 {height:auto; padding:4% 0; }
	#content.sub_content .com_subtitle .menu_name { font-size:2.5rem; }

	.breadcrumb .path { min-width:130px; }
	.breadcrumb .path-home { min-width:auto; border-right:0; padding:1rem; }
	.breadcrumb .path-current { font-weight:normal; }

	#ex_appliction { width:100%; padding:0; }
	#ex_application .com_subtitle { width:auto; }

	.visitArea .visitList > div {min-height:25.2rem;}
	.logoWrap .main_logos_b div.os04 {padding:0 10px;}
}

@media only screen and (max-width:1199px){
	.boardArea .boardWrap {width:auto;}
	.boardArea .noticeArea > div, .boardArea .industryArea > div {margin:0 30px;}
	.socialArea {padding:50px 0;}
	.socialArea .socialWrap {width:auto;}
	.socialArea > div > div > div {margin:0 20px;}
	.btLinkArea ul {width:auto;}
	.btLinkArea ul li:first-child a {border-left:0;}
	.btLinkArea ul li a {padding:25px 10px;}
	.btLinkArea ul li a div.btnLInkImg img {width:80%;}
	.btLinkArea ul li a span {font-size:0.8rem;}
	.btLinkArea ul li a p {font-size:1rem;}
	.linkArea .whatsonArea .boardTit {margin-bottom:1rem;}
	.linkArea .whatsonArea {padding:1.5rem 3rem;}
	.logoArea .logoWrap {width:auto;}
	.main_logos_b {margin-bottom:0;}
	.logoWrap .main_logos_b .os00 {display:block; height:auto; padding:0 10px;}
	.logoWrap .main_logos_b .os00:before {content:''; display:inline-block; width:1px; margin-left:-1px; height:100%; vertical-align: middle;}
	.logoWrap .main_logos_b div.os02 {margin-left:0; padding:0 10px;}
	.logoWrap .main_logos_b > div.os04 {height:auto;}
	.logoWrap .main_logos_b .os00 + .os00 {margin-left:0;}
	.logoWrap .main_logos_b .os00 > strong { float:left; margin-top:9px; }
	.logoWrap .main_logos_b .os00 .logo_list { display:block; overflow:hidden; line-height:46px; }
	.footer > div.footInfoArea {padding:20px 10px 60px;}
	.footer > div.footInfoArea > div {width:auto;}

	#kibs_regist_form {width: 80%; height: 35rem;}

	/* sub */
	.mHide {display:none;}
	.prjBox02 strong {width:20%;}
	.prjBox02 ul li {margin-left:55px;}
	.venueArea1 .venueLeft {padding:0 0 0 15px;}
	.emblemBox1 .emblemLeft > div {margin-right:60px; margin-left:0;}
}

@media only screen and (max-width:1023px){
	.linkArea .linktt {margin-top:30%;}
	.linkArea .link01 {width:100%; height:auto;}
	.linkArea .link01 a img.link01_txt {width:45%;}
	.linkArea > div {width:50%; height:24rem;}

	.midMenuArea ul {height:160px;}
	.midMenuArea ul li {width:33.3333%; height:50%;}
	.midMenuArea ul li a div {font-size:0.95rem;}
	.videoArea {padding:50px 0 40px;}
	.btLinkArea ul li.btnLink04 span img {width:130px;}

	/* sub */
	.prjBox02 {padding:30px; text-align:center;}
	.prjBox02 strong {display:block; width:auto; margin-bottom:20px;}
	.prjBox02 ul li {margin-left:20px;}
	.venueArea1 .venueLeft {float:none; padding:0; text-align:center;}
	.venueArea1 .venueRight {float:none; margin-top:30px; text-align:center;}
	.venueArea1 .venueRight img {display:inline-block;}
	.venueArea1 .venueRight ul {display:block; width:auto; margin-top:50px;}
	.venueArea1 .venueRight ul li {margin:5px;}
	.venueArea1 .venueRight ul li:first-child {margin-top:5px;}
	.venueArea1 .venueRight ul li:nth-child(5) {margin-top:5px;}
	.venueArea1 .venueRight ul li a {width:130px;}
	.venueArea2 {margin-top:60px;}
	.certifyBox01 .certifyList p.certiName {height:95px; padding-top:20px;}
	.certifyBox01 .certifyList p.certiName span > span {margin-top:10px;}
	.displayArea ul li div.displayTxt {width:70%;}
	.displayArea ul li div.displayIcon {margin-right:15px;}
	.resultArea.dt2 > div.resultdt1 {float:none; width:auto;}
	.resultArea.dt2 > div.resultdt2 {width:auto; margin-top:20px;}
	.resultArea.dt2 > div.resultdt2 dl.resultBox dt {width:24%;}
	.resultArea.dt2 > div.resultdt2 dl.resultBox dd {width:76%;}
	.jobBox > div {float:none;}
	.jobBox img {float:none;}
	.visitArea .visitList {width:auto;}
	.visitArea .visitTxt {width:auto;}

	.branch-item .text { font-size:1.4rem; }

	/* lets go boat fishing */
	.bbs3103 .board_gallery .article { width:25%; }
}

@media only screen and (max-width:880px){
	.videoBox { width:80%; padding-bottom:45%; }
	.boardArea .main_bbs li strong {width:70%;}
	.boardArea .noticeArea > div,
	.boardArea .industryArea > div {margin:0 20px;}
	.industryArea .main_bbs li strong { width:auto; }
	.btLinkArea ul li {width:50%;}
	.btLinkArea ul li a {padding:25px 30px; border-top:1px solid #2a4d84;}
	.fairmenu17504 #login_content,
	.fairmenu17593 #login_content { padding:0; background:none; }

	/* sub */
	.prjBox_sub {width:auto;}
	.prjBox_sub > div {text-align:center;}
	.prjBox_sub > div img {float:none; margin-right:0; margin-bottom:15px;}
	.prjBox02 ul li {margin-left:10px;}
	.emblemBox1 {margin-top:0;}
	.emblemBox1 .emblemLeft {float:none; width:auto;}
	.emblemBox1 .emblemLeft > div {margin-right:0;}
	.emblemBox1 .emblemLeft img {margin:0 0 30px;}
	.emblemBox1 .emblemRight {margin-top:50px;}
	.emblemBox1 .emblemRight > div {text-align:center;}
	.emblemBox1 .emblemRight .mt30 {margin-top:50px;}
	.emblemBox2 div {display:inline-block;}
	.certifyBox01 .certifyList > div {width:300px; margin:10px;}
	.certifyBox02 .awardWrap .awardBox {float:none; width:auto; margin-left:0;}
	.certifyBox02 .awardWrap .awardBox + .awardBox {margin-top:50px;}
	.resultArea dl.resultBox dd img { height:40px;}
	.resultArea.row2 .result01 img {margin-top:0;}
	.resultArea.row2 dl.resultBox dd.result02 img {height:30px;}
	.historyBox {margin-bottom:50px;}
	.resultWrap {margin-bottom:50px;}
	.gyeonggiMap {width:auto; margin:30px 0;}
	.regiWrap {width:auto;}
	.regiInfoArea > div {float:none; width:auto; min-height:auto; padding:20px;}
	.regiInfoArea > div .regiIcon {display:inline-block; width:40%; margin-bottom:0; vertical-align:middle;}
	.regiInfoArea > div .regiTxt {overflow:hidden; display:inline-block; vertical-align:middle;}
	.regiInfoArea > div .regiTxt strong {height:40px; text-align:left;}
	.regiInfoArea > div .regiTxt strong span {display:inline-block; margin-left:4px;}
	.regiInfoArea > div.regiPr02 {border-left:0; border-top:1px solid #e4e4e4;}
	.regiInfoArea .arrow {top:100%; left:50%; right:auto; margin-top:-23px; transform:rotateZ(90deg);}
	.productWrap .productBox .productImg {margin-right:2rem;}
	.menu_extra .kakao-banner {height:90px; overflow:hidden; }
}

@media only screen and (max-width:760px){
	table.write th, td {padding: 10px 0;}
	.infoList.type01 > li > div.infoListTit {width: 120px;}
	.linkArea > div {float:none; width:auto; height:auto;}

	.btLinkArea ul li { width: 100% !important; }
	.btLinkArea ul li a { justify-content: center; gap: 10px; }

	.prjBox02 ul li {width:130px;}
	.prjBox02 ul li div {width:100px; height:100px; font-size:20px;}
	.prjBox02 ul li div img {margin-top:24px;}
	.prjBox02 ul li > p {font-size:14px;}
	.prjBox02 ul.navy li div b {margin-top:27px;}
	.productWrap .productBox .productImg {float:none; margin:0 auto 1.875rem;}
	.visitArea .visitList > div {padding:3.125rem 1.5rem 1.56rem;}
	.appDownArea .appDownWrap > div a img + img {margin-left:0; margin-top:10px;}

	/* lets go boat fishing */
	.bbs3103 .board_gallery .article { width:33.3333333%; }

	/* 제품 */
	.event1 .product-item-container { width:100%; }

	/* 메인 비쥬얼 */
	.visualArea .text-image {bottom: 2%; margin-bottom: 1%;}
	.visual-title-wrap .text-image .d-day {font-size: 1.4rem;}
	.visual-title-wrap .text-image .d-day .ddayArea {font-size: 0.8em;}
	.visual-title-wrap .text-image .d-day .ddayArea p {padding: 1.2rem 0.5rem;}
	.visual-title-wrap .text-image .d-day .ddayArea .ddayBox {padding: 0.5rem 0;}
	.visual-title-wrap .text-image .online-exhibition-btn a {width: 85%; font-size: 1.4rem;}
	.visual-title-wrap .text-image .online-exhibition-btn img {height: 40px;}

	/* 메인 구독 수정*/
	#kibs_regist_form {width: 80%; right: 0%; left: 50%; padding: 2rem 1rem; transform: translate(-50%, 0%);}
}

@media only screen and (max-width:660px){
	html {font-size:11px;}
	#topMenu > ul > li a {font-size:1rem;}
	.quickArea {transform-origin:100% 0; transform:scale(0.7);}
	.linkArea .linktt {margin-top:28%;}
	.linkArea .btnLink {padding:8px 20% 8px 14px;}
	.socialArea .fbArea {float:none; width:auto;}
	.socialArea .nvArea {margin-top:30px;}
	.btLinkArea ul li a { flex-direction: column; align-items: center; padding:20px;}
	.btLinkArea ul li a div { text-align: center; }
	.btLinkArea ul li a div.btnLInkImg img { width: auto; }
	.footer > div.footInfoArea .footerLogo {float:none; text-align:center;}
	.footer > div.footInfoArea .footerRight {margin-top:15px; text-align:center;}
	.footer > div.footInfoArea .footerQR {display:block; margin-top:10px;}
	.footer > div.footInfoArea .footerPri {display:block; margin-right:1rem}
	.footer > div.footInfoArea .copyright {display:block;}

	.button-scroll a { width:1.2rem; height:1.2rem; border-radius:0.6rem; }

	#content.sub_content .com_subtitle .menu_name {font-size:35px;}
	#content.sub_content .com_subtitle .breadcrumb {font-size:14px;}

	.branch-container { position:relative; width:100%; height:auto; height:initial; padding-bottom:0; }
	.branch-col-1, .branch-col-2 { position:relative; width:100%; height:initial; height:auto; }
	.branch-item { position:relative; }
	.branch-item .default-image { background-size:cover; }
	#branch-1,
	#branch-2,
	#branch-3,
	#branch-4 { top:auto; left:auto; width:initial; width:auto; height:12rem; }
	#branch-2 .text,
	#branch-3 .text,
	#branch-4 .text { top:50%; left:0; text-align:center; }
	#branch-1 .title,
	#branch-2 .title,
	#branch-3 .title,
	#branch-4 .title { display:block; width:100%; }
	#branch-2 .icon,
	#branch-3 .icon,
	#branch-4 .icon { margin-bottom:0.5rem; }

	/* sub */
	.prjBox02 ul li div {margin-bottom:15px;}
	.prjBox02 ul li {margin:10px;}
	.prjBox02 ul li:first-child {margin-left:10px;}
	.certifyBox01 .certifyList p.certiName {height:65px; padding-top:10px;}
	.certifyBox01 .certifyList p.certiName b {margin-bottom:5px;}
	.certifyBox01 .certifyList p.certiName span > span {margin-top:5px;}
	.displayArea ul li {text-align:center;}
	.displayArea ul li div.displayIcon {margin-right:0;}
	.displayArea ul li div.displayTxt {display:block; width:310px; margin:15px auto 0;}
	.displayArea ul li div strong {font-size:1.4rem;}
	.displayArea ul li div p {font-size:1.2rem;}
	.historyBox .historyImg {float:none; margin:0 auto 20px;}
	.historyArea table.write {font-size:1.2rem;}
	.tablist.tabStyle02 li {flex-basis:16.6%;}
	.tab_lst li {flex-basis:16.6%;}
	.regiInfoArea > div .regiIcon img {width:60%;}
	.regiInfoArea .arrow { transform:scale(0.6) rotate(90deg); }
	.emblemArea .emblemTop > div {display:block; width:auto; vertical-align:middle;}
	.letsgoInfoArea .letsgoInfoWrap1 {float:none; width:auto;}
	.letsgoInfoArea .letsgoInfoWrap2 {width:auto; margin-top:15px;}
	.letsgoInfoArea .letsgoInfoWrap2 img {width:49%; margin-top:4px;}
	.letsgoInfoArea .letsgoInfoWrap2 img + img {margin-top:auto;}
	.letsgoInfoArea .letsgoInfoWrap2 img:first-child {margin-left:0;}
	.visitArea .visitList .visitIcon {width:100px; height:100px;}

	/* lets go boat fishing */
	.bbs3103 .board_gallery .article { width:50%; }
	.bbs3103 .board_gallery dl .imgName { font-size:1.2rem; }
	.bbs3103 .board_gallery dl .title { max-height:3.6rem; }
}

@media only screen and (max-width:480px){
	#topMenu { min-width:320px; width:100%; }
	.midMenuArea ul {height:initial; height:auto; font-size:0;}
	.midMenuArea ul li {float:none; display:inline-block; vertical-align:middle;}
	.midMenuArea ul li a {white-space: normal;}
	.midMenuArea ul li a:before {content:none;}
	.midMenuArea ul li a div {display:block; text-align:center; font-size:0.65rem;}
	.midMenuArea ul li a div.midMenuImg {display:block; width:initial; width:auto; margin-right:0; margin-bottom:12%;}
	.midMenuArea ul li a div.midMenuImg img {max-width:90%;}
	.midMenuArea ul li a div.midMenuTxt {display:inline-block;}
	.midMenuArea ul li.midMenu02 a div.midMenuImg img {max-width:80%;}
	.linkArea .linktt {margin-top:26%; font-size:1.6rem;}
	.linkArea .btnLink {margin-top:4%; padding:6px 20% 6px 14px;}
	.videoArea p, .videoArea strong {font-size:1.6rem;}
	.videoArea p span {height:20px;}
	.boardArea .noticeArea {float:none; width:auto;}
	.boardArea .industryArea {margin-top:30px;}
	.btLinkArea ul {flex-direction: column;}
	.btLinkArea ul li a {padding:10px;}
	.btLinkArea ul li.btnLink02 a {border-top:1px solid #2a4d84;}
	.btLinkArea ul li a div.btnLInkImg { height:auto; margin-right:0; text-align:center;}
	.btLinkArea ul li a div.btnLInkImg img { width: 70%; }
	.linkArea .whatsonArea {padding:1.2rem 2rem;}
	.linkArea .whatsonArea .whatson {padding:1rem 2.333rem;}
	.linkArea .whatsonArea .whatson .wsIco {display:none;}
	.linkArea .whatsonArea .whatson .main_bbs {width:100%;}

	.tablist.tabStyle01 li a {font-size:1rem; height:58px; line-height:58px;}
	.tablist.tabStyle01 li a.on {height:60px;}
	.resultArea dl.resultBox dt {display:block; width:auto;}
	.resultArea dl.resultBox dd {display:block; width:auto;}
	.resultArea dl.resultBox dd.result01 {border-right:0; border-bottom:1px solid #e9e9e9;}
	.resultArea dl.resultBox dd.result02 div:first-child {width:50%;}
	.resultArea dl.resultBox dd.result02 div:last-child {width:50%;}
	.resultArea.dt2 dl.resultBox dd div:last-child {text-align:center;}
	.resultArea.dt2 > div.resultdt1 dl.resultBox dt, .resultArea.dt2 > div.resultdt1 dl.resultBox dd, .resultArea.dt2 > div.resultdt2 dl.resultBox dt, .resultArea.dt2 > div.resultdt2 dl.resultBox dd {width:auto;}
	.productWrap .productBox {padding:1.5rem;}
	.visitArea .visitList > div {float:none; width:250px; min-height:auto; margin:10px auto 0;}


	table.write {font-size:0.8rem;}
	table.write th, td {padding:8px;}

	/* lets go boat fishing */
	.bbs3103 .video-container .video-player { float:none; width:100%; padding-top:56.25%; margin-bottom:2rem; }
	.bbs3103 .video-container .video-info { float:none; width:100%; padding-left:0; line-height:1.5; }

	/* 제품 */
	.event1 .product-item .image { display:inline-block; float:none; width:auto; margin-right:0; margin-bottom:1rem; }

	/* 메인 비쥬얼 */
	.visualArea .text-image {width: 65%;}
	.visual-title-wrap .text-image .d-day {padding: 0.8rem; font-size: 1.1rem;}
	.visual-title-wrap .text-image .online-exhibition-btn a {width: 90%; padding: 0.8rem; font-size: 1.1rem;}
	.visual-title-wrap .text-image .online-exhibition-btn img {height: 30px;}

	/* KIBS TV */
	.board_gallery a.btn_view > img {max-height: 230px; height: 47.9166vw;}
}

@media only screen and (max-width:360px){
	.quickArea { transform:scale(0.5); }

	/* lets go boat fishing */
	.bbs3103 .board_gallery .article { width:100%; }
}


/* !!!!!!!!! Don't put code here for content pages [START] */
@media only screen and (max-width:1256px){

  #ex_application { margin: 0 auto; }

  /*#popup_group { display:none; position:fixed; top:0; left;0; width:100%; height:100%; z-index:30; background-color:rgba(0,0,0,0.6); }
  #popup_group .layerPopup { position:absolute !important; box-sizing:border-box; top:10% !important; left:50% !important; max-width:90% !important; max-height:80% !important; padding-bottom:48px; transform:translate(-50%, 0); }
  #popup_group .layerPopup .popup_content { position: absolute; top: 0; left: 0; right: 0; bottom: 72px; overflow: auto; padding: 15px; }
  #popup_group .layerPopup .stretch-fixed { width:1px; height:9999px; margin-left:-1px; }
  #popup_group .layerPopup img { max-width:100%; }
  #popup_group .layerPopup > form { position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; height:48px; margin:0; padding:0px; }
  #popup_group .layerPopup > form label { font-size:14px; font-weight:bold; }
  #popup_group .layerPopup > form .btn1.common { margin-left:20px; font-size:15px; line-height:24px; padding:6px 15px; }*/

  #popup_group { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:150; background-color:rgba(0,0,0,0.6); }
  #popup_group .layerPopup { position:absolute; box-sizing:border-box; top:10% !important; left:50% !important; max-width:90% !important; max-height:80% !important; margin:0 !important; padding-bottom:72px; overflow-y:auto; transform:translate(-50%, 0); }
  #popup_group .layerPopup img { max-width:100%; }
  #popup_group .layerPopup > form { position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; height:72px; margin:0; padding:8px; }
  #popup_group .layerPopup > form label { font-size:16px; font-weight:bold; }
  #popup_group .layerPopup > form .btn1.common { margin-left:20px; font-size:18px; line-height:30px; padding:8px 16px; }

  div.field.row2,
  div.field.row3,
  div.f_addsub div.field.row2,
  div.f_addsub div.field.row3 { width:100%; }
  div.field.row1 > label,
  div.field.row2 > label,
  div.field.row3 > label,
  div.f_addsub div.field.row1 > label,
  div.f_addsub div.field.row2 > label,
  div.f_addsub div.field.row3 > label { width:30%; }
  div.field.row1 > div,
  div.field.row2 > div,
  div.field.row3 > div,
  div.f_addsub div.field.row1 > div,
  div.f_addsub div.field.row2 > div,
  div.f_addsub div.field.row3 > div { width:70%; padding: 8px 1.5%; }

}
@media only screen and (max-width:880px){
  .search_form .search_item { position:relative; display:block; float:none; clear:both; margin-bottom:8px; margin-right:0; }
  .search_form .search_item:after { content:''; display:table; clear:both; }
  .search_form select { box-sizing:border-box; width:100%; padding:3px; }
  .search_form input[type='text'] { box-sizing:border-box; width:100%; padding:8px; }
  .search_form select[name='searchGubun'] { float:left; width:38%; }
  .search_form input[name='searchText'] { float:right; width:60%; }
  .search_form .btn1 { box-sizing:border-box; width:100%; padding:8px; font-size:16px; line-height:16px; }

  #mypage_menu { display:block; position:fixed; top:70px; left:-490px; bottom:0; box-sizing:border-box; width:480px; z-index:100; background-color:#fff; will-change: left, opacity; transition: left 0.6s, width 0.6s;  }
  .m_selected #mypage_menu { left:0; }
  .m_selected.m2_collapsed #mypage_menu { left:-490px; transition:none; }
  #mypage_menu .menu_title { display:none; }
  #mypage-menu-button { display:block; box-sizing:border-box; width:48px; height:48px; padding:14px; }
  #mypage-menu-button .icon::before { content:'\f00d'; }
  #mypage_menu .go_home { float:right; }
  #mypage_menu .menu-group.level-1 { position: absolute; top: 49px; right: 0; left: 0; bottom: 90px; overflow-y: auto; }
  #mypage_menu .menu_extra { position:absolute; bottom:0; width:100%; height:90px; }
  #mypage_content { display:block; min-height:400px; padding:2rem 1rem; background-color:#fff; }
  .mypage_home_top { font-size:21px; }
  #mypage_content .cfair_progress { margin:-2rem -1rem 1rem; }
  #mypage_content .cfair_progress.foot { margin:1rem -1rem -2rem -1rem; }
  /*#content.sub_content .com_subtitle h2.menu_name {font-size:20px;}*/
}
@media only screen and (max-width:480px){
  #gnb_wrap { width:100%; left:-110%; }
  #topMenu { width:100%; left:-110%; }

  #mypage_menu { width:100%; left:-110%;  }
  .m_selected.m2_collapsed #mypage_menu { left:-110%; }

  #login_content { width:auto; width:initial; margin:50px auto; }
  #login_content .login_text br { display:none; }

  .mypage_home_top { font-size:18px; }

  div.history ul {margin-top:20px;}
  div.history strong {float:none; margin-right:0;}
  .board_gallery .article {width:100%;}
  /*#content.sub_content .com_subtitle h2.menu_name {font-size:17px;}*/
}
/* !!!!!!!!! Don't put code here for content pages [END] */