@charset "UTF-8"; /*popup*/ #popup{width:100%;border:1px solid #ddd;background-color:#fff;z-index:99;} #popup .pop_top{overflow:hidden;padding:0 10px;height:60px;background-color:#0059aa;} #popup .pop_top h1{float:left;padding-top:2px;width:70%;font-size:22px;color:#fff;} #popup .pop_top > div{float:right;padding-top:10px;} #popup .pop_top > div p{display:inline-block;vertical-align:middle;} #popup .pop_con{padding:20px 15px;} #popup .pop_con .box{margin-bottom:15px;padding:15px 10px;background-color:#ebf3f7;} #popup .pop_con .list_sty01{margin-bottom:20px;line-height:1.7em;border-bottom:1px solid #e7e7e7;} #popup .pop_con .mail_btn{text-align:right;} #popup .pop_con .mail_btn a{display:inline-block;padding:10px 15px 10px 40px;border:1px solid #aaa;background:#f2f2f2 url('/_res/portal_ru/img/common/pop_mail.gif') no-repeat 15px center;} #popup.homepage{display:none;position:absolute;top:0;left:20px;width:700px;height:300px;} #popup.homepage .close{cursor:pointer;} /* section */ .section{position:relative;width:100%;margin-bottom:30px} .section h5{border-bottom:1px solid #000;padding-bottom:5px;font-size:17px} .section_title{margin-top:15px;font-size:15px;font-weight:700;color:#3576b7;text-align:center} .section .m_block{display:inline-block} .content h5{margin-bottom:10px;font-size:17px} .content h5.title_type1{padding-bottom:5px;border-bottom:1px solid #000} .content h5.title_type2{margin-bottom:0;padding-bottom:5px;border-bottom:1px solid #000} /* section_page_info */ .section_page_info{background:#f2f2f2} .section_page_info:after{display:block;content:"";visibility:hidden;clear:both} .section_page_info.page_info_prd{padding:32px 10px 22px 20px} .section_page_info.page_info_type2{border:1px solid #e0e0e0;border-top-color:#000;background:#fcfcfc;padding:26px 50px} .section_page_info.page_info_wkclc{border:1px solid #e0e0e0;border-top-color:#000;background:#fcfcfc;padding:20px 20px 20px 35px} .section_page_info strong{display:block} .section_page_info .page_support_icon{float:left;display:block;background:url('/_res/portal_ru/img/support/spr_support.png') no-repeat 0 0} .section_page_info .page_info_txt.page_txt_type1{margin-left:160px} .section_page_info .page_info_txt strong{margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.5em;color:#337cc6} .section_page_info .page_info_txt .page_info_en{font-size:16px;font-weight:700} .section_page_info .page_info_txt .page_sub_txt{display:block;margin-bottom:10px;line-height:1.6;letter-spacing:-1px} .section_page_info .page_info_txt .page_sub_txt.sub_txt2{margin-bottom:0} .section_page_info .page_info_txt .page_sub_txt.blt_txt{background:url('/_res/portal_ru/img/common/blt_txt.png') no-repeat 0 9px;padding-left:10px} .section_page_info .page_info_txt .page_sub_txt em{font-weight:700;color:#b23200} .section_page_info .txt_link{border-bottom:1px solid #b23200} .section_page_info .btn_tbl_sectionL_2{margin-top:15px} /* 재외동포 지원 : 연간 사업일정 */ .section_info_txt{margin-bottom:20px;font-size:15px} .page_info_box1 .support{background:url('/_res/portal_ru/img/support/spr_support1.png') no-repeat} .page_info_box1 .support.icon_schedual{width:137px;height:127px;background-position:-151px -1px} .year_info_outline{position:relative;margin-top:40px;text-align:center} .year_info_outline:before{position:absolute;top:45%;left:0;content:"";background:#e6e6e6;border-radius:10px;width:100%;height:15px} .year_info_outline li{position:relative;display:inline-block;margin:0 10px;text-align:center;vertical-align:middle} .year_info_outline li{width:164px;height:164px;border:4px solid #c6c6c6;border-radius:100%;background:#fff} .year_info_outline li:nth-child(2){border:none;background:url('/_res/portal_ru/img/support/service_img.png') no-repeat 0 0;} .year_info_outline li:last-child span{padding-top:14px;} .year_info_outline li span{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);letter-spacing:-1px;font-size:15px;font-weight:700;line-height:1.3em;white-space:nowrap} .year_info_outline li strong{display:block} .year_calendar_wrap > li{display:table;table-layout:fixed;width:100%;height:100%;text-align:center;border-top:3px solid transparent} .year_calendar_wrap > li:nth-child(1){border-top-color:#e0497b} .year_calendar_wrap > li:nth-child(2){border-top-color:#3886cf} .year_calendar_wrap > li:nth-child(3){border-top-color:#8a5d38;border-bottom:1px solid #ddd} .year_calendar_wrap > li:nth-child(1) > p{background-color:#e0497b} .year_calendar_wrap > li:nth-child(2) > p{background-color:#3886cf} .year_calendar_wrap > li:nth-child(3) > p{background-color:#8a5d38} .year_calendar_wrap > li > p{display:table-cell;table-layout:fixed;width:100px;vertical-align:middle;font-size:20px;font-weight:700;color:#fff} .year_calendar_wrap > li ul.month{display:table-cell;table-layout:fixed;width:95px;height:100%;vertical-align:top;border-left:1px solid #fff;background:#666} .year_calendar_wrap > li ul.month li{display:table;width:100%;height:100%;border-right:1px solid #898989;font-size:16px;color:#fff;height:33%;border-bottom:1px solid #fff} .year_calendar_wrap > li ul.month li:last-child{height:34%;border-bottom:none} .year_calendar_wrap > li ul.month li span{display:table-row;position:relative} .year_calendar_wrap > li ul.month li span em{display:table-cell;min-height:120px;vertical-align:middle} /* .year_calendar_wrap > li ul.month li{border-right:1px solid #898989;font-size:16px;color:#fff;height:33%;border-bottom:1px solid #fff} .year_calendar_wrap > li ul.month li:last-child{height:34%;border-bottom:none} .year_calendar_wrap > li ul.month li span{position:relative;top:50%;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} */ .year_calendar_wrap > li ul.cnt{display:table-cell;table-layout:fixed;padding:20px 20px 0 20px;text-align:left} .year_calendar_wrap > li ul.cnt li{margin-bottom:20px} .year_calendar_wrap > li ul.cnt strong,.year_calendar_wrap .year_calendar_cnt span{display:block} .year_calendar_wrap > li ul.cnt strong{margin-bottom:5px} .year_calendar_wrap > li ul.cnt strong:before{display:inline-block;content:"";background:#787878;border-radius:2px;width:4px;height:4px;;margin-top:6px;margin-right:7px;vertical-align:top} .year_calendar_wrap > li ul.cnt strong em{letter-spacing:-7px} .year_calendar_wrap > li ul.cnt span{margin-left:11px} /* 연간 사업일정 - 신청절차 안내 */ .year_step_icon{width:100%;border-right:2px solid #afc6d5;border-bottom:2px solid #afc6d5} .year_step_icon:after{display:block;content:"";clear:both} .year_step_icon li{position:relative;float:left;width:25%;height:190px;padding:13px 0 21px;font-weight:bold;text-align:center;border:2px solid #afc6d5;border-right:none;border-bottom:none} .year_step_icon li strong,.year_step_icon li span,.year_step_icon li em{display:block} .year_step_icon li strong{font-size:16px;font-weight:bold;color:#666} .year_step_icon li span{background:url('/_res/portal_ru/img/support/spr_support.png') no-repeat 0 0;height:49px;margin:25px auto 0} .year_step_icon li span.icon_step1{background-position:-400px 0;width:50px} .year_step_icon li span.icon_step2{background-position:-400px -50px;width:50px} .year_step_icon li span.icon_step3{background-position:-400px -100px;width:51px} .year_step_icon li span.icon_step4{background-position:-400px -150px;width:50px} .year_step_icon li span.icon_step5{background-position:-400px -200px;width:50px} .year_step_icon li span.icon_step6{background-position:-400px -250px;width:50px} .year_step_icon li span.icon_step7{background-position:-400px -300px;width:50px} .year_step_icon li em{position:absolute;top:125px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .year_step_list{width:100%;margin-top:27px} .year_step_list li{display:table;table-layout:fixed;padding:30px 0 25px 0;width:100%;background:url('/_res/portal_ru/img/support/arrow.gif') no-repeat center 0} .year_step_list li:first-child{padding-top:0;background:none} .year_step_list li strong,.year_step_list li em{display:table-cell;table-layout:fixed;padding:10px 10px 10px 20px;vertical-align:middle;line-height:1.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .year_step_list li strong{width:240px;font-size:15px;font-weight:700;border-right:1px solid #ddd} /* 연간 사업일정 - 신청절차 안내 tab*/ #tabArea{position:relative;margin-bottom:30px} .stepArea p span a{display:block;margin-bottom:20px;text-align:center;vertical-align:middle;border:1px solid #c9c9c9;background-color:#f1f1f1} .stepArea p span em{display:block} .stepArea p.on span a{background:url('/_res/portal_ru/img/support/tab_bg.gif') no-repeat 0 0} .stepArea p.on span a{color:#fff} .year_busi p span a{width:148px;height:160px;padding:20px 10px 0 10px} .year_busi p span em{margin-bottom:12px} .stepArea.year_busi .step2 {position:absolute;top:10px;left:147px !important} .stepArea.year_busi .step3 {position:absolute;top:10px;left:294px !important} .stepArea.year_busi .step4 {position:absolute;top:10px;left:441px !important} .stepArea.year_busi .step5 {position:absolute;top:10px;left:588px !important} .stepArea dt{padding:20px 10px;line-height:1.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .stepArea dt span, .stepArea dt em{display:inline-block;vertical-align:middle} .stepArea dt span{margin-right:20px;width:50px;height:50px;line-height:48px;font-size:16px;font-weight:600;color:#fff;text-align:center;border-radius:50%;background-color:#9d9d9d} .stepArea dt em{width:650px} .stepArea dt em strong{display:block;color:#0054a0} .stepArea dd{padding:20px 0;text-align:center;border-bottom:1px solid #ddd} /* 홈페이지 제작지원 - 사업안내 */ .business_info_box{width:100%;border:1px solid #e0e0e0;border-top-color:#000;margin-bottom:30px} .business_info_box .business_info_top{position:relative;background:#fcfcfc;border-bottom:1px solid #e0e0e0;padding:30px 45px 28px} .business_info_box .business_info_top:after{display:block;content:"";visibility:hidden;clear:both} .business_info_box .business_info_top span,.business_info_box .business_info_top strong{display:block} .business_info_box .business_info_top .icon_business{float:left;background:url('/_res/portal_ru/img/support/spr_support.png') no-repeat 0 0;width:108px;height:97px} .business_info_box .business_info_top .icon_homepage{background-position:0 -150px} .business_info_box .business_info_top .icon_web{background-position:-130px -150px} .business_info_box .business_info_top .icon_domain{background-position:-260px -150px} .business_info_box .business_info_top .business_info_txt{margin-left:148px} .business_info_box .business_info_top strong{margin-bottom:14px;font-size:18px;font-weight:700;color:#337cc6} .business_info_box .business_info_top .business_sub_txt{line-height:1.5em} .business_info_box .business_info_cnt{padding:25px} .business_info_box .business_info_cnt dl{display:table;table-layout:fixed} .business_info_box .business_info_cnt dt, .business_info_box .business_info_cnt dd{display:table-cell;table-layout:fixed;vertical-align:middle} .business_info_box .business_info_cnt dt{width:138px;font-size:17px;font-weight:700;text-align:center;color:#fff;line-height:1.4} .business_info_box .business_info_cnt dt.business_info_title1{background:#6d99c6} .business_info_box .business_info_cnt dt.business_info_title2{background:#3f80be} .business_info_box .business_info_cnt dt.business_info_title3{background:#5096b7} .business_info_box .business_info_cnt dd ul{padding-left:30px;background:url('/_res/portal_ru/img/support/site_arrow.png') no-repeat 8px center} .business_info_box .business_info_cnt dd ul li{padding:5px 0;border-bottom:1px solid #ddd} .business_info_box .business_info_cnt dd ul li:last-child{padding-bottom:0;border:none} .business_info_box .business_info_cnt dd strong,.business_info_box .business_info_cnt dd span{display:table-cell;table-layout:fixed;vertical-align:middle} .business_info_box .business_info_cnt dd span{padding-left:20px} .business_info_box .business_info_cnt dd strong{width:135px;background:#6f6f6f;padding:9px 14px;margin-right:8px;font-weight:700;color:#fff} /* 홈페이지 제작지원 - 홈페이지 제작 신청 */ .homepage_merit{position:relative;background:url('/_res/portal_ru/img/support/bg_homepage_merit.png') no-repeat 0 0;width:670px;height:306px;margin:45px auto} .homepage_info_mobile{display:none} .homepage_merit .homepage_merit_title{position:absolute;display:block;top:130px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;font-weight:700} .homepage_merit dl{position:absolute;width:193px;text-align:center} .homepage_merit .homepage_merit1{top:0;left:0} .homepage_merit .homepage_merit1 dt{background:#c4dce2} .homepage_merit .homepage_merit2{top:0;right:0} .homepage_merit .homepage_merit2 dt{background:#b3c9e2} .homepage_merit .homepage_merit3{bottom:0;left:0} .homepage_merit .homepage_merit3 dt{background:#bbcbdc} .homepage_merit .homepage_merit4{bottom:0;right:0} .homepage_merit .homepage_merit4 dt{background:#97cbe6} .homepage_merit dt{background:#818181;width:93%;border-radius:7px;padding:10px 0 8px;margin:0 auto 8px;font-size:15px;font-weight:700} .homepage_merit dd{line-height:1.5;letter-spacing:-1px} .homepage_service_wrap{background:#ececec;width:100%;height:147px;margin-top:26px} .homepage_service{padding:24px;text-align:center} .homepage_service:after{display:block;content:"";visibility:hidden;clear:both} .homepage_service li{position:relative;display:inline-block;height:100px;text-align:left} .homepage_service .admin{float:left} .homepage_service .make{float:right} .homepage_service .bar{background:#c9c9c9;width:1px;height:100px} .homepage_service strong,.homepage_service em{display:block;margin-left:100px } .homepage_service .icon_service{position:absolute;display:inline-block;top:7px;left:0;background:url('/_res/portal_ru/img/support/spr_support.png') no-repeat 0 0;width:86px;height:86px} .homepage_service .admin .icon_service{background-position:-10px -10px} .homepage_service .make .icon_service{background-position:-120px -10px} .homepage_service strong{margin-bottom:5px;font-size:15px;font-weight:700} .homepage_service .btn_item{position:absolute;left:100px;bottom:0} /* homepage_template_select */ .homepage_tamplate > p{margin:20px 0 15px;text-align:center} .homepage_tamplate_select{width:100%;border-top:1px solid #dcdcdc;margin-bottom:35px;text-align:left} .homepage_tamplate_select dl{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #dcdcdc} .homepage_tamplate_select dt, .homepage_tamplate_select dd{display:table-cell;table-layout:fixed;vertical-align:middle} .homepage_tamplate_select dt{width:35%;font-weight:600;border-right:1px solid #dcdcdc;padding:26px 0 28px 13px} .homepage_tamplate_select dd{width:65%;padding:10px 0 10px 20px} .homepage_tamplate_select .template_num:after{display:block;content:"";visibility:hidden;clear:both} .homepage_tamplate_select .template_num li{display:inline-block;margin-right:32px;margin-top:6px;margin-bottom:6px} .homepage_tamplate_select .template_num li a{display:block;width:34px;height:34px;background:#eaeaea;border:1px solid #d1d1d1;border-radius:100%;line-height:2.4;text-align:center} .homepage_tamplate_select .template_num li a.on,.homepage_tamplate_select .template_num li a:hover,.homepage_tamplate_select .template_num li a:focus,.homepage_tamplate_select .template_num li a:active{background:#337cc6;color:#fff} /* homepage_tamplate_box */ .homepage_tamplate_box{display:none;margin-bottom:20px;width:100%;border:1px solid #dcdcdc;border-top-color:#000;text-align:center} .homepage_tamplate_box .homepage_tamplate_top{width:100%;border-bottom:1px solid #dcdcdc} .homepage_tamplate_box .homepage_tamplate_top:after{display:block;content:"";visibility:hidden;clear:both} .homepage_tamplate_box .homepage_tamplate_top dl{float:left;display:table;table-layout:fixed;height:100%;width:50%} .homepage_tamplate_box .homepage_tamplate_top dl:nth-child(1){border-right:1px solid #dcdcdc} .homepage_tamplate_box .homepage_tamplate_top dt,.homepage_tamplate_box .homepage_tamplate_top dd{display:table-cell;table-layout:fixed;vertical-align:middle} .homepage_tamplate_box .homepage_tamplate_top dt{width:45%;background:#f0f0f0;border-right:1px solid #dcdcdc;padding:23px 0} .homepage_tamplate_box .homepage_tamplate_top dd{width:65%} .homepage_tamplate_box .group{font-weight:600} .homepage_tamplate_box .name_wrap{padding-left:13px;text-align:left} .homepage_tamplate_box .name_wrap strong{display:inline-block;width:34px;height:34px;background:#337cc6;border:1px solid #d1d1d1;border-radius:100%;line-height:2.4;text-align:center;color:#fff} .homepage_tamplate_box .homepage_tamplate_top .btn_box{float:right;width:38%;margin-top:13px} .homepage_tamplate_box .view_wrap{margin:32px 0 32px 32px} .homepage_tamplate_box .view_wrap:after{display:block;content:"";visibility:hidden;clear:both} .homepage_tamplate_box .view_wrap dt,.homepage_tamplate_box .view_wrap dd{float:left} .homepage_tamplate_box .view_wrap dt{border:1px solid #dcdcdc;width:290px;height:230px;margin-right:30px} .homepage_tamplate_box .view_wrap dt img,.homepage_tamplate_box .view_wrap span img{width:100%;height:100%} .homepage_tamplate_box .view_wrap dd{width:110px;height:103px;margin-right:15px;margin-bottom:15px} .homepage_tamplate_box .view_wrap dd a{display:block} .homepage_tamplate_box .view_wrap span,.homepage_tamplate_box .view_wrap strong{display:block} .homepage_tamplate_box .view_wrap span{position:relative;border:1px solid #dcdcdc;width:110px;height:80px;margin-bottom:10px} .homepage_tamplate_box .view_wrap span em{visibility:hidden;position:absolute;bottom:0;left:0;background:#000;width:1px;height:1px;opacity:0.6} .homepage_tamplate_box .view_wrap strong{font-size:13px} .homepage_tamplate_box .view_wrap a.on span em{visibility:visible;width:100%;height:100%} .homepage_tamplate_select .tbl_list.tbl_biz_list th{text-align:center;} .homepage_tamplate_select .tbl_list.tbl_biz_list .template_num li a{padding:0 5px;width:auto;border-radius:0;} .homepage_tamplate_select .tbl_list.tbl_biz_list .template_num{display:inline-block;vertical-align:middle;} .homepage_tamplate_select .tbl_list.tbl_biz_list .template_num li{margin:0;} .prd_home p span a{width:246px;height:89px;padding:20px 10px 0 10px} .prd_home p span em{margin-bottom:10px} .stepArea.prd_home .step2 {position:absolute;top:10px;left:245px !important} .stepArea.prd_home .step3 {position:absolute;top:10px;left:490px !important} /* 홈페이지 제작지원 - 웹호스팅 신청 */ .web_backup{margin-bottom:30px;display:table;table-layout:fixed;width:100%;text-align:center} .web_backup li{display:table-cell;table-layout:fixed;padding:0 10px;vertical-align:middle;width:136px;height:130px;color:#fff;font-size:15px;font-weight:600;background:url('/_res/portal_ru/img/support/hosting_bg.png') no-repeat 0 center} .web_backup strong,.web_backup em,.web_backup span{display:block} .web_backup strong{font-size:16px;font-weight:700;color:#236bb3} .web_backup li:first-child, .web_backup li:last-child{position:relative;padding:0 5px;width:145px;height:195px;background:#fcfcfc;border:1px solid #e0e0e0} .web_backup li:first-child strong, .web_backup li:last-child strong{padding-top:10px} .web_backup li:first-child em, .web_backup li:last-child em{font-size:14px;color:#444;font-weight:500;line-height:1.4em} .web_backup li:first-child{float:left} .web_backup li:last-child{float:right} .web_backup li:first-child:after, .web_backup li:last-child:before{position:absolute;content:"";margin-top:-10px;width:11px;height:21px} .web_backup li:first-child:after{top:50%;right:-20px;background:url('/_res/portal_ru/img/support/hosting_arrow.gif') no-repeat 0 0} .web_backup li:last-child:before{top:50%;left:-20px;background:url('/_res/portal_ru/img/support/hosting_arrow2.gif') no-repeat 0 0} /* 홈페이지 제작지원 - 글로벌도메인 신청 */ .page_info_box1 .support.icon_domain{width:139px;height:126px;background-position:-301px -2px} /* 홈페이지 제작지원 - 글로벌도메인 소개 */ .domain_exam_list{margin-bottom:30px;width:100%;text-align:center;margin-top:24px} .domain_exam_list li{display:inline-block;width:30.3%;margin:0 1%;vertical-align:top} .domain_exam_list li span,.domain_exam_list li strong,.domain_exam_list li em,.domain_exam_list li img{display:block} .domain_exam_list li span img{width:220px;height:120px;margin:0 auto 13px;border:1px solid #e2e2e2} .domain_exam_list li strong{font-weight:700;margin-bottom:3px} .domain_exam_list li strong:after{display:inline-block;content:"";background:url('/_res/portal_ru/img/common/tbl_icon.png') no-repeat;background-position:-95px 0;width:15px;height:13px;margin-left:10px;vertical-align:middle} .domain_service{margin-bottom:30px;background:url('/_res/portal_ru/img/support/bg_domain_arrow.png') no-repeat 50% 32%;text-align:center} .domain_service:after{display:block;content:"";visibility:hidden;clear:both} .domain_service li{display:inline-block} .domain_service li:first-child,.domain_service li:last-child{margin:32px 0;padding:0 10px;width:204px;height:204px;border-radius:100%;color:#fff;text-align:center;vertical-align:middle} .domain_service li:first-child dl,.domain_service li:last-child dl{padding-top:57px} .domain_service li:first-child dd a,.domain_service li:last-child dd a{padding:0 20px 0 10px;color:#fff;word-break:break-all} .domain_service dt{margin-bottom:25px;font-size:16px;font-weight:700} .domain_service li:first-child{float:left;background:#568dc0} .domain_service li:last-child{float:right;background:#4097c0} .domain_service li:nth-child(2){width:256px} .domain_service li:nth-child(2) dl{margin-top:4px} .domain_service li:nth-child(2) dt{margin-bottom:7px} .domain_service li:nth-child(2) dt:after{display:inline-block;content:"";background:url('/_res/portal_ru/img/common/tbl_icon.png') no-repeat;background-position:-95px 0;width:15px;height:13px;margin-left:10px;vertical-align:middle} .domain_service span{display:inline-block} .page_info_box1 .support.icon_domain{width:139px;height:126px;background-position:-301px -2px} /* 홈페이지 현황*/ .hp_list_wrap:after{display:block;content:"";visibility:hidden;clear:both} .hp_list_wrap > li{float:left;position:relative;width:50%;margin-bottom:20px} .hp_list_wrap > li:first-child{padding-right:10px} .hp_list_wrap > li:last-child{padding-left:10px} .hp_list_wrap .hp_best,.hp_list_wrap .hp_good{position:relative;height:170px;border:1px solid #e0e0e0;clear:both} .hp_list_wrap .hp_good li{padding:4px 0} .hp_list_wrap .hp_best .icon_link, .hp_list_wrap .hp_good .icon_link{vertical-align:middle;text-decoration:none} .hp_list_wrap dt{padding:10px;border-bottom:1px solid #e0e0e0} .hp_list_wrap dd{display:inline-block;padding:10px} .hp_list_wrap .txt_best,.hp_list_wrap .txt_good{display:inline-block;width:65px;line-height:25px;text-align:center;color:#fff} .hp_list_wrap .txt_best{margin-right:10px;background:#337cc6} .hp_list_wrap .txt_good{background:#e59613} .hp_list_wrap .best_info{margin-left:155px;vertical-align:middle} .hp_list_wrap .best_info li{line-height:25px} .hp_list_wrap .best_info li span{display:block;padding-left:20px} .hp_list_wrap .best_link{color:#1d63aa;font-size:16px;font-weight:bold} .hp_list_wrap .good_link{display:block;line-height:25px} .hp_list_wrap .img_best{float:left} /* 홈페이지 제작지원 - 홈페이지 제작신청 */ .page_info_box1 .support.icon_homepage{width:132px;height:131px;background-position:0px -350px} /* 한인한마당 info 아이콘 */ .section .icon_wkbc_info{background-position:-20px -420px;width:88px;height:103px} .section .icon_festival_info{background: url(/_res/portal_ru/img/support/festival2019.jpg)no-repeat;width: 250px;height: 130px;} .section .icon_wkclc_info{background-position:-255px -415px;width:244px;height:115px} /* 한인한마당 - 세계한인회장대회 */ .section_page_info.page_info_wkclc .page_info_txt{float:left;margin-left:0;width:400px} .section_page_info.page_info_wkclc .page_support_icon{float:right} /* 재외동포 민원신청 - 민원안내 */ .ok_info_field{margin-bottom:30px;overflow:hidden} .ok_info_field li{float:left;display:table;margin-bottom:10px;width:49%;padding:10px;border:2px solid #afc6d5} .ok_info_field li:nth-child(even){float:right} .ok_info_field li:last-child{margin-bottom:0} .ok_info_field li span{display:table-cell;padding-left:20px;width:210px;height:70px;vertical-align:middle;font-weight:600} .ok_info_field li:before{display:table-cell;content:'';width:84px;height:84px;vertical-align:middle;background:url('/_res/portal_ru/img/minwon/spr_minwon.png') no-repeat 0 0} .ok_info_field li:nth-child(1):before{background-position:0 0} .ok_info_field li:nth-child(2):before{background-position:-130px 0} .ok_info_field li:nth-child(3):before{background-position:-260px 0} .ok_info_field li:nth-child(4):before{background-position:-390px 0} .ok_info_field li:nth-child(5):before{background-position:-520px 0} .ok_info_step{display:table;text-align:center;border:2px solid #afc6d5} .ok_info_step li{display:table-cell;width:16.5%;padding:17px 0;vertical-align:top;font-weight:600;border-left:1px solid #afc6d5} .ok_info_step li:first-child{width:17.5%;border-left:none} .ok_info_step strong,.ok_info_step span,.ok_info_step em{display:block} .ok_info_step strong{font-size:15px;color:#666} .ok_info_step li span{background:url('/_res/portal_ru/img/minwon/spr_minwon.png') no-repeat;height:43px;margin:19px auto} .ok_info_step li:nth-child(1) span{background-position:0 -150px;width:50px} .ok_info_step li:nth-child(2) span{background-position:-50px -150px;width:51px} .ok_info_step li:nth-child(3) span{background-position:-101px -150px;width:50px} .ok_info_step li:nth-child(4) span{background-position:-151px -150px;width:50px} .ok_info_step li:nth-child(5) span{background-position:-201px -150px;width:50px} .ok_info_step li:nth-child(6) span{background-position:-251px -150px;width:50px} .ok_info_step em{line-height:1.4em} .ok_info_list{width:100%;margin:30px auto} .ok_info_list li{position:relative;display:table;border:1px solid #dcdcdc;width:100%;margin-bottom:29px} .ok_info_list li:after{position:absolute;bottom:-20px;left:50%;content:"";background:url('/_res/portal_ru/img/common/spr_common.png') no-repeat;background-position:-175px -140px;width:25px;height:11px;margin-left:-12px} .ok_info_list li:last-child:after{display:none} .ok_info_list strong,.ok_info_list span{display:table-cell;vertical-align:middle} .ok_info_list strong{background:#e6e6e6;padding:14px 15px;width:29%;font-weight:700;word-break: break-all;} .ok_info_list span{width:70%;padding:14px 15px} .btn_tbl_section.multi a{margin:3px 0;width:550px} /* 재외동포 민원 - 분야별 민원서비스 */ .field_tab_wrap{margin-bottom:30px;display:table;border:1px solid transparent;border-left-color:#dedede} .field_tab_wrap li{display:table-cell;width:14.2%;text-align:center;border:1px solid #dcdcdc;border-left-color:transparent} .field_tab_wrap li.on{border:4px solid #a8a8a8} .field_tab_wrap a{padding:20px 5px;word-break:break-all;color:#444;font-size:14px;font-weight:600} .field_tab_wrap a, .field_tab_wrap li strong:before, .field_tab_wrap li strong{display:block} .field_tab_wrap li strong:before{content:'';margin:0 auto 15px;width:60px;height:60px;background:url('/_res/portal_ru/img/minwon/spr_minwon.png') no-repeat 0 0} .field_tab_wrap li:nth-child(1) strong:before{background-position:-0px -210px} .field_tab_wrap li:nth-child(2) strong:before{background-position:-70px -210px} .field_tab_wrap li:nth-child(3) strong:before{background-position:-140px -210px} .field_tab_wrap li:nth-child(4) strong:before{background-position:-210px -210px} .field_tab_wrap li:nth-child(5) strong:before{background-position:-280px -210px} .field_tab_wrap li:nth-child(6) strong:before{background-position:-350px -210px} .field_tab_wrap li:nth-child(7) strong:before{background-position:-420px -210px} .field_tab_wrap .on strong{color:#005baa} .page_info_box1 .minwon{width:140px;height:130px;background:url('/_res/portal_ru/img/minwon/spr_minwon.png') no-repeat} .page_info_box1 .minwon.icon_civil{background-position:0px -290px} .page_info_box1 .minwon.icon_military{background-position:-152px -290px} .page_info_box1 .minwon.icon_tax{background-position:-310px -290px} .page_info_box1 .minwon.icon_job{background-position:-455px -290px} .page_info_box1 .minwon.icon_edu{background-position:0px -430px} .page_info_box1 .minwon.icon_life{background-position:-152px -430px} .page_info_box1 .minwon.icon_family{background-position:-300px -430px} .civil_service td a{display:block} .civil_service em, .civil_service strong{display:table-cell;vertical-align:middle;font-weight:normal} .civil_service em{width:160px} .civil_service td p, .civil_service td dl{margin-top:10px} .civil_service td dd{margin:5px 0 0 10px} .civil_service td .list{margin-top:15px;float:left;line-height:1.7em} .icon_link{display:inline-block;margin-left:5px;text-decoration:underline} .icon_link:after{display:inline-block;content:"";margin:0px 0 0 5px;width:15px;height:13px;vertical-align:middle;background: url('/_res/portal_ru/img/common/tbl_icon.png') no-repeat -95px 0} /* 재외동포 민원 - 법령 및 규정 */ .page_info_box1 .minwon.icon_law{background-position:0px -571px} /*참여공간 - 배움교실*/ .learn_box{margin-bottom:30px;overflow:hidden;padding:10px 0 0 155px;min-height:90px;background:url('/_res/portal_ru/img/madang/learn.jpg') no-repeat 0 0} .learn_box li{float:left;padding-left:15px;width:220px;line-height:1.7em;word-break:break-all;background:url('/_res/portal_ru/img/madang/bul.gif') no-repeat 0 9px} .learning p span a{width:123px;height:135px;padding:25px 10px 0 10px} .learning p span em{margin-bottom:15px} .stepArea.learning .step2 {position:absolute;top:10px;left:122px !important} .stepArea.learning .step3 {position:absolute;top:10px;left:244px !important} .stepArea.learning .step4 {position:absolute;top:10px;left:366px !important} .stepArea.learning .step5 {position:absolute;top:10px;left:488px !important} .stepArea.learning .step6 {position:absolute;top:10px;left:610px !important} .table_item_box.tel{border-top:1px solid #ddd} .table_item_box.tel .table_item_row dt{font-weight:600} .table_item_box.tel .table_item_row > div{border-left:1px solid #ddd;background-color:#fff} .table_item_box.tel .table_item_row > div:last-child{border-right:1px solid #ddd} /*정보센터 > 안전여행정보*/ .airport h5{margin-bottom:20px;padding-bottom:10px;font-size:17px;font-weight:600;border-bottom:1px solid #000} .airport dl{margin-bottom:25px;padding:20px 20px 20px 270px;min-height:205px;border:1px solid #e5e5e5} .airport dl.first{background:url('/_res/portal_ru/img/information/air_img.gif') no-repeat 20px 20px} .airport dl{background:url('/_res/portal_ru/img/information/air_img2.gif') no-repeat 20px 20px} .airport dl:last-child{background:url('/_res/portal_ru/img/information/air_img3.gif') no-repeat 20px 20px} .airport dt, .airport dd{line-height:1.5em;padding-bottom:7px;} .airport dt.tit{margin-top:10px;padding-top:10px;font-size:15px;font-weight:600;border-top:1px solid #e4e4e4} .airport dd p span{display:inline-block;margin-right:10px} .airport dd p span:before{display:inline-block;content:'';margin-right:5px;width:14px;height:14px;vertical-align:middle; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .airport dd p span.normal:before{background-color:#589500} .airport dd p span.delay:before{background-color:#f8bb00} .airport dd p span.cancel:before{background-color:#eb4800} .airport dd > .btn_tbl_sectionL_2{margin-top:20px} /* 정보센터 > 국가별 긴급연락처 */ .table_item_box.korea .table_item_row > div dt{width:60%;text-align:left;font-weight:600} .table_item_box.korea .table_item_row > div dd{width:40%} .table_item_box.asia .table_item_row > div dd li{text-indent:-8px;padding-left:8px} .table_item_box.asia .table_item_row > div dd li:before{display:inline-block;content:"";background:url('/_res/portal_ru/img/common/spr_common.png') no-repeat 0 0;background-position:-20px -140px;width:2px;height:2px;margin-right:6px;vertical-align:middle} /* 세계속대한민국 list */ .world_list_wrap > ul > li{border:1px solid #dcdcdc;border-bottom-color:transparent;width:100%;margin-bottom:20px;color:#333} .world_list_wrap > ul > li > p{background:#f4f4f4;border-bottom:1px solid #dcdcdc;height:50px;padding-left:22px;font-size:16px;font-weight:700;line-height:3} .world_list_wrap dl{border-bottom:1px solid #dcdcdc;padding:18px 22px 18px} .world_list_wrap dt{margin-bottom:12px;font-size:15px;font-weight:700} .world_list_wrap dd{background:url('/_res/portal_ru/img/common/blt_dot1.png') no-repeat 0 8px;padding-left:10px;line-height:1.7} .world_list_wrap.school dl{margin-top:-1px;border:1px solid #dcdcdc} .world_list_wrap.school .icon_link{text-decoration:none} /* 정보센터 > 재외동포 통계자료 */ .kntT{margin-bottom:10px !important} .kntT td{text-align:right !important} .kntT td:nth-last-of-type(1), .kntT td:nth-last-of-type(2){text-align:center !important} .kntT tbody th{background-color:#d7e8f9} .kntT tbody th.th2{background-color:#e4f0f5} .kntT tbody th.th2.th_foot{background:#fbf3ee} .kntT tfoot th, .kntT tfoot td{font-weight:600;background-color:#fae8e1} .knt_down_box{padding:20px;margin-bottom:20px;border-top:1px solid #000;background:#f2f2f2} .knt_down_box:after{display:block;content:"";visibility:hidden;clear:both} .knt_down_box > dl{float:left;width:50%} .knt_down_box > dl:last-child{padding-left:15px} .knt_down_box dl:after{display:block;content:"";visibility:hidden;clear:both} .knt_down_box dl dt{float:left;background:url('/_res/portal_ru/img/information/spr_info.png') no-repeat 0 0;width:88px;height:88px;font-size:0} .knt_down_box > dl dt{background-position:-10px -10px} /* .knt_down_box > dl:last-child dt{background-position:-110px -10px} */ .knt_down_box > dl:last-child dt{/*background-position:-110px -10px*/} .knt_down_box dl dd{margin-left:102px;padding-bottom:8px;letter-spacing:-1px} .kntT.area tbody tr:first-child th:first-child{width:85px} .kntT.area tbody tr:first-child td:nth-last-child(6){width:130px} .tbl_list.year td{text-align:center} .tbl_list.year td:nth-child(2){text-align:right} .tbl_list.major{margin-bottom:10px !important} .tbl_list.major td{text-align:center} .tbl_list.major td:nth-child(3){text-align:right} .tbl_list.major tfoot{background-color:#f8e3d8} .tbl_list.major .tbl_etc{background-color:#daf2f7} /* 정보센터 > 재단자료실*/ .okf td:nth-child(1){text-align:center} .okf td:nth-child(2){text-align:right} /* 정보센터 > 재단CI/코리아넷BI */ .ci > ul{border-top:1px solid #b1b1b1} .ci .tit{border-bottom:1px solid #b1b1b1} .ci .tit a.trigger{display:block;box-sizing:border-box;padding-left:15px;height:50px;line-height:50px;font-size:17px;font-weight:600} .ci .tit a.trigger{background:url('/_res/portal_ru/img/information/arrow_up.gif') no-repeat right center} .ci .hidden .tit a.trigger{background:url('/_res/portal_ru/img/information/arrow_down.gif') no-repeat right center} .ci .con{overflow:hidden;padding:25px 0 20px 0;line-height:1.7em;border-bottom:1px solid #b1b1b1} .ci .ci_img, .ci .ci_box{float:left} .ci .ci_img{margin-right:20px;box-sizing:border-box;padding-top:50px;width:275px;height:160px;text-align:center;border:1px solid #d4d4d4;background-color:#f1f1f1} .ci .ci_box{width:410px} .ci .logo_list {overflow:hidden} .ci .logo_list dl{float:left;width:30%} .ci .logo_list dl.one, .ci .logo_list dl.two, .ci .logo_list dl.three{margin-bottom:25px} .ci .logo_list dl.two, .ci .logo_list dl.five{margin-left:25px;margin-right:25px} .ci .logo_list dl dt{box-sizing:border-box;width:100%;height:145px;text-align:center;border:1px solid #dbdbdb} .ci .logo_list dl dt img{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ci .logo_list dl dd{margin:10px 0;text-align:center} .ci .logo_list.ban dl{margin-bottom:0 !important} .ci .logo_list2 {overflow:hidden} .ci .logo_list2 dl{float:left;width:48%;margin-bottom:25px} .ci .logo_list2 dl.five, .ci .logo_list2 dl.six{margin-bottom:0} .ci .logo_list2 dl.two, .ci .logo_list2 dl.four, .ci .logo_list2 dl.six{float:right} .ci .logo_list2 dl dt{box-sizing:border-box;width:100%;height:120px;text-align:center;border:1px solid #dbdbdb} .ci .logo_list2 dl dt img{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ci .logo_list2 dl dd{margin:10px 0;text-align:center} .ci .con .brand_tit{overflow:hidden} .ci .con .brand_tit > strong{float:left;height:38px;line-height:38px;color:#386db9} .ci .con .brand_tit > .btn_item {float:right} .ci .con .brand{margin-top:15px;padding:20px;border:1px solid #d7d7d7} .ci .con .brand p{margin-bottom:15px;clear:both;text-align:center;color:#b23200} .ci .con .brand dl{display:table;table-layout:fixed;box-sizing:border-box;width:100%;padding:20px;border-top:1px dashed #d7d7d7} .ci .con .brand dt, .ci .con .brand dd{display:table-cell;table-layout:fixed;vertical-align:middle} .ci .con .brand dt{width:200px;font-size:16px;font-weight:600} .ci .con .sig.second{margin-top:30px} .ci .con .sig > dt{margin-bottom:10px;font-size:16px;font-weight:600;color:#386db9} .ci .con .brand .first{border:none} .ci .con .sig .no_use{margin-top:30px;overflow:hidden} .ci .con .sig .no_use li{float:left;margin-bottom:25px;box-sizing:border-box;width:48%;text-align:center;background:url('/_res/portal_ru/img/information/bi_no.gif') no-repeat 0 0} .ci .con .sig .no_use li:nth-child(even){float:right} .ci .con .sig .no_use li span{display:table-cell;table-layout:fixed;height:100px;width:360px;vertical-align:middle;border:1px solid #dbdbdb} .ci .con .sig .no_use li p{margin-top:15px} .ci .con .brand dt.top{padding-top:40px;vertical-align:top} .ci .con .brand dd > p{text-align:left} .ci .con .sig .color{overflow:hidden} .ci .con .sig .color li{float:left;width:25%} .ci .con .sig .color li:nth-child(2), .ci .con .sig .color li:nth-child(5){padding:0 40px} .ci .con .sig .font span{display:block;font-size:12px;color:#386db9;font-weight:600} /* 홍보센터-재외동포홍보영상*/ .pr_okfyoutube_wrap{margin-top:20px;display:table;table-layout:fixed} .pr_okfyoutube_wrap .pr_okfyoutube_img, .pr_okfyoutube_wrap .pr_okfyoutube_box{display:table-cell;table-layout:fixed;vertical-align:top} .pr_okfyoutube_wrap .pr_okfyoutube_img{width:100%} .pr_okfyoutube_wrap .pr_okfyoutube_img img{width:100%;margin-bottom: 20px;} .pr_okfyoutube .top_area{margin-bottom:25px;padding-bottom:20px;border:1px solid #e6e6e6;} .pr_okfyoutube .top_area > div ul{overflow:hidden;margin-bottom:40px;width:270px;} .pr_okfyoutube .top_area > div dt{margin-bottom:5px;font-size:16px;font-weight:600;} .pr_okfyoutube .top_area > dl{padding:30px 30px 30px 30px; no-repeat 30px 30px;} .pr_okfyoutube .top_area > dl dt{margin-bottom:15px;font-size:18px;font-weight:600;color:#005aa9;} .pr_okfyoutube .top_area > dl dd{line-height:1.7em;} .pr_okfyoutube .top_area .section_btn_area{margin-right:20px;} #pr_youtube{position:relative;margin-bottom:10px;line-height:1.5em;} } #pr_youtube p span{display:inline-block;width:125px;height:52px;line-height:48px;text-align:center;border:1px solid #e6e6e6;border-right:1px solid transparent;border-bottom:1px solid #909090;background-color:#f7f7f7;} #pr_youtube .on span{display:inline-block;border:1px solid #909090;border-bottom:1px solid #fff;background-color:#fff;} #pr_youtube span a{display:block;} #pr_youtube .on span a{font-weight:600;} #pr_youtube > div{padding: 20px 0 0 0;text-align:center;border-top:none;} #pr_youtube > div iframe{margin:0 auto;width:550px;height:310px;} #pr_youtube.pr p span{width:280px;} /* 정보센터 - 코리안넷 배너달기 */ .bm_banner_wrap{margin-bottom:30px;border-top:1px solid #000} .bm_banner_wrap > div{background:url('/_res/portal_ru/img/information/bg_banner_pattern.png') repeat 0 0;border-bottom:1px solid #e3e3e3;text-align:center} .bm_banner_wrap > div .bm_banner{display:inline-block;width:334px;height:90px;background:#fff url('/_res/portal_ru/img/information/banner_logo.png') no-repeat 50% 50%;border:1px solid #bababa;margin:26px 45px 26px 0;font-size:0;vertical-align:middle} .bm_banner_wrap > div .btn_item{vertical-align:middle} .bm_banner_wrap > span{display:block;margin:30px 0 15px;font-weight:700} .bm_banner_wrap > span:before{display:inline-block;content:"";background:url('/_res/portal_ru/img/common/blt_act.png') no-repeat 0 0;width:6px;height:5px;margin-right:4px;vertical-align:middle} .bm_banner_wrap > p{border:1px solid #d8d8d8;padding:13px 22px;line-height:1.7} .bm_banner_art{border:1px solid #d8d8d8;border-top-color:#000;border-bottom-color:transparent} .bm_banner_art li{display:table;width:100%;border-bottom:1px solid #d8d8d8} .bm_banner_art li:after{display:block;content:"";visibility:hidden;clear:both} .bm_banner_art em,.bm_banner_art span{display:table-cell;height:100%;text-align:center;vertical-align:middle} .bm_banner_art em{width:20%;height:100%} .bm_banner_art span{padding:20px 23px;border-left:1px solid #d8d8d8} .bm_banner_art span img{display:block;width:100%} /* 정보센터 - 소셜미디어센터 */ .page_info_box1 .info{background:url('/_res/portal_ru/img/information/spr_info_new.png') no-repeat} .page_info_box1 .info.icon_snsCe{width:139px;height:117px;background-position:0 -220px} .page_sub_txt span .tit{display:block;color:#005baa;font-size:16px;font-weight:600} .sns_list{overflow:hidden;padding:0 12px;width:100%;border:1px solid #79abd1} .sns_list li{float:left;padding:25px 12px;width:25%;vertical-align:middle;text-align:center} .sns_list li a{display:inline-block;padding-top:12px;width:100%;height:55px} .sns_list li:nth-child(1) a{background-color:#3b5998} .sns_list li:nth-child(2) a{background-color:#ff0000} .sns_list li:nth-child(3) a{background-color:#2eb70c} .sns_list li:nth-child(4) a{background-color:#325c86} /* 정보센터 - 관련사이트 */ .relation_site_list:after{display:block;content:"";visibility:hidden;clear:both} .relation_site_list li{float:left;width:175px;margin-right:16px;text-align:center} .relation_site_list li:nth-child(4n){margin-right:0} .relation_site_list span,.relation_site_list a,.relation_site_list img{display:block} .relation_site_list span{border:1px solid #dcdcdc;margin-bottom:10px} .relation_site_list span img{width:100%} .relation_site_list a{height:65px} .relation_site_list a:after{display:inline-block;content:"";background:url('/_res/portal_ru/img/common/tbl_icon.png') no-repeat -95px 0;width:15px;height:13px;margin-left:7px;vertical-align:middle} /*코리안웨이브 - Visit Seoul*/ .visit_seoul{margin-top:50px} .visit_seoul > div{margin-bottom:55px;border:1px solid #79abd1} .visit_seoul > div h5{margin:-19px auto 20px auto;width:100%;padding:6px 10px;text-align:center;font-size:20px;font-weight:600;color:#fff;background-color:#79abd1} .visit_seoul > div dl{text-align:center} .visit_seoul > div dt{margin:0 auto 10px auto;width:90%;font-size:18px;font-weight:600} .visit_seoul > div dd > p{margin:0 auto 20px auto;width:450px;line-height:1.5em} .visit_seoul > div ul{overflow:hidden;margin:0 20px 30px 20px;padding-top:20px;border-top:1px solid #d2d2d2} .visit_seoul > div ul li{float:left;margin-left:20px} .visit_seoul > div ul li:first-child{margin-left:0px} .visit_seoul > div ul li a{display:block} .visit_seoul > div ul li a p{width:160px;margin-top:5px;line-height:1.5em;font-weight:600;word-break:break-all} .visit_seoul > div.sec02 dd > p{width:90%} .visit_seoul > div.sec02 ul{margin-bottom:20px;padding-bottom:30px;border-bottom:1px solid #d2d2d2} .visit_seoul > div.sec02 > div{position:relative;height:240px;background:url('/_res/portal_ru/img/contents/visit_bg.gif') no-repeat center bottom;background-size:contain} .visit_seoul > div.sec02 > div a{position:absolute;top:0px;right:20px} a.down_pdf{padding:20px 20px 20px 90px;width:320px;font-weight:600;border:1px solid #aaa;background:#f4f4f4 url('/_res/portal_ru/img/contents/pdf.png') no-repeat 20px center} a.down_pdf span{display:block;padding-bottom:5px;font-size:15px} /*스터디코리안*/ .visit_seoul.study > div h5{padding:6px;font-size:17px;letter-spacing:-1px} .visit_seoul > div h5 a{padding-right:30px;color:#fff;background:url('/_res/portal_ru/img/contents/icon_new.png') no-repeat right center} .visit_seoul > div > p{margin:0 auto 20px auto;width:90%;text-align:center;line-height:1.5em} .visit_seoul > ul{display:table;table-layout:fixed;width:100%} .visit_seoul > ul li{display:table-cell;table-layout:fixed;padding:10px 20px;width:50%;text-align:center;vertical-align:middle;border:1px solid #dbdbdb} .visit_seoul > ul li:first-child{border-right:none} .page_info_box1.img i.study img{width:100%;height:auto} /*한국어학습*/ .learn_kor .btn_tbl_section{margin-bottom:40px} /*고객센터 - 코리안넷이란*/ .page_info_box1.kor_what{margin-bottom:50px} .visit_seoul .koreanet > p, .visit_seoul .koreanet > dl{margin:0 20px;text-align:left} .visit_seoul .koreanet > p{margin-bottom:20px;padding-bottom:20px;line-height:1.5em;border-bottom:1px solid #ddd} .visit_seoul .koreanet > dl dt{margin:0 0 10px 0;font-weight:600;font-size:15px} .visit_seoul .koreanet > dl dd{margin-bottom:30px;line-height:1.5em} h6.kornet{margin-bottom:15px;font-size:14px} h6.kornet span, h6.kornet span img{vertical-align:middle} h6.kornet span{display:inline-block;margin:0 10px 0 15px} .kornet_box{margin-bottom:10px;padding:25px 0;background:url('/_res/portal_ru/img/customer/kornet_bg.gif') repeat 0 0} .kornet_box ol{overflow:hidden;margin:0 auto;width:510px;background:url('/_res/portal_ru/img/customer/arrow.png') no-repeat center center} .kornet_box ol li{float:left;width:50%;text-align:center} .kornet_box ol li span{display:block;margin:10px auto 0 auto;padding-top:10px;width:175px;height:55px;color:#fff;font-weight:600;border-radius:55px;background-color:#4586b9} /*고객센터 - 검색도움말*/ .page_info_box1 .customer{background:url('/_res/portal_ru/img/customer/spr_customer.png') no-repeat} .page_info_box1 .customer.icon_sch{width:140px;height:130px;background-position:0 -340px} .page_info_box1 .customer.icon_koreanet{width:140px;height:124px;background-position:-180 -340px} .list_num{margin-bottom:30px} .list_num li{margin-bottom:10px} .list_num span{display:inline-block;margin-right:5px;width:23px;height:23px;line-height:21px;font-size:15px;color:#fff;text-align:center;border-radius:50%;font-weight:600;background-color:#5992c3} .txt_type{margin-bottom:10px} /*고객센터 - 부서별 업무안내 */ .info_part > li{margin-bottom:20px} .info_part li dl{border:1px solid #dcdcdc} .info_part li dl dt{position:relative;padding:15px 20px;font-size:16px;font-weight:600;border-bottom:1px solid #dcdcdc;background-color:#f4f4f4} .info_part li dl dt a{top:7px} .info_part li dl dd{padding:15px 20px} .info_part li dl dd li{padding-left:10px;line-height:1.5em;background:url('/_res/portal_ru/img/customer/bul_part.gif') no-repeat 0 7px} /*고객센터 - 사이트맵 */ .site_area > li{margin-bottom:20px} .site_area > li > a{display:block;margin-bottom:25px;padding:10px 20px;font-size:17px;font-weight:600;border-top:1px solid #9badc4;border-bottom:1px solid #d7d7d7;background-color:#e4ecf6} .site_area > li ul:after{content:"";display:block;clear:both} .site_area > li > ul > li{float:left;box-sizing:border-box;padding:0 20px;width:50%;margin-bottom:20px} .site_area > li > ul > li:nth-child(odd){clear:both} .site_area > li > ul > li > a{display:block;margin-bottom:6px;font-size:15px;font-weight:600} .site_area > li > ul > li li{padding-left:12px;line-height:1.5em;background:url('/_res/portal_ru/img/customer/bul_site.gif') no-repeat 0 8px} /* 이용약관 */ .svc_area h5{padding:15px 0;text-align:center;border-top:1px solid #000;border-bottom:none} .svc_area h6{padding:15px 0;text-align:center;font-size:15px;color:#444;border-top:1px solid #dcdcdc} .svc_area dt{margin-bottom:20px;font-weight:600} .svc_area dd{margin-bottom:30px;line-height:1.7em} .svc_area dd .sec{margin:10px 0 0 0} .svc_area dd li{/*text-indent:-20px*/;padding:0 0 10px 20px;line-height:1.7em} .svc_area dd li li{text-indent:-10px;padding:0 0 5px 20px} .svc_area dd a{text-decoration:underline} /*개인정보처리방침*/ .prv_area h5{margin-bottom:15px} .prv_area h6{margin-bottom:7px;color:#000;font-size:15px;font-weight:600} .prv_area a{vertical-align:middle;text-decoration:underline} .prv_area p, .prv_area ul, .prv_area dl{margin-bottom:20px} .prv_area dt, .prv_area li{margin-bottom:5px} .prv_area li, .prv_area dt, .prv_area dd, .prv_area p{line-height:1.7em} .prv_area .block01{margin-bottom:25px;padding:15px;background-color:#f4f4f4} .prv_area table{margin-bottom:25px;table-layout:fixed;width:100%} .prv_area table caption{display:none} .prv_area table th, .prv_area table td{padding:7px;vertical-align:middle;border:1px solid #dcdcdc} .prv_area table th{border-top:1px solid #000;background-color:#f4f4f4} .prv_area table.cen td{text-align:center} /*20220518 개인정보 처리방침 v2*/ .privacy_wrap { line-height: 24px; } .privacy_wrap img { vertical-align: top; text-indent: 0; } .privacy_sub_title { margin: 20px 0; font-size: 16px; font-weight: 600; } .privacy_wrap .price_link { text-decoration: underline; color: #0068b9; } .privacy_wrap section { margin: 40px 0; } .privacy_text { margin-bottom: 18px;} .privacy_wrap .privacy_title { padding-left: 25px; padding-bottom: 25px; font-size: 20px; color: #222; line-height: 21px; background: url(/_res/portal/img/icon_privacy_title.png) no-repeat 0 4px; } .privacy_table { margin-top: 18px; border-top: 1px solid #000; } .privacy_table table { width: 100%; } .privacy_table thead th { padding: 6px 5px; background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .privacy_table tbody td { padding: 6px 1.5vw; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; word-break: break-word; } .privacy_table thead th:last-child , .privacy_table tbody td:last-child { border-right: 0; } .privacy_index { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; padding: 22px 6%; border-width: 3px; border-image: linear-gradient(to top, #ddd calc(100% - 63px), #5380d2 63px); border-style: solid; border-image-slice: 1; } .privacy_index li:first-child, .privacy_index li:nth-child(2) { padding-top: 0; } .privacy_index li { width: 47%; padding-top: 22px; font-size: 17px; line-height: 26px; font-weight: 600; } .privacy_index li a { display: inline-flex; align-items: flex-start; } .privacy_index li a span { padding-top: 5px; padding-left: 12px; } .privacy_wrap section > dl[id^="privacy_list"] { padding: 40px 0; border-top: 1px solid #ddd; } .privacy_list_title { padding-bottom: 20px; font-size: 19px; font-weight: 700; color:#222; line-height: 37px; } .privacy_list_title img { margin-right: 8px; vertical-align: top; } .privacy_gray_box { padding: 22px 5.4% ; background: #f9f9f9; border: 1px solid #ddd; } .privacy_list_cont .privacy_text:only-child { margin-bottom: 0; } .privacy_table + .privacy_sub_dl { padding-top: 20px; } .privacy_sub_dl dt { color: #0068b9; font-size: 16px; font-weight: 600; } .privacy_sub_dl dd { margin-top: 8px; } .privacy_sub_dl dd + dt { margin-top: 18px; } .privacy_sub_dl .privacy_text{ padding-bottom: 0; } /*.privacy_wrap .list_num_style li { padding-left: 16px; text-indent: -16px; }*/ .privacy_wrap .list_num_style li + li { padding-top: 15px; } .privacy_wrap .list_num_style strong { display: block; } .privacy_wrap .list_line_style li { padding-left: 10px; text-indent: -10px; } .privacy_wrap .list_line_style li + li { padding-top: 4px; } /*.privacy_wrap .list_txt_style li { padding-left: 21px; text-indent: -21px; }*/ .privacy_wrap .list_txt_style li + li { padding-top: 4px; } .privacy_gray_box .list_txt_style li + li { padding-top:15px } .list_txt_style + .privacy_gray_box { margin-top: 20px; } .btn_privacy_download { display: inline-block; margin-top: 18px; } .btn_privacy_download img { margin-left: 5px; } .btn_privacy_img { display: inline-block; margin-left: 20px; width: 22px; height: 22px; } .sns_wrap input[type=text] { width: 1px; height: 1px; top: 0; opacity: 0; } /*//20220518 개인정보 처리방침 v2*/ /* 이메일무단수집거부 */ .page_info_box1 span .icon_email{width:140px;height:130px;background:url('/_res/portal_ru/img/member/spr_terms.png') no-repeat 0 0} .email_area .tit{margin-bottom:30px;box-sizing:border-box;padding:20px 30px 20px 230px;line-height:1.7em;background:#f2f2f2 url('/_res/portal_ru/img/terms/email.png') no-repeat 40px center} .email_area .tit strong{color:#b63f10} .email_area dt{margin-bottom:20px;font-size:15px;font-weight:600} .email_area dd{position:relative;margin-bottom:15px;padding-left:40px;line-height:1.7em} .email_area dd span{position:absolute;top:0;left:0} .email_area dd span{display:block;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;font-size:18px;font-weight:600;border-radius:50%;background-color:#9c9c9c} .copy_area p{margin-bottom:20px;line-height:1.7em} /* === 모바일 및 테블릿 === */ @media all and (max-width:800px) { /* 팝업 */ #popup.homepage{left:0px;width:100%;height:auto;} #popup .pop_top{padding:5px 10px;height:auto;} #popup .pop_top > div p:nth-child(1){display:none;} /* section_page_info mobile */ .section_page_info.page_info_type2{padding:26px 10px} .section_page_info.page_info_type2 strong{margin:28px 0;font-size:17px;color:#444} .section_page_info.page_info_wkclc{padding:20px 4px} .section_page_info .page_support_icon{float:none;margin:0 auto 14px} .section_page_info .page_info_txt.page_txt_type1{margin-left:0} .section_page_info .page_info_txt strong{text-align:center} .section_page_info .page_info_txt .page_info_en{text-align:center} .section_page_info .page_info_btn,.section_btn_area{text-align:center} /* 연간 사업일정 - 사업안내 mobile */ .year_info_outline{margin-top:30px;border:1px solid #fff} .year_info_outline:before{display:none} .year_info_outline li{display:block;margin:10px 0;padding:10px 20px;border:3px solid #c6c6c6;border-radius:0;width:100%;height:auto} .year_info_outline li:first-child{margin-top:190px} .year_info_outline li:nth-child(2){position:absolute;top:0px;left:50%;margin-top:0;margin-left:-82px;width:164px;height:164px} .year_info_outline li strong{display:inline-block} .year_info_outline li span{position:relative;left:0;top:0;letter-spacing:0px;white-space:normal;-webkit-transform: translate(0%,0%);transform: translate(0%,0%)} .year_calendar_wrap > li, .year_calendar_wrap > li ul.month, .year_calendar_wrap > li ul.cnt, .year_calendar_wrap >li > p{display:block;width:100%} .year_calendar_wrap > li {margin-bottom:30px;border-top:none !important;border:1px solid #ddd} .year_calendar_wrap > li > p{width:100%;height:46px;line-height:44px} .year_calendar_wrap > li ul.month{overflow:hidden;border-left:none} .year_calendar_wrap > li ul.month li{float:left;border-bottom:none;width:33.33333%;height:40px !important;line-height:38px;text-align:center} .year_calendar_wrap > li ul.month li:last-child{border-right:none} .year_calendar_wrap > li ul.month li span{top:0;-webkit-transform:translate(0%,0%);transform: translate(0%,0%)} /* 연간 사업일정 - 신청절차 안내 mobile */ .year_step_icon{display:none} .year_step_list{margin-top:0} .year_step_list li, .year_step_list li strong, .year_step_list li em{display:block;padding:0;width:100%;text-align:center;border:none} .year_step_list li, .year_step_list li:first-child{padding:15px 10px;border-bottom:1px solid #ddd;background:none} .year_step_list em{margin-top:10px;line-height:1.5em} /* 홈페이지 제작지원 - 사업안내 mobile */ .business_info_box{border:0} .business_info_box .business_info_top{border:1px solid #e0e0e0;border-top-color:#000;padding:28px 10px 18px} .business_info_box .business_info_top .icon_business{display:none} .business_info_box .business_info_top .business_info_txt{margin-left:0;text-align:center} .business_info_box .business_info_cnt{padding:28px 0 0} .business_info_box .business_info_cnt dt, .business_info_box .business_info_cnt dd{display:block} .business_info_box .business_info_cnt dt{margin-bottom:25px;padding:30px 0;width:100%;text-align:center} .business_info_box .business_info_cnt dd ul{padding:0;background:none} .business_info_box .business_info_cnt dd ul li{padding-bottom:10px;border:none} /* 홈페이지 제작지원 - 홈페이지 제작 소개 mobile */ .homepage_merit{display:none} .homepage_service_wrap{display:none} .homepage_info_mobile{display:block} .homepage_info_mobile th span{display:block} .homepage_info_mobile .homepage_tbl_td{display:block;margin-bottom:5px} .homepage_tamplate .homepage_tamplate_info{display:none} .homepage_tamplate_select{border:1px solid #dcdcdc;margin-bottom:0} .homepage_tamplate_select dl:last-child{border-bottom:0} .homepage_tamplate_select dt, .homepage_tamplate_select dd{display:block;width:100%;padding:10px 0 10px 10px} .homepage_tamplate_select dt,.homepage_tamplate_select .homepage_tamplate_dt{border-right:0;text-align:center;padding:10px 0} .homepage_tamplate_select .template_num li{margin-right:5px} .homepage_tamplate_box{border-top-color:transparent} .homepage_tamplate_box .homepage_tamplate_top{border-bottom:0} .homepage_tamplate_box .homepage_tamplate_top dl{float:none;border-bottom:1px solid #dcdcdc} .homepage_tamplate_box .homepage_tamplate_top dl:nth-child(1),.homepage_tamplate_box .homepage_tamplate_top dl:nth-child(2){float:none;width:100%;border-right:0} .homepage_tamplate_box .homepage_tamplate_top dt{padding:15px 7px;text-align:left} .homepage_tamplate_box .group{padding-left:10px;text-align:left} .homepage_tamplate_box .view_wrap{width:260px;margin:32px auto} .homepage_tamplate_box .view_wrap dt{width:100%;margin-right:0;margin-bottom:24px} .homepage_tamplate_box .view_wrap dd{margin:0 3.5% 6%} /* 홈페이지 제작지원 - 웹호스팅 소개 mobile */ .web_support li{float:none;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;width:100%;padding-left:8px} .web_backup{display:block} .web_backup li{width:140px !important;margin:20px auto;display:block;float:none !important;text-align:center !important;background-position:center center} .web_backup li:first-child, .web_backup li:last-child{padding:15px;width:70% !important;height:auto} .web_backup li span{display:table-cell;width:140px;height:130px;vertical-align:middle} .web_backup li:first-child {margin-bottom:40px} .web_backup li:last-child {margin-top:40px} .web_backup li:first-child strong, .web_backup li:last-child strong{margin:0;padding-bottom:10px} .web_backup li:first-child:after, .web_backup li:last-child:before{position:absolute;left:50%;content:"";margin-left:-12px;width:24px;height:20px;background: url('/_res/portal_ru/img/support/bg_domain_backup.png') no-repeat} .web_backup li:first-child:after{top:100%;background-position:-71px -580px;margin-top:0} .web_backup li:last-child:before{top:-10px;background-position:-106px -580px} /* 홈페이지 제작지원 - 글로벌도메인 소개 mobile */ .domain_exam_list li{display:block;width:100%;margin-bottom:30px} .domain_service{background:url('/_res/portal_ru/img/support/bg_m_domain_arrow.png') no-repeat 50% 50%;margin-top:32px} .domain_service li{display:block} .domain_service li:first-child,.domain_service li:last-child{float:none;margin:0 auto} .domain_service li:first-child dl,.domain_service li:last-child dl{padding-top:54px} .domain_service li:nth-child(2){margin:50px auto} /* 홈페이지 현황*/ .hp_list_wrap li{width:100%} .hp_list_wrap li:first-child,.hp_list_wrap li:last-child{padding:0} .hp_list_wrap .hp_best, .hp_list_wrap .hp_good{height:auto} /* 한인한마당 - 세계한인회장대회 mobile */ .section_page_info.page_info_wkclc .page_info_txt{float:none;width:100%;text-align:center} .section_page_info.page_info_wkclc .page_support_icon{float:none} /* 재외동포 민원신청 - 민원안내 */ .ok_info_field li span{padding-left:10px;width:100px} .ok_info_step{display:none} .btn_tbl_section.multi a{margin:3px 0;width:100%} /* 재외동포 민원신청 - 분야별 민원서비스 mobile */ .field_tab_wrap{overflow:hidden;border-top-color:#dedede} .field_tab_wrap li{float:left;display:block;width:50%;height:80px;border-top-color:transparent} .field_tab_wrap a{display:block;height:100%;padding:0 5px} .field_tab_wrap li strong:before{display:none} .field_tab_wrap li strong{display:table-cell;height:80px;vertical-align:middle} .civil_service strong , .civil_service span{display:block} .civil_service span{margin:5px 0 0 0 !important} .civil_service em{display:none} /*참여공간 - 배움교실*/ .learn_box{padding:0px 0 0 140px} .learn_box li{padding-left:10px} .table_item_box.tel .table_item_row > div{border-right:1px solid #ddd} .table_item_box.tel .table_item_row dt{width:40%} .table_item_box.tel .table_item_row dd{width:60%} /* 정보센터 > 재외동포 통계자료 */ .kntT.total td:nth-last-of-type(4), .kntT.total td:nth-last-of-type(5), .kntT.total td:nth-last-of-type(6){display:none} .kntT.total thead th:nth-last-of-type(4), .kntT.total thead th:nth-last-of-type(5), .kntT.total thead th:nth-last-of-type(6){display:none} .knt_down_box, .knt_txt{display:none} .kntT.area td:nth-last-of-type(1), .kntT.area td:nth-last-of-type(4), .kntT.area td:nth-last-of-type(5), .kntT.area td:nth-last-of-type(6){display:none} .mobile_view .kntT.area td:nth-last-of-type(1) {display:table-cell;} .kntT.area thead th:nth-child(4){display:none} .kntT.area thead .m_th th:nth-child(1), .kntT.area thead .m_th th:nth-child(2), .kntT.area thead .m_th th:nth-child(3){display:none} .kntT.area tbody tr:first-child th:first-child, .kntT.area tbody tr:first-child th{width:20%} .kntT.area thead th:last-child{width:20%} /* 홍보센터-재단ci/코리아넷bi */ .ci .tit a.trigger{padding:10px 15px;height:auto;line-height:1.5em;} .ci .con{padding:20px 0px;line-height:2em} .ci .ci_img, .ci .ci_box{display:table-cell;table-layout:fixed;float:none;vertical-align:top} .ci .ci_img{width:240px;margin:0 0px 20px 0} .ci .ci_box{width:auto;padding-left:20px} .ci .con .brand{padding:20px 0 0 0} .ci .con .brand_tit{text-align:center} .ci .con .brand_tit > strong, .ci .con .brand_tit > .btn_item {float:none !important} .ci .con .brand_tit > strong{display:block;margin-bottom:10px;height:auto;text-align:left;line-height:1.7em} .ci .con .brand_tit > span.btn_down{display:block;width:130px;margin:15px auto 0 auto} .ci .con .brand p{padding:0 20px} .ci .con .brand dl{padding:15px 10px} .ci .con .brand dt, .ci .con .brand dd{display:block;box-sizing:border-box;width:100%;text-align:center} .ci .con .brand dl img{max-width:100%} .ci .con .brand dt{margin-bottom:10px} .ci .con .brand .first{padding-top:0} .ci .con .brand dt.top{padding-top:0} .ci .con .sig .color li{width:48%;padding:0 !important;height:130px} .ci .con .sig .color li.last{height:70px} .ci .con .sig .color li:nth-child(even){float:right} /* 정보센터 - 코리안넷 배너달기 mobile */ .bm_banner_wrap > div{background:none;border-bottom:0} .bm_banner_wrap > div .bm_banner{display:block;width:100%;height:115px;background-color:#f4f4f4;border:1px solid transparent;border-bottom-color:#dfdfdf;margin:0 0 18px 0} .bm_banner_wrap > p{padding:14px 8px;word-break:break-all} .bm_banner_art span{padding:0} /*정보센터 - 소셜미디어센터 mobile */ .snsCe_tit{padding:170px 10px 20px 10px;background-position:center 30px} .snsCe_tit p{text-align:center} /* 홍보센터 _ 재외동포홍보영상 */ .pr_okfyoutube .top_area > div{/* padding:250px 15px 20px 15px; */background-position:center 20px;} .pr_okfyoutube .top_area > div ul{margin:0 auto 30px auto;width:100%;} .pr_okfyoutube .top_area > div ul li{width:48%;} .pr_okfyoutube .top_area > dl{padding:0px 15px 10px 15px;text-align:center;background-position:center 20px;} .pr_okfyoutube .top_area .section_btn_area{margin:0 15px;text-align:center;} .pr_okfyoutube .top_area .section_btn_area span{text-align:left;} #pr_youtube #tab1{background:none;border:none;} #pr_youtube p span, #pr_movie.pr p span{width:50%;border:1px solid #e6e6e6 !important;} #pr_youtube.pr p span{display:table} #pr_youtube > div{padding-top:10px;padding-bottom: 10px;border:none;} #pr_youtube.pr > div{padding-top:20px} #pr_youtube > div iframe{margin:0 auto;width:80%;height:auto;} /* 정보센터 - 관련사이트 mobile */ .relation_site_list li{width:48%;margin-right:0} .relation_site_list li:nth-child(odd){float:left} .relation_site_list li:nth-child(even){float:right} .relation_site_list span img{width:130px;margin:0 auto} .relation_site_list a:after{display:none} /*코리안웨이브 - Visit Seoul*/ .visit_seoul{margin-top:0px} .visit_seoul > div{margin-bottom:30px;padding-bottom:20px} .visit_seoul > div h5{margin-top:0} .visit_seoul > div dt{letter-spacing:-1px} .visit_seoul > div dd > p{width:90%} .visit_seoul > div ul{margin:0} .visit_seoul > div ul li{width:50%;margin:0;padding:0 7px 10px 14px;text-align:center} .visit_seoul > div ul li:nth-child(even){padding:0 14px 10px 7px} .visit_seoul > div ul li img{width:100%;max-width:160px} .visit_seoul > div.sec02 ul{padding-bottom:10px} .visit_seoul > div.sec02 > div{height:auto;background:none} .visit_seoul > div.sec02 > div a{display:block;position:relative;top:0;left:0} .visit_seoul > div ul li a p{line-height:1.2em;height:60px;width:auto;} a.down_pdf{margin:0 auto;width:270px;letter-spacing:-1px} /*스터디코리안*/ .visit_seoul > ul li img{max-width:100%} .page_info_box1.img i.study img{width:auto;max-width:100%;max-height:100%} /*고객센터 - 코리안넷이란*/ .kornet_box ol{width:auto;background:url('/_res/portal_ru/img/customer/m_arrow.png') no-repeat center center} .kornet_box ol li{float:none; width:100%} .kornet_box ol li:first-child{margin-bottom:50px} /*고객센터 - 검색도움말*/ .list_num li{overflow:hidden;margin-bottom:10px} .list_num span{float:left} /*고객센터 - 부서별 업무안내 */ .info_part li dl dt{text-align:center} .info_part li dl dt a{display:block} /*고객센터 - 사이트맵*/ .site_area > li > ul > li{float:none;width:100%} } @media screen and (max-width:767px) { /* 재단ci/코리아넷bi */ .ci .ci_img, .ci .ci_box{display:block;width:100%} .ci .ci_img{margin:0 0 20px 0} .ci .logo_list dl{width:48%;margin-left:0 !important;margin-right:0 !important;margin-bottom:25px !important} .ci .logo_list dl dt img{max-width:100%;height:auto} .ci .logo_list dl.two, .ci .logo_list dl.four, .ci .logo_list dl.six{float:right} .ci .logo_list dl.five, .ci .logo_list dl.six{margin-bottom:0 !important} .ci .logo_list2 dl{width:100%;float:none !important} .ci .logo_list2 dl dt img{max-width:100%} .ci .logo_list.ban dl{width:100%} .ci .logo_list.ban dl{margin-bottom:25px !important} .ci .logo_list.ban dl.three{margin-bottom:0px !important} .ci .logo_list.ban dl dt{height:80px} .ci .con .sig .no_use li{float:none !important;width:100%} .ci .con .sig .no_use li:last-child{margin-bottom:0} .ci .con .sig .no_use li span{display:block;box-sizing:border-box;padding:20px 0 10px 0;width:100%;height:auto} } @media all and (max-width:640px) { .learn_box li{float:none} /*20220518 개인정보 처리방침 v2*/ .privacy_index { margin-bottom: 30px; } .privacy_index li { width: 100%; } .privacy_wrap section > dl[id^="privacy_list"] { padding: 25px 0; } .privacy_list_title { padding-bottom: 10px; } .privacy_index li { padding-top: 15px; } .privacy_index li:nth-child(2) { padding-top: 15px; } .privacy_table.scroll { overflow-x: auto; } .privacy_table.scroll table { width: auto; min-width: 100%; } /*//20220518 개인정보 처리방침 v2*/ } @media all and (max-width:480px) { /* 재외동포 민원신청 - 민원안내 */ .ok_info_field li, .ok_info_field li:nth-child(even){float:none;display:block;padding:20px 0;width:100%} .ok_info_field li span, .ok_info_field li:before{display:block} .ok_info_field li span{display:block;padding-top:15px;width:100%;height:auto;text-align:center} .ok_info_field li:before{margin:0 auto} /*정보센터 - 안전여행정보*/ .airport dl{padding:195px 10px 10px 10px;text-align:center;background-size:auto !important;background-position:center 20px !important} .airport dl.first{padding-top:200px} .airport dd > span{margin-top:20px !important} .airport dl.first .tit, .airport dl.first .list{text-align:left;letter-spacing:0px} .airport dl.first dd{letter-spacing:-1px} .bm_banner_art em{width:30%} } /*수요조사_팝업*/ #popup{width:100%;} #popup .pop_top{overflow:hidden;padding:0 10px;height:60px;background-color:#0059aa;} #popup .pop_top h1{float:left;line-height:58px;font-size:22px;color:#fff;} #popup .pop_top > div{float:right;padding-top:10px;} #popup .pop_top > div p{display:inline-block;vertical-align:middle;} #popup .pop_con{padding:20px 15px;} #pop_tab{position:relative;background:url('../img/common/pop_tab_bg.gif') repeat-x 0 0;} #pop_tab > p > span{display:inline-block;width:150px;height:50px;line-height:50px;text-align:center;border:1px solid #c6c6c6;border-bottom:1px solid transparent;border-left:1px solid transparent;background-color:#f7f7f7;} #pop_tab > p > span a{display:block;} #pop_tab .step1 {border-left:none;margin-bottom:25px;} #pop_tab .step2 {position:absolute;top:0px;left:150px;} #pop_tab .step3 {position:absolute;top:0px;left:300px;} #pop_tab .step4 {position:absolute;top:0px;left:450px;} #pop_tab > p.on > span{display:inline-block;border:1px solid #909090;border-bottom:1px solid #fff;} #pop_tab > p.on > span a{display:block;font-weight:600;background-color:#fff;} #pop_tab .tit{margin-bottom:20px;padding:20px 15px;line-height:1.5em;border:1px solid #337cc6;} #pop_tab .tit dt{margin-bottom:15px;font-size:16px;color:#004c9a;font-weight:600;} #pop_tab h2{margin-bottom:15px;padding-left:20px;font-size:16px;font-weight:600;background:url('../img/common/pop_bul.gif') no-repeat 0 0;} #pop_tab .list{display:table;margin-bottom:20px;width:100%;} #pop_tab .list dt, #pop_tab .list dd{display:table-cell;padding:10px;line-height:1.5em;vertical-align:top;} #pop_tab .list dt{width:40px;text-align:center;font-size:16px;font-weight:600;background-color:#c6e0f0} #pop_tab .list dd{width:auto;background-color:#ebf3f7;} #pop_tab strong{color:#235caa;} #pop_tab .block{margin-bottom:20px;line-height:1.5em;} #pop_tab .block1{margin:10px 0;line-height:1.5em;} #pop_tab .box{margin-bottom:30px;padding:10px 10px 0px 10px;border:1px solid #9abce0;background-color:#e6edf1;} #pop_tab .box dt{margin-bottom:5px;font-weight:600;color:#004e9d;} #pop_tab .box dt strong{color:#d94d00;} #pop_tab .box dd{margin-bottom:20px;line-height:1.5em;} #pop_tab .cen{text-align:center;font-weight:600;} #pop_tab li{line-height:1.5em;} #pop_tab img{display:block;margin:0 auto;} #popup .pop_con .site{display:table;} #popup .pop_con .site p, #popup .pop_con .site dl{display:table-cell;vertical-align:top;} #popup .pop_con .site p{width:160px;} #popup .pop_con .site dl{width:auto;} #popup .pop_con .site dt{margin-bottom:15px;font-size:17px;font-weight:600;color:#005baa;} #popup .pop_con .site dd{line-height:1.5em;} #popup .pop_con .site strong{color:#b23200;} /*조직도*/ #content_wrap { margin-bottom: 50px; } .system { width: 700px; margin: 0 auto; } .system .system_01 { padding-top: 20px;} .system .system_01 span { display: inline-block; } .system .system_01 .ceo { position: relative; display: block; margin:0 auto; width: 208px; padding: 9px 25px; border: 3px solid #ffbaa8; background-color: #e75933; color: #fff; font-size: 20px; font-weight: 700; text-align: center;} .system .system_01 .ceo::before { position:absolute; top:69px; left:50%; width: 1px; height: 153px; background-color: #aaa; content: ""; } .system .system_02 { padding-top: 9px; } .system .system_02 .left { float: left; } .system .system_02 .right { float: right; } .system .system_02 .left > li { clear: both; } .system .system_02_list { position: relative; } .system .system_02_list.right { position: relative; margin-top: -61px; } .system .system_02_list.left::before { position: absolute; left: 100%; top:30px; width: 150px; height: 1px; background-color: #aaa; content: ""; } .system .system_02_list.left::after { position: absolute; left: 50%; top: 59px; height: 6px; width: 1px; background-color: #aaa; content: ""; } .system .system_02_list.right::before { position: absolute; right:100%; top:26px; width: 45px; height: 1px;border-top: 1px dotted #aaa; content: ""; } .system .system_02_list.right::after { position: absolute; top:27px; left: -27px; width: 26px; height: 66px; border-width: 0 0 1px 1px; border-color: #aaa; border-style: dotted; content: ""; } .system .system_02_list span { display: flex; justify-content: center; align-items: center; width: 200px; height: 60px; margin-bottom: 5px; background-color: #e0eaf3; color: #0d4f99; border: 1px solid #5694cc; font-size: 16px; font-weight: 700; text-align: center; } .system .system_02_list span.dashed { border-style: dashed; } .system .system_02_list.child { clear: both; } .system .system_02_list .system_03_item { position: absolute; display: inline-block; padding: 15px 28px; height: 50px; font-weight: 400; background-color: #ebebeb; border: 1px solid #a5bace; font-size: 15px; color: #444; z-index: 1; } .system .system_02_list .left li:last-child { position: static; } .system .system_02_list .left li:last-child .system_03_item { left: 250px; top: 66px; } .system .system_02_list .right .system_03_item { left: -250px; top:0 } .system .system_02_list .system_03_item:after { position: absolute; width: 300px; height: 1px; left: calc(50% - 150px); top:-40px; background-color: #aaa; content: ""; } .system .system_02_list .system_03_item:before { position: absolute; left: 50%; bottom: 100%; width: 1px; height: 40px; background-color: #aaa; content: ""; } .system .system_03 { position: relative; width: 100%; padding-top: 30px; overflow: hidden; } .system .system_03::before { position:absolute; top:13px; left:99px; width: 502px; height: 16px; border: 1px solid #aaa; border-bottom: 0; content: ""; } .system .system_03 .right { width: 200px; } .system .system_03 span { padding: 10px 5px; margin-bottom: 6px; } .system .system_03 > li { position: relative; } .system .system_03 > li > span { min-height: 60px; background-color: #0d4f8c; border: 2px solid #5694cc; font-size: 18px; font-weight: 700; color: #fff; } .system .system_03 ul > li > span { min-height: 50px; height: auto; background-color: #ebebeb; border: 1px solid #a5bace; font-size: 15px; color: #444; font-weight: 400; } .system .system_03 ul > li { position: relative; } .system .system_03 ul > li::after { position: absolute; display: inline-block; top:-6px; left:50%; height: 6px; width: 1px; background-color: #aaa; content: ""; } .system .system_03 ul > li.sa_left::after { width: 0px; } /*조직도불필요한라인삭제 221124추가*/ .system .last { position: absolute; left: calc(50% - 80px); bottom: 10px; } .system .last li span { display: inline-flex; width: 160px; height: 50px; margin-bottom: 10px; align-items: center; justify-content: center; background-color: #ebebeb; border: 1px solid #a5bace; font-size: 15px; color: #444; font-weight: 400; } @media all and (max-width:800px) { .system { width: 100%; } .system .system_01 .ceo { padding: 12px 25px; margin-bottom: 20px; } .system .system_01 .ceo::before, .system .system_02_list.left::before, .system .system_02_list.left::after, .system .system_03::before, .system .system_03 ul > li::after, .system .system_02_list .system_03_item:after, .system .system_02_list .system_03_item:before { display: none; } .system .system_02_list.right , .system .system_02_list.left, .system .system_02 .left, .system .system_02 .right { margin-top: 0; float: none; } .system .system_02_list.right::before { border: 0px; } /*조직도점선라인삭제 221124추가*/ .system .system_02_list.right::after { border: 0px; } /*조직도점선라인삭제 221124추가*/ .system .system_02_list span { width: 100%; height: 44px; margin-bottom: 10px; box-sizing: border-box; font-size: 15px; } .system .system_02_list .system_03_item { position: static; } .system .system_03 .right { width: 100%; padding-top: 40px; } .system .system_03 > li > span { min-height: auto; font-size: 16px; } .system .system_03 ul {display: flex;flex-wrap: wrap;} /*20230119*/ .system .system_03 ul > li { width: 50%; border:1px solid #a5bace !important; } /*20230119수정*/ .system .system_03 ul > li > span {min-height: auto;height: 100% !important;margin-bottom: 0;padding:15px 5px 15px 20px !important;background-color: #fff !important; border:0 !important; text-align: left;align-items: flex-start;justify-content:flex-start}/*20230119수정*/ .system .system_03 ul > li:nth-child(1), .system .system_03 ul > li:nth-child(2) {border-bottom: 0 !important; }/*20230119수정*/ .system .system_03 ul > li:nth-child(2n) { border-left: 0 !important; } /*20230119수정*/ .system .system_03 .left ul > li:nth-child(5) {border-top:0 !important;} /*20230119수정*/ .system .last { position: static; padding-top: 40px; } .system .last ul { display: flex; width: 100%; } .system .last ul li { width: 50%; } .system .last ul li + li span { border-left: 0; } .system .last ul li span { position: relative; width: 100%; background: #fff; text-align: center; justify-content: flex-start; padding:15px 0px 15px 20px; } .system .system_03 ul > li > span { position: relative; } /*20221107 수정&추가 - s*/ .system .system_03 ul > li > span::before, .system .last ul li span::before { display: block !important; position: absolute !important; left:11px !important; top:22px !important; width: 3px !important; height: 3px !important; background-color: #444 !important; border-radius: 50%; content: ""; } .system .system_03 .system_03_item { position: relative; top:0 !important; left:0 !important; } /*20221107 수정&추가 - e*/ } /*부서별업무안내*/ .tasks_list { } .tasks_list .tasks_box { margin-bottom: 20px; border: 1px solid #dcdcdc; } .tasks_list .tasks_box dt { padding: 15px 20px; border-bottom: 1px solid #dcdcdc; background-color: #f4f4f4; font-size: 16px; font-weight: 700; } .tasks_list .tasks_box dd { padding: 15px 20px; } .tasks_list .tasks_box li { position: relative; padding-left: 10px; line-height: 1.5rem; } .tasks_list .tasks_box li::before { position: absolute; left: 0; top:11px; width: 3px; height: 3px; border-radius: 50%; background-color: #bbb; content: ""; } /*해외직무파견현황*/ .content_info { font-size: 15px; letter-spacing: 0; line-height: 1.4rem; } .overseas_list > ul > li { margin-top: 50px; } .overseas_box { display: flex; } .overseas_box figure { width: 332px; flex-shrink: 0; } .overseas_box figure img { width: 100%; vertical-align: top; } .overseas_box dl { padding-left: 30px ;} .overseas_box dt { padding-bottom: 10px; font-size: 22px; line-height: 30px; font-weight: 700; color: #010101; } .overseas_box li { display: flex; width: 100%; padding-top: 10px; font-size: 15px; } .overseas_box li strong { flex-shrink: 0; width: 40%; color: #000; } .overseas_box li span { color: #666; } @media all and (max-width:800px) { .overseas_box { flex-direction: column; } .overseas_box figure { width: 100%; } .overseas_box dl { padding: 15px 0 0; } .overseas_box dl dt { padding-bottom: 5px; font-size: 20px; line-height: 24px; } .overseas_list > ul > li { margin-top: 20px; } .overseas_box li { padding-top: 6px; font-size: 14px; } .overseas_box li strong { width: 145px; padding-right: 20px; } } /*찾아오시는길*/ .map_section { padding-bottom: 20px; } .map_section .map_title { padding:30px 0 25px; margin: 0; font-size: 22px; color: #000; font-weight: 700; } .map_section .map_wrap + p { padding: 20px 0 10px; font-size: 16px; } .map_wrap { width: 100%; height: 400px; border: 1px solid #eee; } .map_wrap iframe { width: 100%; height: 100%; border: 0; } .map_info { padding: 0 40px; margin-top: 30px; border: 1px solid #e4e4e4; } .map_info li { display: inline-flex; padding: 18px 50px 18px 0; } .map_info li:first-child { width: 100%; padding-right: 0; border-bottom: 1px solid #eee; } .map_info li p { padding-left: 10px; font-size: 16px; line-height: 22px; color: #333; } .map_info .icon_map { flex-shrink: 0; display: inline-block; position: relative; width: 22px; height: 22px; background-repeat: no-repeat; background-size: 22px; } .map_info .icon_map.add { background-image: url(../../portal/img/sub/icon_map_add.png); } .map_info .icon_map.tel { background-image: url(../../portal/img/sub/icon_map_tel.png); } .map_info .icon_map.fax { background-image: url(../../portal/img/sub/icon_map_fax.png); } .map_info .icon_map .blind { position: absolute; width: 0; height: 0; color: transparent; overflow: hidden; } @media all and (max-width:800px) { .map_section .map_title { padding: 20px 0 20px; } .map_wrap { height: 170px; } .map_info { padding: 0 20px; margin-top: 20px; } .map_info li { width: 100%; } .map_info li:last-child { border-top: 1px solid #eee; } .map_info li p { font-size: 14px; } } /*법령 및 규정*/ .blue_dot { padding-top: 30px; } .blue_dot > dt { position: relative; padding-left: 15px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: 700; } .blue_dot > dt::before { position: absolute; left:0; top:8px; width: 8px; height: 8px; border-radius: 2px; background-color: #2a5ac8; content: ""; } .blue_dot > dt + dd { padding-left: 15px; } [class^="dot_list"] > li { position: relative; padding-left: 12px; margin-top: 5px; font-size: 15px; } [class^="dot_list"] > li::before { position: absolute; left:0; top:9px; width: 4px; height: 4px; background-color: #5b5b5b; content: ""; } .dot_list__14 > li { font-size: 14px; } .dot_list.type01 > li { margin-top: 15px; } .num_list > li { text-indent: -20px; padding-left: 20px; margin-top: 5px; font-size: 15px; } .line_list > li { position: relative; padding-left: 13px; margin-top: 5px; font-size: 15px; } .line_list > li::before { position: absolute; left:0; top: 11px; height: 2px; width: 5px; background: #aaa; content: ""; } .title_h5 { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 18px; border-bottom: 1px solid #999; } .title_h5 .img { display: flex; align-items:center; justify-content: center; width: 210px; height: 70px; margin-right: 20px; border-radius: 7px; border: 1px solid #ddd; text-align: center; } .title_h5 p { font-size: 22px; color: #000; font-weight: 700; line-height: 30px; } .laws_section { padding-bottom: 50px; font-size: 15px; line-height: 24px; color: #333; } .gray_search_box { padding: 17px 30px 15px; background: #f2f2f2;margin-bottom: 10px; }/*20221128 margin-bottom: 10px; 추가*/ .gray_search_box .search_text { padding-bottom: 14px; font-size: 14px; } .details_box { margin-top: 20px; padding: 20px 30px ; border: 1px solid #dcdcdc; color: #333; } .details_box dt { padding-bottom: 5px; font-size: 16px; line-height: 22px; font-weight: 700; } .details_box dd { padding-bottom: 10px; font-size: 14px; line-height: 20px; } .select_wrap { display: flex; } .select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} .select {padding: 8px 30px 8px 9px;margin-right: 10px;width: 250px;height: 34px;border: 1px solid #aaa;font-size: 13px;color: #333;box-sizing: border-box;background: #fff url(../../portal/img/sub/icon_select.png) no-repeat calc(100% - 5px) 50% !important;} .select_wrap .btn_icon_search { position: relative; display: inline-block; width: 38px; height: 34px; background: #343434 url(../../portal/img/sub/icon_search_btn.png) no-repeat 50%; } .select_wrap .btn_icon_search span { position: absolute; width: 0; height: 0; color: transparent; overflow: hidden; } .gray_box22 { margin-top: 20px; padding: 45px 50px 52px; text-align: center; background-color: #f4f4f4; line-height: 1.5; } .gray_box22 .btn_blank { margin-top: 30px; } .flex_style01 { display: flex; justify-content: space-between; margin: 10px 0 20px; } .flex_style01 .dl_style01 { font-size: 15px; width: calc(50% - 5px); } .flex_style01 .dl_style01 dt { display: flex; align-items: center; justify-content: center; height: 70px; padding: 10px; background-color: #666666; color: #fff; text-align:center;} .flex_style01 .dl_style01 dd { height: calc(100% - 70px); padding: 20px 18px; border: 1px solid #ddd; } .btn_blank { display: inline-block; padding: 5px 22px; background-color: #1b4ab4; border-radius: 5px; text-align: center; } .btn_blank span { display: inline-block; padding-right: 20px; line-height: 20px; font-size: 13px; font-weight: 700; color: #fff; background: url(../../portal/img/sub/icon_blank.png) no-repeat; background-size: 13px; background-position: 100% 2px; } .btn_blank.large { padding: 13px 35px; } .btn_blank.large span { font-size: 16px; font-weight: 400; background-position: 100% 3px; } /*.btn_blank.blue { background-color: #3767fe; } .btn_blank.black { background-color: #333; }*/ .btn_blank.blue { background-color: #3767fe; transition: all 0.4s; }/*버튼hover동작변화 221124추가*/ .btn_blank.blue:hover { background-color: #144ccb;}/*버튼hover색상변화 221124추가*/ .btn_blank.black { background-color: #333; transition: all 0.4s; }/*버튼hover동작변화 221124추가*/ .btn_blank.black:hover {background-color: #000000;}/*버튼hover색상변화 221124추가*/ .btn_blank.white { padding: 10px 22px; background: #fff; border: 1px solid #2a5ac8; } .btn_blank.white span { color: #2a5ac8; font-size: 16px; background-image: url(../../portal/img/sub/icon_blank_blue.png); background-position: 100% 4px; } .btn_blank + .btn_blank { margin-left: 10px; } @media all and (max-width:800px) { .laws_section { padding-bottom: 25px; } .title_h5 { flex-direction: column; align-items: flex-start; padding-bottom: 15px; } .title_h5 p { padding-left: 0; padding-top: 5px; } .gray_search_box { padding: 15px 20px 20px;margin-bottom: 10px; }/*20221128 margin-bottom: 10px; 추가*/ .select_wrap { flex-direction: column; } .select_wrap .select { width: 100%; margin:0 0 10px; max-width: 450px; } .details_box { padding: 20px; } .flex_style01 { display: block; } .flex_style01 .dl_style01 { width: 100%; margin: 10px 0 0; } .gray_box22 { padding: 30px 20px } } /*민원상담*/ .content_section { margin-top: 60px; } .content_section:first-child { margin-top: 20px; } .content_section + .btn_wrap { margin-top:55px; display: flex; align-items: center; justify-content: center; } .dl_icon { position: relative; padding-left: 140px; margin-top: 20px; color: #333; } .dl_style + .dl_style { margin-top: 40px; } .dl_style dt { padding-bottom: 15px; font-size: 18px; line-height: 24px; } .dl_style dd { font-size: 15px; line-height: 24px; } .dl_icon [class^="icon_consultation"] { position: absolute; left:0; top:0; display: block; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #cfcfcf; background-repeat: no-repeat; background-position: 50%; } .dl_icon .icon_consultation01 { background-image: url(../../portal/img/sub//icon_consultation01.png) } .dl_icon .icon_consultation02 { background-image: url(../../portal/img/sub//icon_consultation02.png) } .dl_icon .icon_consultation03 { background-image: url(../../portal/img/sub//icon_consultation03.png) } .dl_icon .icon_consultation04 { background-image: url(../../portal/img/sub//icon_consultation04.png) } .font_org { color: #fb6104; } .gray_bg_box { margin-top: 20px; padding: 25px 30px; background-color: #f4f5f9; } .procedure_list li + li { margin-top: 25px; } .procedure_list .blue_title_box { display: inline-flex; align-items: center; width: 400px; border: 2px solid #4f55df; line-height: 46px; font-size: 15px; font-weight: 700; color: #4f55df; border-radius: 5px; background-color: #f3f4fe; } .procedure_list .blue_title_box span { display: inline-block; width: 50px; font-size: 18px; border-right: 1px solid #d2d4f8; text-align: center; } .procedure_list .blue_title_box p { padding:5px 0 5px 20px; line-height: 1.5; } .procedure_list .sub_text { padding: 16px 0 0; font-size: 15px; color: #333; line-height: 24px; } .procedure_list .sub_text span { display: block; padding-top: 10px; } .petition_accodion .acco_item { padding-top: 23px; } .petition_accodion .acco_title button { position: relative; display: block; width: 100%; padding: 20px 0; font-size: 18px; color: #333; background-color: #fff; text-align: left; pointer-events: none; } .petition_accodion .acco_title button span { display: none; } .petition_accodion .acco_item .lang_list { display: flex; flex-wrap:wrap; padding: 10px; border: 1px solid #4f55df; border-radius: 8px; margin-top: 10px; } .petition_accodion .acco_item .lang_list li { padding: 10px 15px 10px 10px; } .petition_accodion .acco_item .lang_list li.on { background-color: #f3f4fe; border-radius: 8px; } .petition_accodion .acco_item .lang_list li::before { content: "－ "; } @media all and (max-width:800px) { .dl_icon { padding-left: 0; } .dl_icon [class^="icon_consultation"] { position: relative; margin-bottom: 50px; } .gray_bg_box { padding: 20px; } .procedure_list .blue_title_box { display: flex; max-width: 400px; width: auto; } .procedure_list .blue_title_box span { width: 40px; font-size: 16px; } .procedure_list .blue_title_box p { padding-left: 10px; font-size: 14px; } .petition_accodion .acco_title button { padding-right: 50px;pointer-events:all; } .petition_accodion .acco_title button span { position: absolute; top:10px; right: 0; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #f4f4f4; } .petition_accodion .acco_title button span:after{ display: block; margin: 30px auto; width: 6px; height: 6px; margin: 17px; border-top: 1px solid #000; border-left: 1px solid #000; content: "";} .petition_accodion .acco_title button span:after{ transform: rotate(-135deg);} .petition_accodion .acco_title.on button span:after { transform: rotate(45deg); } .petition_accodion .acco_cont { display: none; } .petition_accodion .acco_title.on + .acco_cont { display: block; } .content_section + .btn_wrap { flex-direction: column; justify-content: center; } .btn_blank.large { width: 100%; } .btn_blank.large + .btn_blank.large { margin: 10px 0 0 0; } } /*20221118 추가*/ .content .search_wrap .search_section .btn_search{right:0; transform:none; } /* 20221119 재외동포 정의*/ .define dl { padding-bottom: 20px; border: 1px solid #ddd; border-top: 0; text-align: center; } .define dl.bb { margin-top: 20px; } .define dt { padding: 14px 10px; background-color: #1857b2; margin: 0 -1px 10px; color: #fff; font-size: 16px; font-weight: 700;} .define dd { padding: 10px 24px 0; font-size: 14px; color: #444; } .define dd.tt { margin: 0 24px; padding: 10px 5px; border: 2px solid #96b4de; border-radius: 10px; color: #0b4ba7; font-weight: 700; } .define +.define { margin-top: 20px; } .range { padding: 25px 10px; margin-bottom: 30px; background-color: #f6f6f6; text-align: center; font-size: 14px; color: #444; } .range strong { color: #0b4ba7; } .dl1_full .plus, .range .plus { padding: 13px 0; } .dl1_full .plus em, .range .plus em { position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #757575; color: #fff; line-height: 21px; font-weight: 700; font-size: 0; vertical-align: top; } .dl1_full .plus em::before, .dl1_full .plus em::after, .range .plus em::before, .range .plus em::after { position: absolute; background-color: #fff; content: ""; } .dl1_full .plus em::before, .range .plus em::before { width: 10px; height: 2px; top:calc(50% - 1px); left: calc(50% - 5px); } .dl1_full .plus em::after, .range .plus em::after { width: 2px; height: 10px; top:calc(50% - 5px); left: calc(50% - 1px); } .rules {line-height:1.5em; } .rules dt{font-weight:bold;} .rules dt span{width: 24px;text-align: right;display: inline-block;padding-right: 5px;} .rules dt p{width: calc(100% - 24px);float: right;} .rules dd{padding-left:25px;margin-bottom:20px} .rules dd li{list-style-type:none;font-size:13px} .rules dd li:before{content:"✔"; color:red} .rules dd li p{padding-left:15px; margin-top:-20px;line-height:1.6em} .rules dd li ul{margin-left:35px} .rules dd li ul li{list-style-type:decimal} .rules dd li ul li:before{content:""} @media (max-width: 800px){ .define dd { padding-left: 10px; padding-right: 10px; } .define dd.tt { margin: 0 10px;} } /*재외동포사회 형성 과정*/ .process{margin-top:15px;} .process > li{overflow:hidden;margin-bottom:20px; } .process li .img{width:270px; margin-right:30px;text-align:center;float:left;} .process li .img span{font-size:12px;display:block;} .process li .img span.time{ background:#1857b2; color:#fff; font-size:16px; font-weight:bold; padding:10px} .process li dl{float:left; width:calc(100% - 300px);padding-top: 20px;border-top:1px dashed #1857b2} .process li dl dt{text-align:center; font-size:30px; font-weight:bold; color:#1857b2;margin-bottom:40px } .process li dl dt.mgb60{margin-bottom: 60px;} .process li dl dd{margin-bottom:30px; line-height:1.6} .process li dl dd strong{font-size:16px; color:#0e418c} .process li dl dd ul{padding-left:40px; list-style-type:disc} .process li dl dd ul li{list-style-type:disc} .process > li:first-child .img span.time{padding:5px 41px } .process > li:nth-child(2) .img span.time{padding:5px 51px } .process > li:nth-child(3) .img span.time{padding:5px 41px } .process > li:last-child .img span.time{padding:5px 37px } .process > li:nth-child(2) dt{padding:0 62px } .process > li:nth-child(3) dt{padding:0 41px } .process > li:last-child dt{padding:0 72px } .process > li:last-child{padding-bottom:20px;border-bottom:1px solid #1857b2} @media screen and (max-width:730px) { .process > li{border-top:0} .process li .img{padding-bottom:5px;background:#f4f4f4} .process li .img, .process li dl{float:initial; width:100%;clear:both; overflow:hidden; margin-bottom:0} .process li .img span.time{padding:5px} .process li .img li{float:left; width:50%} .process li .img li img{width:100%} .process li dl{margin-top:0} .process li dl dt{font-size:24px; padding:0!important; margin:20px 0!important} .process li dl dd{padding:0 15px} .process li .img li:nth-child(3){width:100%} } /*재외동포역할 및 모국기여*/ .dl1_full dl { margin-bottom: 20px; } .dl1_full dt { padding: 20px 10px; background-color: #c6d6ec; color: #333; font-weight: 700; font-size: 16px; text-align: center; } .dl1_full dd { padding: 22px 30px 25px; background-color: #f8f8f8; font-size: 14px; line-height: 20px; color: #333; } .dl1_full li { position: relative; padding-left: 12px; } .dl1_full li + li { margin-top: 10px; } .dl1_full li:before { position: absolute; top:8px; left:0; width: 4px; height: 4px; background-color: #5b5b5b; content: ""; } .dl1_full + h5 { margin-top: 55px; } @media (max-width: 800px){ .dl1_full dd { padding-left: 10px; padding-right: 10px; } } /*재외동포정책*/ .table_scroll { overflow-x: auto; } .table_scroll .board-data2 { min-width: 700px; } table.board-data2 {width:100%;border-top:2px solid #000000;} table.board-data2 th {padding:7px 0 8px 0;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#fafafa;color:#666666;font-size:13px;line-height:1.6;text-align:center;} table.board-data2 th.first, table.board-data2 td.first {border-left:0;} table.board-data2 td {padding:7px 0 8px 0;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;font-size:13px;line-height:1.6;text-align:center;vertical-align:middle;} table.board-data2 td.left{text-align:left; padding-left:10px} .txt_biz_view .direction { margin-top: 30px;} .txt_biz_view ul li{margin-bottom:20px; line-height:1.6} .txt_biz_view ul li:before{content:"ㅇ"} .txt_biz_view ul li ul li{padding-left:10px; margin-bottom:0;} .txt_biz_view ul li ul li:before{content:"- "} .txt_biz_view ul li p{padding:0 0 5px 15px; margin-top:-20px} .txt_biz_view ul li.table_area{text-align:center} .txt_biz_view ul li.table_area:before, .txt_biz_view ul li.table_area ul li:before {content:""} .txt_biz_view ul li.table_area .table_title { margin-top: 50px; padding-bottom: 27px; font-size: 16px; color: #333; font-weight: 700; } .current_system dl { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 20px; margin-bottom: 30px; background-color: #f8f8f8; } .current_system dt span, .current_system dd span, .current_system dd li { position: relative; display: block; padding: 17px 10px; border: 1px solid #ddd; background-color: #fff; font-size: 14px; color: #444; text-align: center; z-index: 1; } .current_system dt { position: relative; width: 100%; margin-bottom: 20px; } .current_system dt::before { position: absolute; left: calc(50% - 246px); top:50%; width: 492px; height: 49px; border: 1px solid #999; border-bottom: 0; content: ""; } .current_system dt:after, .current_system dd:last-child span:after { position: absolute; bottom: -20px; left: calc(50% - 5px); width: 11px; height: 26px; background: url(../../portal/img/sub/bg_arrow.png) no-repeat 0 0; content: ""; } .current_system dd:last-child span:after { bottom: -26px; } .current_system dt span { width: 220px; margin:0 auto; } .current_system dd { width: 220px; display: flex; flex-direction: column; } .current_system dd span { display: flex; align-items: center; height: 90px; } .current_system dd span:only-child { display: flex; align-items: center; height: 100%; } .current_system dd.sec span { background-color: #dce7f6; } .current_system dd.sec span::before, .current_system dd.sec span::after { position: absolute; top:calc(50% - 5px); width: 26px; height: 11px; background: url(../../portal/img/sub/bg_arrow2.png) no-repeat 0 0; content: ""; } .current_system dd.sec span::before { left:-27px; } .current_system dd.sec span::after { right:-27px; transform: scaleX(-1) } .current_system dd.sec li::before { position: absolute; left:50%; top:-25px; width: 1px; height: 25px; border-left: 1px dashed #999; content: ""; } .current_system dd li { display: flex; align-items: center; margin-top: 25px; height: 90px; } @media (max-width: 800px){ .current_system .pcView { display: none; } } /*20221107 재외동포재단 재단사업 개요 CSS*/ .sub_visual{ display: block; width: 100%; height: 200px; background: url(../../portal/img/sub/int_busine_bg.png) ; } .section { margin-bottom: 42px } .sub_content { overflow:hidden; height:auto; } .sub_visual_btm{ display: block; padding: 30px; margin-bottom: 50px; width: 100%; font-size: 16px; font-weight: 300; line-height: 23px; color: #fff; background-color: #324ca1; } .bul_tt { margin: 0; padding: 0px 0px 1px 15px; vertical-align: middle; background: url('../../portal/img/sub/bl_bullet.png') no-repeat 7px 7px; background-position: 0 8px; line-height: 25px; } .btm { display: block; margin-bottom: 50px; } .section h3.tit_non_underline{ margin-bottom:30px; font-size:22px; font-weight: 500; border-bottom:0px solid #000; } .section h5.tit_non_underline{ margin-bottom:15px;padding-bottom:5px;font-size:17px;border-bottom:0px solid #000; } .sub_content.tit_type01.btm > .tit_non_underline + div:not(.gr_bx) > ul { display: flex; flex-wrap: wrap; } .sub_content.tit_type01.btm > .tit_non_underline + div:not(.gr_bx) > ul> li { margin-bottom: 20px; } .sub_content.tit_type01.btm > .tit_non_underline + div:not(.gr_bx) > ul > li:last-child { margin-bottom: 0; } hr.black { border-top: 1px solid #111; } .tit_type01 .caption{ position: relative; /* float: left; */ display: block; width: 365px; height: 100%; padding: 0 30px 30px 30px; background-color: #eff1f3; margin: 0 20px 20px 0; text-indent: 0; line-height: 1.4rem; } .tit_type01 li:nth-child(2n) .caption{ margin-right: 0; } .tit_type01 li:last-child .caption{ margin: 0; } .tit_type01 .caption h2{ position: relative; margin: 45px 0px 15px 0; font-size: 19px; color: #0f2ea0; } .tit_type01 .caption p{ position: relative; margin: 0px 0px; font-size: 14px; color: #333; } .caption .circle_btn{ background: url(../../portal/img/sub/circle_btn.png) no-repeat center; position: relative; top: -5px; width: 45px; height: 30px; border-radius: 15px; float: right; } .sub_ico { width: 43px; height: 43px; position: relative; top: 30px; left: 2px; } .tit_type01 .new01{ background-size: 40px; width: 40px;} .tit_type01 .new02{ background-size: 51px; width: 51px;} .tit_type01 .new03{ background-size: 48px; width: 48px;} .tit_type01 .new04{ background-size: 51px; width: 51px;} .tit_type01 .new05{ background-size: 51px; width: 51px;} .tit_type01 .new06{ background-size: 50px; width: 50px;} .tit_type01 .new07{ background-size: 51px; width: 51px;} .tit_type01 .new08{ background-size: 54px; width: 54px;} .tit_type01 .new09{ background-size: 51px; width: 51px;} .tit_type01 .new01, .tit_type01 .new02, .tit_type01 .new03, .tit_type01 .new04, .tit_type01 .new05, .tit_type01 .new06, .tit_type01 .new07, .tit_type01 .new08, .tit_type01 .new09 { height: 43px; position: relative; top: 30px; left: 2px; } .new01 { background-size: 75%; } .new02, .new03, .new04, .new05, .new06, .new07, .new08, .new09 { background-size: 100%; } .new01 { background: url(../../portal/img/sub/ico_item_new01.png)no-repeat center; } .new02 { background: url(../../portal/img/sub/ico_item_new02.png)no-repeat center; } .new03 { background: url(../../portal/img/sub/ico_item_new03.png)no-repeat center; } .new04 { background: url(../../portal/img/sub/ico_item_new04.png)no-repeat center; } .new05 { background: url(../../portal/img/sub/ico_item_new05.png)no-repeat center; } .new06 { background: url(../../portal/img/sub/ico_item_new06.png)no-repeat center; } .new07 { background: url(../../portal/img/sub/ico_item_new07.png)no-repeat center; } .new08 { background: url(../../portal/img/sub/ico_item_new08.png)no-repeat center; } .new09 { background: url(../../portal/img/sub/ico_item_new09.png)no-repeat center; } .bdl { border: 1px solid #ddd; text-align: center; padding: 40px; font-size: 18px; font-weight: 700; color: #111; margin-bottom: 50px; } .bdl_npd{ border: 1px solid #ddd; text-align: center; font-size: 18px; font-weight: 700; color: #111; margin-bottom: 20px; } .bdl_npd_s { float: left; display: block; text-align: center; font-weight: 400; line-height: 50px; color: #111; margin-bottom: 20px; width: 365px; height: 120px; padding: 5px 45px 12px; background-color: #f4f4f4; margin: 0 20px 20px 0; } .bdl_npd_w { overflow: hidden; display: block; text-align: left; font-weight: 400; line-height: 30px; color: #111; margin-bottom: 20px; width: 100%; padding: 5px 35px 35px; background-color: #f4f4f4; margin: 0 20px 20px 0; } .bdl_npd_w p{ display: inline-block; font-size: 14px; padding: 5px 45px 0px; margin: 0; position: relative; } .bdl_npd_w p::before { position: absolute; top:17px; left:34px; display: inline-block; width: 4px; height: 4px; background-color: #5b5b5b; content: ""; } .ins_box{ float: left; display: block; color: #111; width: 330px; height: 43px; padding: 15px 20px 0; } .ins_bul{ display: inline-block; background: url('../img/common/spr_common.png') no-repeat ; background-position: -104px -140px; width: 4px; height: 4px; position: relative; left: 33px; top: -3px; } .bld_npd_p li:nth-child(2n) .bdl_npd_s{ margin-right: 0; } .bdl_npd_s h3 { color: #0f2ea0 ; } .bdl_npd_s h3 strong{ margin: 0 3px 0 15px; font-size: 22px; } .bdl_npd_s ul li strong{ font-size: 18px; } .bdl_npd div { background-color: #fafafa; padding: 20px; font-size: 22px; } .mrgn { padding: 0 65px; color: #ccc; font-weight: 200; } .mrgn_s { padding: 0 20px; color: #ccc; font-weight: 200; } .bdl_npd_s hr{ border: none; background-color: #ccc; height: 1px; } .bdl_npd_w hr{ border: none; background-color: #e6e6e6; height: 1px; } .bdl_npd_s ul, .bdl_npd ul { display: table; margin-left: auto; margin-right: auto; } .bdl_npd_s li { float: left; margin: 0px 17px; } .bdl_npd li { float: left; margin: 35px 35px; } .hghlt { color: #ee5519; } @media all and (max-width:800px) { .sub_content.tit_type01.btm > .tit_non_underline + div:not(.gr_bx) > ul> li { width: 100%; } .tit_type01 .caption { width: 100%; margin-right: 0; } } /*교육사업*/ .con_top { table-layout: fixed; position: relative; top: 0px; width: 100%; color: #111; } /*20220921 수정*/ .con_top ul { display: table; box-sizing: border-box; padding-left: 120px; height: 90px; font-size: 18px; margin-bottom: 30px; font-weight: 600; } .con_top ul.sb_ic01 { background: url(../../portal/img/sub/bs_icon01.png) no-repeat 0 center; } .con_top ul.sb_ic02 { background: url(../../portal/img/sub/bs_icon02.png) no-repeat 0 center; } .con_top ul.sb_ic03 { background: url(../../portal/img/sub/bs_icon03.png) no-repeat 0 center; } .con_top ul.sb_ic04 { background: url(../../portal/img/sub/bs_icon04.png) no-repeat 0 center; } .con_top ul.sb_ic05 { background: url(../../portal/img/sub/bs_icon05.png) no-repeat 0 center; } .con_top ul.sb_ic06 { background: url(../../portal/img/sub/bs_icon06.png) no-repeat 0 center; } .con_top ul.sb_ic07 { background: url(../../portal/img/sub/bs_icon07.png) no-repeat 0 center; } .con_top ul.sb_ic08 { background: url(../../portal/img/sub/bs_icon08.png) no-repeat 0 center; } .con_top ul.sb_ic09 { background: url(../../portal/img/sub/bs_icon09.png) no-repeat 0 center; } .con_top ul li{ display: table-cell; vertical-align: middle; } .con_top div p{ word-break: keep-all; line-height: 30px; font-weight: 300; } .gr_bx{ word-break: keep-all; padding: 30px 35px; background-color: #f8f8f8; } .gr_bx ul{ word-break: keep-all; } .gr_bx ul li{ margin-left: 12px; padding: 0px 0px 18px 15px; vertical-align: middle; background: url(../../portal/img/sub/bul_gr44.png) no-repeat 4px 4px; line-height: 15px; } .gr_bx ul li:last-child{ padding-bottom:0; } .btn_tbl_section_center{margin:70px 0;text-align:right;text-align: center;} .bul_tt { margin: 0; padding: 0px 0px 1px 15px; vertical-align: middle; background: url('../../portal/img/sub/bl_bullet.png') no-repeat 7px 7px; background-position: 0 8px; line-height: 25px; } .btn_type8_md { display: inline-flex; justify-content: center; align-items: center; min-width: 210px; padding: 10px 20px; min-height: 57px; line-height: 1.4em; margin: 0 5px; border: 1px solid #1857b2; border-radius: 8px; background: #1857b2; font-size: 17px; color: #fff !important; transition: all 0.2s ease-out; white-space: normal ; } .btn_type9_md { display: inline-flex; justify-content: center; align-items: center; min-width: 210px; padding: 10px 20px; min-height: 57px; line-height: 1.4em; margin: 0 5px; border: 1px solid #333; border-radius: 8px; background: #333; font-size: 17px; color: #fff !important; transition: all 0.2s ease-out; white-space: normal } .btn_type8_md:hover { color: #1857b2 !important; background: #fff; } .btn_type9_md:hover { color: #333 !important; background: #fff; } .img_caution_new08 { display: inline-block; width: 26px; height: 24px; margin-left: 10px; vertical-align: middle; background: url(../../portal/img/sub/btn_ccArrW.png) no-repeat; transition: all 0.2s ease-out; } .btn_type8_md:hover .img_caution_new08{ background: url(../../portal/img/sub/btn_ccArrB.png) no-repeat; } .img_caution_new09 { display: inline-block; width: 26px; height: 20px; margin-left: 10px; vertical-align: middle; background: url(../../portal/img/sub/ico_dww.png) no-repeat; transition: all 0.2s ease-out; } .btn_type9_md:hover .img_caution_new09{ background: url(../../portal/img/sub/ico_dwg.png) no-repeat; } /*재단사업사진롤링_20220920*/ .activity_press2 {background-color: #ffffff; position: relative; width: 100%; padding: 0px;} .activity_press2 .swiper-container { background-color: #f6f6f6; } .scaleNew_sb {border: 1px solid #111111; height: auto; width: 100%; box-sizing: border-box; overflow: hidden;} .sb_btmBox {display: block; padding: 30px; text-align: center; background: #f6f6f6; font-size: 16px; color: #111111;} .scaleNew_sb img {width: 100%; vertical-align: top; display: block;} .sb_btmbox {padding: 20px;} .activity_press2 .swiper__button--circle { display: flex; align-items: center; justify-content: center; width: 50px;height: 50px;background: #111111;border-radius: 0;} .activity_press2 .swiper__button--circle.swiper-button-next:after, .activity_press2 .swiper__button--circle.swiper-button-prev:after { width: 21px; height: 21px; } .activity_press2 .swiper__button--circle.swiper-button-next {right: 0; top: 41.5%;} .activity_press2 .swiper__button--circle.swiper-button-prev {left: 0; top: 41.5%;} .activity_press2 .swiper-button-next.swiper-button-disabled, .activity_press2 .swiper-button-prev.swiper-button-disabled { opacity: 0.30; } /*swiper 버튼*/ .swiper-button-next, .swiper-button-prev { z-index: 1; } .swiper__button--circle { width: 64px; height: 64px; border-radius: 50%; background-color: #000; } .swiper__button--circle.swiper-button-next:after, .swiper__button--circle.swiper-button-prev:after { width: 24px; height: 24px; background-size: contain ; background-repeat: no-repeat; background-position: 50%; content: ""; } .swiper__button--circle.swiper-button-next:after { background-image: url(../../portal/img/sub/icon__swiper--next.png); } .swiper__button--circle.swiper-button-prev:after { background-image: url(../../portal/img/sub/icon__swiper--prev.png); } .swiper__buttons--box { width: 100px; height: 50px; display: flex; } .swiper__buttons--box [class*="swiper-button"] { position: relative; width: 50px; height: 50px; top:0; margin:0; left:auto; right:auto; background-color: #1428a0; } .swiper__buttons--box .swiper-button-next:after, .swiper__buttons--box .swiper-button-prev:after { width: 20px; height: 20px; background-size: 20px auto; background-repeat: no-repeat; background-position: 50%; font-size: 0; } .swiper__buttons--box .swiper-button-next:after { background-image: url(../../portal/img/sub/icon__swiper--next.png); } .swiper__buttons--box .swiper-button-prev:after { background-image: url(../../portal/img/sub/icon__swiper--prev.png); } .swiper__buttons--box .swiper-button-next.swiper-button-disabled, .swiper__buttons--box .swiper-button-prev.swiper-button-disabled { opacity: 1; background-color: #ccc; } @media (max-width: 800px){ #lnb { display: none; } .content-top .sns_wrap { position: relative; top: 70px; float: right } .content-top { position: relative; padding:0 0 15px 0; margin:5px 0 0 0; width: 100%; height: 145px; outline: none; border-bottom: 2px solid #ccc; } #content_wrap{float:none;width:95%;margin:0 auto} .tit_type01 .caption{ width: 100%; } .mrgn { padding: 0 8%; color: #ccc; font-weight: 200; } .bdl { padding: 40px 10px; } .bdl_npd_s { width: 100%; padding: 5px 25px 12px; } .bdl_npd li { float: none; margin: 25px 35px; } .bdl_npd_w { padding: 5px 5% 35px; } .ins_box { width: 100%; padding: 15px 20px 0; } .bdl_npd_w p { padding: 5px 10px 0 45px; } .btn_type8_md { width: 100%; } .con_top { margin-top: 30px;} } /* OKF웹진 20230126추가*/ .page_info_box2 .btn_tbl_sectionL_2{margin-bottom:30px}