@charset "utf-8";
/* Desktop First */
html {  overflow-y: scroll;  scrollbar-width: none; /* Firefox */  -ms-overflow-style: none;  /* IE 10+ */}
html::-webkit-scrollbar { /* WebKit */  width: 0px;}

#fp-nav { background:rgba(255,255,255,0.8); border-radius:20px; padding:5px; width:120px; text-align:left;}
#fp-nav ul li { position:relative; width:100%; height:30px; margin:0 0 5px 0;}
#fp-nav ul li:last-child { margin:0;}
#fp-nav ul li a { position:relative; padding:0 10px; display:block; box-sizing:border-box;}
#fp-nav ul li a:hover { font-weight:500;}
#fp-nav ul li a.active { background:#ff9340; border-radius:20px; color:#fff; }
#fp-nav ul li a span { left:auto; right:14px;}
#fp-nav ul li a:hover span{ height:12px; width:12px; right:10px;}
#fp-nav ul li a.active span { background:#fff; right:10px;}
#fp-nav ul li a i { display:inline-block; line-height:30px;}
#fp-nav ul li:last-child { display:none;}
.section { position:relative; width:100%; height:100vh; box-sizing:border-box; }
h3.section_title{ text-align:center; font-size: 35px; font-weight: 600; letter-spacing: -3px; color:#222; padding-top:80px;}
h3.section_title span{color: #ff9340;}
h4.sub_title { position: relative; padding-left: 80px; font-size: 27px; font-weight: 500; color: #222;}
h4.sub_title:before { content: ''; position: absolute; left: 0; top: 50%; width: 65px; height: 2px; background: #ff9340;}

#kfezVisual { position:relative; background:url('../images/main/visual_bg.png') no-repeat center top; background-size:cover; }
.map_wrap {  position:relative; }
.visual_text { position:relative; z-index:2; margin-top:60px; float:left; width:50%; margin-right:10%;color:#2a3354; box-sizing:border-box;}
.visual_text p { display:inline-block; background:rgba(42, 51, 84, 0.2); padding:0 10px; margin-bottom:15px; color:#fff; font-weight:bold;}
.visual_text dl {  height:191px; margin-bottom:45px;}
.visual_text dt {  line-height:1; letter-spacing:-3px; font-size:40px; font-weight:600; margin:10px 0 25px 0;}
.visual_text span{ display:block; font-size:40px; font-weight:300;}
.visual_text strong{ display:block; font-size:60px; font-weight:600; margin:10px 0 25px 0;}
.visual_text dd { font-size:18px; opacity:0.7;}
.visual_sch_box { position:relative;}
.visual_sch_box input { display:inline-block; height:75px; line-height:75px; width:100%; padding-left:20px;}
.visual_sch_box input::placeholder { font-size:16px; color:#b1b1b1; }
.visual_sch_box button { position:absolute; right:15px; top:17px; width:40px; height:40px; text-indent:-999em; background:url('../images/icon_search.png') no-repeat center;}

.kfez_text {position:relative; z-index:2;  margin-top:60px; display:none; float:left; width:50%; margin-right:10%; color:#2a3354; box-sizing:border-box;}
.kfez_text p { display:inline-block; background:rgba(42, 51, 84, 0.2); padding:0 10px; margin-bottom:15px; color:#fff; font-weight:bold; letter-spacing:10px;}
.kfez_text dl { height:191px; margin-bottom:45px;}
.kfez_text dt { line-height:1.2; letter-spacing:-3px; font-size:50px; font-weight:600; margin:10px 0 25px 0;}
.kfez_text dd { display:block; font-size:18px; opacity:0.7; width:100%; display: -webkit-box; display: -ms-flexbox; display: box; max-height: 50px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.kfez_text .btn_detail { position: relative; display: inline-block; border: 1px solid #2a3354;padding: 0 20px; margin:0 auto; width:300px; height:75px; line-height: 75px; color: #2a3354; font-weight: 400; box-sizing: border-box;}
.kfez_text .btn_detail:after { content: ''; width: 13px; height: 13px; position: absolute; right: 20px; top:calc( 50% - 6px); background: url('../images/main/icon_more.png') no-repeat center;}

.map_point { position:relative; width:334px; height:600px; float:left; box-sizing:border-box; }
.map_point img { position:absolute; left:0; top:0; z-index:1;}
.map_point ul { position:relative; z-index:2;}
.map_point li { cursor:pointer; position:relative;display:inline-block; }
.map_point li:before { content:''; position:absolute;background:url('../images/main/visual_map_icon.png') no-repeat center; width:20px; height:26px;}
.map_point li:hover:before { background:url('../images/main/visual_map_icon_on.png') no-repeat center; }
.map_point li a { line-height:1.2; display:inline-block; width:66px; text-align:center; color:#fff; font-weight:500; text-shadow: -2px 0 #586483, 0 2px #586483, 2px 0 #586483, 0 -2px #586483; }
.map_point li:hover a { color:#fff; font-weight:500; text-shadow: -2px 0 #2a3354, 0 2px #2a3354, 2px 0 #2a3354, 0 -2px #2a3354; }
.map_point li:nth-child(1) {position:absolute; left:53px; top:90px; padding-left:22px; }
.map_point li:nth-child(1):before { left:15px; top:13px; }
.map_point li:nth-child(2) {position:absolute; right:65px; top:77px;}
.map_point li:nth-child(2):before { right:-13px; top:0}
.map_point li:nth-child(3) {position:absolute; left:90px; top:140px; }
.map_point li:nth-child(3):before { left:0px; top:20px}
.map_point li:nth-child(4) {position:absolute; left:132px; top:190px;}
.map_point li:nth-child(4):before { left:0; top:20px}
.map_point li:nth-child(5) {position:absolute; right:50px; top:240px;}
.map_point li:nth-child(5):before { left:20px; top:48px}
.map_point li:nth-child(6) {position:absolute; left:123px; top:350px;}
.map_point li:nth-child(6):before { left:20px; top:50px}
.map_point li:nth-child(7) {position:absolute; right:55px; top:326px;}
.map_point li:nth-child(7):before { left:22px; top:55px;}
.map_point li:nth-child(8) {position:absolute; left:55px; top:330px;}
.map_point li:nth-child(8):before { left: 24px; top:38px;} 
.map_point li:nth-child(9) {position:absolute; right:-10px; top:290px;}
.map_point li:nth-child(9):before { left:24px; top:45px}

.map_point li span { display:inline-block;}
.map_point li:nth-child(1) span { background:url('../images/main/map_logo_ifez.png') no-repeat center; width:52px; height:19px;}
.map_point li:nth-child(1):hover span {background:url('../images/main/map_logo_ifez_on.png') no-repeat center; }
.map_point li:nth-child(2) span { background:url('../images/main/map_logo_efez.png') no-repeat center; width:55px; height:18px;}
.map_point li:nth-child(2):hover span {background:url('../images/main/map_logo_efez_on.png') no-repeat center; }
.map_point li:nth-child(3) span { background:url('../images/main/map_logo_ggfez.png') no-repeat center; width:66px; height:23px;}
.map_point li:nth-child(3):hover span {background:url('../images/main/map_logo_ggfez_on.png') no-repeat center; }
.map_point li:nth-child(4) span { background:url('../images/main/map_logo_cbfez.png') no-repeat center; width:59px; height:26px;}
.map_point li:nth-child(4):hover span {background:url('../images/main/map_logo_cbfez_on.png') no-repeat center; }
.map_point li:nth-child(5) span { background:url('../images/main/map_logo_dgfez.png') no-repeat center; width:55px; height:26px;}
.map_point li:nth-child(5):hover span {background:url('../images/main/map_logo_dgfez_on.png') no-repeat center; }
.map_point li:nth-child(6) span { background:url('../images/main/map_logo_gfez.png') no-repeat center; width:54px; height:27px;}
.map_point li:nth-child(6):hover span {background:url('../images/main/map_logo_gfez_on.png') no-repeat center; }
.map_point li:nth-child(7) span { background:url('../images/main/map_logo_bjfez.png') no-repeat center; width:36px; height:34px;}
.map_point li:nth-child(7):hover span {background:url('../images/main/map_logo_bjfez_on.png') no-repeat center; }
.map_point li:nth-child(8) span { background:url('../images/main/map_logo_gjfez.png') no-repeat center; width:60px; height:25px;}
.map_point li:nth-child(8):hover span {background:url('../images/main/map_logo_gjfez_on.png') no-repeat center; }
.map_point li:nth-child(9) span { background:url('../images/main/map_logo_ufez.png') no-repeat center; width:58px; height:22px;}
.map_point li:nth-child(9):hover span {background:url('../images/main/map_logo_ufez_on.png') no-repeat center; }

.visual_board { position:absolute; width:100%; bottom:0; background:rgba(42, 51, 84, 0.9 ); z-index:3;}
.visual_board .more { display:inline-block; float:right; text-indent:-999em; background:url('../images/main/icon_more_w.png') no-repeat center; width:49px; height:49px;  box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.1); }
.visual_board .more:hover { background:#fff url('../images/main/icon_more.png') no-repeat center;}
.visual_board div.board_area:first-child {  border-left:1px solid rgba(255,255,255,0.1); }
.visual_board div.board_area { position:relative; float:left; width:50%; color:#fff; border-right:1px solid rgba(255,255,255,0.1);box-sizing:border-box; border-collapse:collapse;}
.visual_board div.board_area:before{ content:''; position:absolute; left:0; top:50px; background:rgba(255,255,255,0.1); width:100%; height:1px;}
.visual_board div.board_area h3 { float:left; width:calc( 100% - 50%); padding:0 22px; line-height:49px; box-sizing:border-box;}
.visual_board ul { padding:20px;clear:both; float:none; display:block;}
.visual_board li { margin-bottom:5px; }
.visual_board li.thumbox { margin-bottom:15px;}
.visual_board li.thumbox .thum_img{ float:left; width:; margin-right:10px;}
.visual_board li.thumbox dl { float:left; width:calc(100% - 105px);}
.visual_board li.thumbox dl dt { }
.visual_board li.thumbox dl dt a { float:left; width:calc(100% - 75px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visual_board li.thumbox dl dt a span { display:block;}
/* .visual_board li.thumbox dl dd { font-weight:100; width:100%; font-size:14px; opacity:0.5;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } yj-수정 */
.visual_board li.thumbox dl dd { font-weight:100; width:100%; font-size:14px; opacity:0.5;overflow: hidden; text-overflow: ellipsis; height:300px; } /* yj-수정 */

.visual_board li:after { content:'';clear:both; float:none; display:block;}
.visual_board li .date_num{ float:right; width:70px; opacity:0.3; font-size:14px;}
.visual_board li a { float:left; width:calc(100% - 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px;}
.visual_board li a span { opacity:0.7; font-weight:300;}
.visual_board li a:hover span { opacity:1; }
.visual_board li a strong { position:relative; font-size:13px; color:#ff9340;font-weight:400; margin-right:10px;}
.visual_board li a strong:before { content:'['; display:inline}
.visual_board li a strong:after { content:']'; display:inline}
#area { position:relative; color:#fff;  background:url('../images/main/area_bg01.png') no-repeat center; background-size:cover; padding-top:5vh; }
#area .area_slide .toggle_btn { width: 40px; height:62px; color:#fff; position:absolute; left:calc(55% - 40px);top:18%; margin-top:1px; z-index:5;box-shadow: -5px 5px 5px rgba(0,0,0,0.3); padding-top:27px; box-sizing:border-box; font-size:14px; text-align:center;}
#area .area_slide .area_btn_close { background:#ff7200 url('../images/main/area_btn_close.png') no-repeat center 12px; }
#area .area_slide .area_btn_open { display:none; left:auto; right:0;background:#ff7200 url('../images/main/area_btn_open.png') no-repeat center 12px; }
#area .area_slide .slidebox > li { position:relative;}
#area .area_slide .slidebox > li:after { content:''; position:absolute; width:45%; height:434px; left:55%; top:0; background:#ff9340 url('../images/main/area_slide_bg.png') no-repeat right center; z-index:1;}
#area .area_slide .slidebox > li.off:after { display:none;}
#area .area_slide .api_wrap { padding-top:62px; margin-bottom:60px; height:550px; position:relative;}
#area .area_slide .api_wrap .btn_mapch { position:absolute;  display:inline-block; top: 120px; left: 30px; z-index:5;}
#area .area_slide .api_wrap iframe { width:100%; height:550px;}
#area .area_slide .api_wrap p { width:100%; height:250px;} /*yj수정*/
#area .area_slide .info_box { max-width:530px; padding:50px 45px; position:absolute; top:0; margin-left:55%; width:45%; z-index:2;}
#area .area_slide .info_box p { color:#ffe400; font-weight:600; letter-spacing:7px; margin-bottom:40px; line-height:1;}
#area .area_slide .info_box dl { padding-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-bottom:25px;}
#area .area_slide .info_box dt {margin-bottom:20px; line-height:1; vertical-align:middle; }
#area .area_slide .info_box dt strong{ font-size:30px; font-weight:500; letter-spacing:-3px; word-break:keep-all; }
#area .area_slide .info_box dd{ width:90%;display: -webkit-box; display: -ms-flexbox; display: box; max-height:120px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4;  word-break:keep-all}
.info_btn { display:inline-block; margin-left:10px;vertical-align: text-bottom; }
.info_btn a { position: relative; display: inline-block;}

#area .area_slide .bx-wrapper .bx-controls-direction a { top:calc(50% - 100px); display:none;} /* yj 수정 210512 */
#area .area_slide .bx-wrapper .bx-prev { background:rgba(0,0,0,0.5) url('../images/main/pj_slide_prev.png') no-repeat center; width:50px; height:100px; left:0; z-index:2; cursor:pointer;}
#area .area_slide .bx-wrapper .bx-next { background:rgba(0,0,0,0.5) url('../images/main/pj_slide_next.png') no-repeat center; width:50px; height:100px; right:0; z-index:2; cursor:pointer;}
#area .area_slide .bx-wrapper .bx-pager { text-align:left; width:45%; left:55%; top:23px; z-index:3; margin-left:320px; height:10px;}
#area .area_slide .bx-wrapper .bx-pager.bx-default-pager a { background: #fff;}
#area .area_slide .bx-wrapper .bx-pager.bx-default-pager a.active, #area .bx-wrapper .bx-pager.bx-default-pager a:focus { background:#ffe400;}

.pj_slide ul li { width:60px; height:60px; border-radius:30px; background:#fff; display:inline-block;text-align:center; box-sizing:border-box; padding-top:3px; margin-right:4px;}
.pj_slide ul li:last-child { margin-right:0;}
.pj_slide ul li a { display:inline-block; font-size:14px; font-weight:bold; line-height:1.0; color:#333; width:54px; height:54px; border-radius:30px;  border:2px solid #ffd4b2; margin:0 auto; box-sizing:border-box; padding-top:10px; overflow:hidden;}

/* 투자정보 */
#invest { background:#ede8ff url('../images/main/invest_guide_bg.png') no-repeat 80% -80px;}
#invest .invest_con01 { padding:65px 0; box-sizing:border-box;}
#invest .invest_con01 .titbox { margin-bottom:65px ;}
#invest .invest_con01 .titbox h4 { float:left; width:265px; box-sizing:border-box; }
#invest .invest_con01 .titbox p { float:left; width:calc(100% - 350px);}
#invest .titbox .btn_more{ float:right;}
.stepbox li { float:left;text-align:center; width:16.666%; color:#fff;}
.stepbox li .circlebox{ border-radius:80px; width:160px; height:160px; margin:0 auto; overflow:hidden; }
.stepbox li:nth-child(1) .circlebox{  background:#818b94 url('../images/main/step_icon01.png') no-repeat center 50px;}
.stepbox li:nth-child(2) .circlebox{  background:#2c88ce url('../images/main/step_icon02.png') no-repeat center 50px;}
.stepbox li:nth-child(3) .circlebox{  background:#0b53b0 url('../images/main/step_icon03.png') no-repeat center 50px;}
.stepbox li:nth-child(4) .circlebox{  background:#283fa8 url('../images/main/step_icon04.png') no-repeat center 50px;}
.stepbox li:nth-child(5) .circlebox{  background:#4f4daa url('../images/main/step_icon05.png') no-repeat center 50px;}
.stepbox li:nth-child(6) .circlebox{  background:#505bba url('../images/main/step_icon06.png') no-repeat center 50px;}
.stepbox li:nth-child(1) .circlebox.eng{  background:#818b94 url('../images/main/step_icon01.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li:nth-child(2) .circlebox.eng{  background:#2c88ce url('../images/main/step_icon02.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li:nth-child(3) .circlebox.eng{  background:#0b53b0 url('../images/main/step_icon03.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li:nth-child(4) .circlebox.eng{  background:#283fa8 url('../images/main/step_icon04.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li:nth-child(5) .circlebox.eng{  background:#4f4daa url('../images/main/step_icon05.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li:nth-child(6) .circlebox.eng{  background:#505bba url('../images/main/step_icon06.png') no-repeat center 40px;} /* SJ 수정 */
.stepbox li .circlebox span { font-size:12px; background:rgba(0,0,0,0.3); display:block; }
.stepbox li .circlebox span strong { display:inline-block; margin-left:5px; font-size:20px;}
.stepbox li .circlebox p { word-break:keep-all; width:70%; margin:70px auto 0 auto; line-height:1.3; font-size:15px;}
.stepbox li .circlebox p.eng { word-break:keep-all; width:80%; margin:55px auto 0 auto; line-height:1.2; font-size:14px;} /* SJ 수정 */

#invest .invest_con02 .titbox h4 { width:250px; color:#fff; float:left; box-sizing:border-box;}
#invest .invest_con02 .titbox p { color:#fff; padding:20px 0; border-bottom:1px solid rgba(255, 255, 255, 0.3); opacity:0.8;}
/* 주요 프로젝트 */
#project {background:url('../images/main/project_bg.png') no-repeat center top;  float:left; color:#fff; width:50%;box-sizing:border-box;background-size: cover; }
#project .pj_wrap { position:relative; box-sizing:border-box; width:100%; max-width:600px; padding:55px 50px 0 0; margin:0 0 0 auto; box-sizing:border-box;  }
#project .pj_menu { padding:30px 0 80px 0; color:#fff;}
#project .pj_menu li { float:left; width:20%; text-align:center; margin-bottom:8px;}
#project .pj_menu li a { display:inline-block; width:calc( 100% - 8px ); margin:0 auto; background:rgba(0, 0, 0, 0.2); border-radius:25px; height:50px; line-height:50px; border:1px solid rgba(255, 255, 255, 0.2)}
#project .pj_menu li:hover a { background:#fff; color:#515bbc; font-weight:600;}
/* KFEZ 인센티브 */
#incentive{ background:#636675; float:left; color:#fff; width:50%; border-top:1px solid #636675; box-sizing:border-box;}
#incentive .ic_wrap{ position:relative; box-sizing:border-box; width:100%; max-width:600px; padding:55px 0 0 50px; margin:0 auto 0 0;box-sizing:border-box; }
.incen_list { padding:53px 0 81px 0; }
.incen_list li { float:left; width:20%; padding-top:70px; text-align:center;}
.incen_list li:nth-child(1) { background:url('../images/main/Incen_icon01.png') no-repeat center top;}
.incen_list li:nth-child(2) { background:url('../images/main/Incen_icon02.png') no-repeat center top;}
.incen_list li:nth-child(3) { background:url('../images/main/Incen_icon03.png') no-repeat center top;}
.incen_list li:nth-child(4) { background:url('../images/main/Incen_icon04.png') no-repeat center top;}
.incen_list li:nth-child(5) { background:url('../images/main/Incen_icon05.png') no-repeat center top;}

#news { background-color:#edf3fe; background-image:url('../images/main/news_bg_logo.png'); background-repeat:no-repeat; background-position:right -40vh; background-size:45%; }
/* 공지사항 보도자료 */
.board_wrap { margin:40px 0; }
.board_wrap .container{display:flex; flex-wrap:wrap; justify-content: space-between;}
.board_wrap .board_cont { width:calc(50% - 15px); background:#fff; position:relative; border-radius:5px; border:1px solid #e8e8e8;  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1); padding:25px 20px; box-sizing:border-box;}
.board_wrap .board_title {margin-bottom:15px;  font-size:20px;}
.board_wrap .board_tab li { display:inline-block; padding-right:20px; cursor:pointer;  background:url('../images/main/icon_bar.png') no-repeat 90% center; }
.board_wrap .board_tab li.current, .board_tab li:hover, .board_wrap .board_title strong { color:#333; font-weight:600;}
.board_wrap .board_tab li:last-child{ background:none;}
.board_wrap .tabbox { position:relative; display:none;}
.board_wrap .tabbox.current { display:block;}
.board_wrap .boardbox { position:relative;}
.board_wrap .boardbox ul li { box-sizing:border-box; padding:14px 0; border-bottom:1px solid #ddd;}
.board_wrap .boardbox ul li a { display:block;}
.board_wrap .boardbox ul li .linktext {display:flex; flex-wrap:wrap; justify-content: space-between;}
.board_wrap .boardbox ul li strong { line-height:24px; font-size:13px; font-weight:500; width:65px; color:#fff; background: #ff9340;text-align:center; border-radius:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_wrap .boardbox ul li span{ display:inline-block;}
.board_wrap .boardbox ul li .notice_title { width:calc(100% - 160px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_wrap .boardbox ul li .notice_date { width:70px;color:#999; text-align:right; }
.board_wrap .boardbox .btn_total_view { position:absolute; right:0; top:25px; font-size:13px; display: inline-block; padding-left: 45px; background: #fff url('../images/main/slide_total.png') no-repeat 20px center; border-radius: 30px; color: #333; width: 125px; height: 40px; line-height: 38px; font-weight:500; box-sizing:border-box; border:1px solid #e5e5e5;}
.board_wrap .videonews_slide ul li { border-bottom:0; padding:0;}
.board_wrap .videonews_slide .bx-wrapper .bx-controls-direction a { display:none; }
.board_wrap .videonews_slide .bx-wrapper .bx-pager { text-align:center; width:100%; left:30px; bottom:0px; z-index:3; height:10px;}
.board_wrap .videonews_slide .bx-wrapper .bx-pager.bx-default-pager a { background: #ccc;}
.board_wrap .videonews_slide .bx-wrapper .bx-pager.bx-default-pager a.active, #area .bx-wrapper .bx-pager.bx-default-pager a:focus { background:#ff9340;}
.board_wrap .videonews_slide .bx-wrapper .bx-controls-auto { bottom:-11px; right:auto; left:0;}
.youtube_thum {overflow:hidden; display:block; width:100%; height:230px; margin:10px auto; border-radius:5px;}
.youtube_thum img{ width:100%;}

/* 매거진(Brief Watch Cover Story) */
#magazine{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(237,243,254,1) 0%, rgba(208,219,239,1) 100%);}
.magazine_wrap .magazine_title {padding-top:15px; margin-bottom:15px;  font-size:20px; display:flex; flex-flow:row wrap; align-items: center;}
.magazine_wrap .magazine_title h5 { font-size:25px; color:#ff9340; font-weight:bold; margin-right:20px; letter-spacing:-2px;}
.magazine_wrap .magazine_tab li { display:inline-block; padding-right:20px; cursor:pointer;  background:url('../images/main/icon_bar.png') no-repeat 90% center; }
.magazine_wrap .magazine_tab li.current, .magazine_wrap .magazine_tab li:hover { color:#333; font-weight:600;}
.magazine_wrap .magazine_tab li:last-child{ background:none;}
.magazine_wrap .magazinebox { position:relative; display:none;}
.magazine_wrap .magazinebox.current { display:block;}
.magazine { padding-bottom:50px;}
.magazine li { min-width:380px;}
.magazine_wrap .btn_total_view { margin-top:-50px;background: url("../images/board/icon_total.png") no-repeat 20px center; border:0; width:auto;}

/* api 프로젝트 정보*/
.api_info_wrap { border:1px solid #ddd; border-radius:10px; background:#fff; padding:20px; width:280px; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); margin:10px auto;}
.api_info_tit { padding-bottom:5px; margin:0 0 10px 0;}
.api_info_tit h3 { font-weight:600; font-size:18px;  color:#333; float:left; }
.api_info_tit span { float:right;color:#666666;}
.api_info_list { margin-bottom:15px;}
.api_info_list li { margin-bottom:5px;}
.api_info_list li:after { content:''; clear:both; display:block;}
.api_info_list li strong { display:inline-block; float:left; background:#555; padding:0 5px; width:70px; text-align:center;color:#fff; font-weight:400; font-size:15px; box-sizing:border-box;}
.api_info_list li span { display:inline-block; float:left; margin-left:10px; width:calc( 100% - 80px); box-sizing:border-box; color:black;} /* YJ 수정 */
.dev_list { background:#f2f2f2; border-radius:5px; padding:10px 20px;}
.dev_list:after { content:''; clear:both; display:block;}
.dev_list li { position:relative; padding-left:10px; font-size:13px; color:#666666;}
.dev_list li:before { content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background:#555; }


@media (max-width: 1024px) {
	.container{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	.map_wrap {}
	.visual_text {  width:60%; margin-top:90px; margin-right:0;}
	.visual_text span { font-size:35px;}
	.visual_text strong { font-size:48px;}
	.visual_text dd, .kfez_text dd { font-size:16px;}
	.kfez_text dt { font-size:40px;}
	.visual_board { position:relative;}
	.kfez_text { width:60%;margin-right:0;}

	#area { padding-top:0px;}
	#area .area_slide { position:relative;}
	#area .area_slide .api_wrap { margin:0; overflow:hidden; height:400px; padding-top:0px; margin-top:300px;}
	#area .area_slide .info_box { width:100%; max-width:100%; margin:0; background:#ff9340; box-sizing:border-box; }
	#area .area_slide .info_box:after { content:''; clear:both; display:block;}
	#area .area_slide .info_box p { margin-bottom:30px;}
	#area .area_slide .info_box dl { width:100%;}
	#area .area_slide .bx-wrapper .bx-controls-direction a { top:150px; z-index:2;}
	#area .area_slide .bx-wrapper .bx-pager { left:auto; margin-left:290px;}


	#area .area_slide .slidebox > li:after { position: initial;}	

	.board_wrap .board_cont{ width:100%;}
	.board_wrap .board_cont:first-child{ margin-bottom:20px;}

	#project { float:none; width:100%;}
	#project .pj_wrap { margin:0; max-width:100%; padding: 50px 10px; box-sizing: border-box;}
	#project .pj_menu { padding: 30px 0 0 0}
	#incentive { float:none; width:100%;}
	#incentive .ic_wrap { margin:0;  max-width:100%; padding: 50px 10px 0 10px; box-sizing: border-box;}

	#area .area_slide .toggle_btn{ display:none;}
	#area .area_slide .area_btn_open { display:none;}
}

@media (max-width: 768px) {
	.section { height:auto;}
	h3.section_title { padding-top:50px;}
	#kfezVisual:before { top:390px;}
	.map_wrap { padding-top:115px;}
	.visual_text, .kfez_text { float:none; width:100%; overflow:hidden; margin-top:0px; text-align:center;}
	.kfez_text dd strong br { display:none;}
	.visual_text p, .kfez_text p { margin-bottom:0;}
	.visual_text dl, .kfez_text dl { margin-bottom:0;}
	.visual_text dd br, .kfez_text dt br { display:none;}
	.visual_board { margin-top:50px;}
	.visual_board .container { padding:0;}
	.visual_board div.board_area { width:100%; border-left: 1px solid rgba(255,255,255,0.1);}
	.visual_board div.board_area:first-child { border-bottom: 1px solid rgba(255,255,255,0.1);}

	.map_point { float:none; margin:20px auto;}
	.stepbox li { width:33.3%; margin-bottom:20px;}

	#area .area_slide .api_wrap .btn_mapch { top:auto; bottom:20px; left:auto; right:20px; }
	#news{ background-position:right -100px; }
}

@media (max-width: 639px) {
	#kfezVisual:before { top:330px;}
	.map_wrap { padding-top:100px;}
	.visual_text dl, .kfez_text dl { height:160px;}
	.visual_text dt { margin:10px 0;}
	.visual_text span { font-size:23px; letter-spacing:-1px;}
	.visual_text strong { font-size:35px; margin:10px 0;}
	.kfez_text dt { font-size:30px;margin:10px 0;}
	.visual_text dd, .kfez_text dd { font-size:14px;}
	
	.visual_sch_box input{ padding-left:10px; line-height:45px; height:45px; font-size:14px;}
	.visual_sch_box button { top:2px; right:10px;}
	.kfez_text .btn_detail { line-height:45px; height:45px;  font-size:14px;}
	.kfez_text .btn_detail:after {top: 14px; }

	.pj_menu { padding-bottom:30px;}

	#area .area_slide .api_wrap { height:300px; box-sizing:border-box; border:15px solid #ff9340; border-top:0;}
	#area .area_slide .info_box { padding:70px 15px 25px 15px;}
	#area .area_slide .info_box p { margin-bottom:20px;}
	#area .area_slide .info_box dl { width:100%; float:none; margin-bottom:20px;}
	#area .area_slide .info_box dd {-webkit-line-clamp: 3;}
	#area .area_slide .bx-wrapper .bx-pager { left:auto; margin-left:10px; top:15px; width:100%;}
	.pj_slide ul li { width:50px; height:50px; padding-top:3px; margin-bottom:5px;}
	.pj_slide ul li a { font-size:13px; width:44px; height:44px; padding-top:7px;}

	#invest .titbox { position:relative; }
	#invest .titbox h4 { width:100%; float:none; margin-bottom:10px;}
	#invest .titbox p { width:100%; float:none;  }
	#invest .invest_con01 .titbox p { width:100%;}
	#invest .titbox .btn_more {width:35px;}	
	#news{ background-image:none; }
}
@media (max-width: 500px) {
	h3.section_title { font-size:28px;letter-spacing: -1px;}
	.pj_slide .bx-wrapper li { float:left; max-width:500px;}

	#invest .titbox h4 { font-size:20px;}
	#invest .invest_con01{ padding:0;}
	#invest .invest_con01 .titbox { margin:30px 0;}
	.stepbox { border-radius:10px; overflow:hidden; margin-bottom:50px;}
	.stepbox li { margin-bottom:0; }
	.stepbox li .circlebox { border-radius:0;width:100%; height:auto; padding-bottom:20px;}
	.stepbox li:nth-child(4) .circlebox, .stepbox li:nth-child(5) .circlebox, .stepbox li:nth-child(6) .circlebox { height:138px; }
	.stepbox li .circlebox p { width:90%; font-size:14px;}
	#project .pj_menu li { width:33.333%;}
	#project .pj_menu li a { line-height:40px; height:40px;}
	.incen_list { padding: 30px 0;}
	.incen_list li { width:50%; padding:0 0 0 80px; box-sizing:border-box; height:35px; text-align:left; font-weight:500; font-size:15px; line-height:35px; margin-bottom:20px;}
	.incen_list li:nth-child(1),.incen_list li:nth-child(2),.incen_list li:nth-child(3),.incen_list li:nth-child(4),.incen_list li:nth-child(5){background-position:left center; background-size:30px; padding:0 0 0 50px;}

	.board_wrap { margin-top:30px;}
	.board_wrap .board_cont { padding:15px;}
	.board_wrap .board_cont:nth-child(2){ padding-bottom:25px;}
	.board_wrap .board_title, .magazine_wrap .magazine_title { font-size:17px;}
	.board_wrap .board_tab li{ padding-right:12px; background-position:97% center;}
	.board_wrap .boardbox ul li { padding:5px 0;}
	.board_wrap .boardbox ul li strong{ font-size:12px; width:60px;}
	.board_wrap .boardbox ul li .notice_title { width:calc(100% - 135px);}
	.board_wrap .boardbox ul li .notice_date { font-size:12px;  width:55px;}
	.board_wrap .boardbox .btn_total_view{ font-size:12px; top:42px; width:auto; padding:0 10px; background:#fff; height:30px; line-height:30px;}
	.board_wrap .videonews_slide ul li { padding:0;}
	.board_wrap .videonews_slide ul li iframe { height:auto;}
	.board_wrap .videonews_slide .bx-wrapper .bx-pager { bottom:-3px;}
	.magazine li{ min-width:300px;}
	.magazine_wrap .btn_total_view{ margin-top:-42px;}
	.magazine_wrap .magazine_title { display:block;}
	.youtube_thum {overflow:hidden; display:block; width:100%; height:auto; margin:10px auto; border-radius:5px;}
}

@media (max-width: 400px) {
	h3.section_title { padding-top:35px; font-size:25px;}
	#invest .titbox p { font-size:13px;}
	.pj_menu li { width:33.3%;}
	.pj_menu li a { height:35px; line-height:35px;}
	.info_btn { display:block; margin:5px 0 0 0;}
}

@media (max-width: 320px) {	
	.board_wrap .board_title, .magazine_wrap .magazine_title { font-size:16px;}
	#area .area_slide .bx-wrapper .bx-pager { margin-left:10px; top:0;}
	#area .area_slide .info_box { padding:50px 15px;}
}