@charset "utf-8";
/* CSS Document */
html{width:100%;height:100%;/*background:url("../images/bg.gif") top center no-repeat;*/}

body{min-width:1800px;height:100%;/*background:url("../images/bg.gif") top center no-repeat; */color:#1e3957; text-align:left; }

a:hover{color:#0068b7}

.text_blue{color:#0068b7;}

.Header{width:100%; height:460px; margin:0 auto;background:url("../images/top_visual.png") top center no-repeat;}
.Header .H_month{position:relative;top:57px;left: -700px;width: 260px;margin: 0 auto;}
.Header .H_title{position:absolute; top:74px;left:510px;}
.Header .H_ncc{position:absolute; top:86px;left:1055px;z-index:0}
.Header .H_gnb{width:1400px;margin:183px auto 0 auto;border-bottom:3px solid #e9e9e9;z-index:2;position:relative;}
.Header .H_wave{width:1920px;height:50px;position:absolute;z-index:10;top:366px;margin:0 auto;background:url("../images/top_wave.png") top center no-repeat;}
/*
.Header .H_gnb{width:1400px;margin:395px auto 0 auto;border-bottom:3px solid #e9e9e9;z-index:2;position:relative;left:-300px;}
.Header .H_wave{position:absolute;z-index:10;top:366px;left:-300px;margin:0 auto;width:100%;height:50px;background:url("../images/top_wave.png") top center no-repeat;}
*/
.Header .H_gnb ul{display:block;border-bottom:2px solid #bdbdbd}
.Header .H_gnb ul li{margin:25px 42px;display:inline-block;font-size:30px;font-weight:600;letter-spacing:-4px;}
.Header .H_gnb ul li a.on{color:#204fa9}
.Header .H_center{_width:1903px; margin:0 auto; position:relative;overflow:hidden;}


.Contant{width:1800px; min-height:650px; line-height:1.5em;  margin:-84px auto 50px auto; background:#fff;position:relative;z-index:1}
.Contant h2{color:#284974;font-size:30px;line-height:1.5em;font-weight:bold;margin-bottom:10px;letter-spacing:-1px;}
.Contant .C_center{width:1400px; margin:0 auto; padding:250px 0 100px 0;}
.Contant .C_center.main{padding-top:180px;}
.Contant .indent{}
.Contant img{}
h2.sub_title{position:absolute;top:475px;left:50%;margin-left:-900px;font-size:30px;font-weight:600;width:1800px;padding:20px 0 25px 0;text-align:center;background:url('../images/h2_bg.gif') top repeat-x;color:#fff;z-index:999}

.overhidden{overflow:hidden;}

.Contant .con01{background:#1e3957;height:530px;overflow:hidden;text-align:center;color:#fff; margin-bottom:15px; }
.Contant .con01 strong{font-size:36px;font-weight:600;line-height:1.5;margin:25px 0 10px;display:block}
.Contant .con01 strong span{font-size:22px;;display:block;margin:10px 0 0 0;}
.Contant .con01 a{display:block;height:426px;}
.Contant .con01 a:hover strong, .Contant .con01 a:hover span{color:#c3e5ff}
.Contant .con01 .photo{margin-bottom:10px;}

.Contant .con01_bn {overflow:hidden}
.Contant .con01_bn div{float:left;margin-bottom:10px;}
.Contant .con01_bn div.last{margin-left:90px}
.Contant .con01_bn div p.photo{_margin-right:18px;}
.Contant .con01_bn .photo{width:131px;display:inline-block;margin:0 0 0 5px; text-align:center;}
.Contant .con01_bn .photo img{margin-left:0;}
.Contant .con01_bn .photo.pp p{display:inline-block;margin:0;vertical-align:top}
.Contant .con01_bn .photo.pp p span{display:block;font-size:15px;line-height:1.5; font-weight:600;letter-spacing:-1px}
.Contant .con01_bn .photo.pp img{width:120px}

.Contant .con02 {width:65.5%;margin-right:0.5%;float:left;}
.Contant .con02 div{overflow:hidden;margin-bottom:10px;}
.Contant .con02 div p.photo{float:left;margin-right:12px;width:173px;height:80px;background:#ffffff;border:1px solid #ccc;text-align:center;margin-top:5px}
.Contant .con02 div p.photo img{}
.Contant .con02 div p.text{display:inline-block;font-weight:400;padding-top:14px;font-size:23px;letter-spacing:-2px;line-height:1.3}
.Contant .con02 div p.text.line1{padding-top:27px;}
.Contant .con02 div p.text.line3{padding-top:0;}
.Contant .con03 {display:flex;flex-direction:row;}
.Contant .con03>div{position:relative;flex: 1 0 auto;width:46.5%;min-height:270px;display:inline-block;margin-right:3%;padding:1%;border:1px solid #fff;box-shadow:2px 2px 15px #6c6c6c }
.Contant .con03>div strong{display:block;border-bottom:1px solid #ccc;font-size:28px;;line-height:1.3;font-weight:600;letter-spacing:-2px;padding:14px 20px 10px 20px;}
.Contant .con03>div strong span{font-size:16px;;margin-left:10px;letter-spacing:0;}
.Contant .con03>div ul{padding:15px;}
.Contant .con03>div ul li{margin-bottom:14px;padding-left:24px;}
.Contant .con03>div ul li.line{border-top:1px dotted #ccc;}
.Contant .con03>div ul li.line:before{content:""}
.Contant .con03>div ul li a{font-size:20px;}
.Contant .con03>div ul li a.link_blue{color:#0068b7;}
.Contant .con03>div ul li:last-child{margin-bottom:0}
.Contant .con03>div ul li:before{display:inline-block;content: "ㆍ";position:absolute;margin-left:-29px;;font-size:30px;margin-top:-3px;}

.Contant .con03>div .c01{color:#0068b7}
.Contant .con03>div .c02{color:#e60012}
.Contant .con03>div .c03{color:#0ba95f}
.Contant .con03>div .c04{color:#214d8e}
.Contant .con03>div .c05{color:#fcc800}

.Contant .con03 .c01 a:hover{color:#0068b7 !important}
.Contant .con03 .c02 a:hover{color:#e60012 !important}
.Contant .con03 .c03 a:hover{color:#0ba95f !important}
.Contant .con03 .c04 a:hover{color:#214d8e !important}
.Contant .con04 .c05 a:hover{color:#fcc800 !important}


.Contant .con04 {overflow:hidden}
.Contant .con04 strong{display:block;font-size:28px;line-height:1.3;font-weight:bold;letter-spacing:-2px;padding:1rem;color:#fcc800}
.Contant .con04 strong span{font-size:16px;margin-left:10px;letter-spacing:0;}
.Contant .con04 div{margin-right:13px;float:left;width:340px;height:280px;}
.Contant .con04 div.last{margin-right:0}
.Contant .con04 div p.photo{margin-right:18px;}
.Contant .con04 div p.photo img{border:1px solid #ccc}
.Contant .con04 div p.text{display:inline-block;font-weight:600;padding:10px 0 10px 10px;font-size:21px;letter-spacing:-2px;line-height:1.3}


.Contant .con06 {overflow:hidden}
.Contant .con06 div{float:left;}
.Contant .con06 div.last{margin-left:13px}
.Contant .con06 div p.photo{_margin-right:18px;}
.Contant .con06 .photo{display:inline-block;margin:0 10px; text-align:center;}
.Contant .con06 .photo img{margin-left:0;}
.Contant .con06 .photo.pp p{display:inline-block;margin:0 5px;vertical-align:top}
.Contant .con06 .photo.pp p span{display:block;font-size:15px;line-height:1.5; font-weight:600;letter-spacing:-1px}
.Contant .con06 .photo.pp img{width:120px}

.Contant .con05{overflow:hidden;}
.Contant .con05 strong{display:block;font-size:28px;line-height:1.3;font-weight:bold;letter-spacing:-2px;padding:1rem;color:#ff8a00}
.Contant .con05 strong span{font-size:16px;margin-left:10px;letter-spacing:0;}
.Contant .con05 div{margin-right:20px;float:left;width:453px;}
.Contant .con05 div.last{margin-right:0}
.Contant .con05 div p.photo{}
.Contant .con05 div p.photo img{width:100%;}


.btn_top{border-radius:50px;background:#4d5d73;color:#fff;position:fixed;right:140px;bottom:70px;z-index:100;text-align:center;line-height:1.2em;padding-top:4px;}
.btn_top a{width:50px; height:46px;display:inline-block;}
.btn_top a:hover{color:#fff;}

.btn_home{border-radius:50px;background:#4d5d73;color:#fff;position:fixed;right:140px;bottom:130px;z-index:100;text-align:center;line-height:1.2em;padding-top:4px;}
.btn_home img{width:25px;margin-top:6px;}
.btn_home a{width:50px; height:46px;display:inline-block;}
.btn_home a:hover{color:#fff;}

#content .con {clear:both; margin-bottom:80px;padding-bottom:80px; border-bottom:1px solid #1e3957; color:#4d5d73}
#content .con.last{border-bottom:0;padding-bottom:20px}
#content .con:after{content:""; display:block; clear:both;}
#content .con.end { border-bottom:none;}
#content .con h3{color:#284974;font-size:30px;line-height:1.5em;font-weight:bold;margin-bottom:34px;letter-spacing:-1px;}
#content .con h3 span{}
#content .con h4{color:#284974;font-size:24px;line-height:1.5em;font-weight:bold;margin-bottom:14px;}
#content .con h5{color:#284974;font-size:20px;line-height:1.5em;font-weight:bold;margin-bottom:10px;}
#content .con p{font-size:20px;line-height:1.7em;}
#content .con .h3{display:inline-block;color:#284974;font-size:30px;line-height:1.5em;font-weight:bold;margin-bottom:15px;letter-spacing:-1px;}

#content .con .s_tt{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#555;font-weight:bold;}
#content .con .s_tt2{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#3f7609;font-weight:bold;}
#content .con .s_tt3{font-size:18px;line-height:1.5em;margin-bottom:10px;color:#555;font-weight:bold; letter-spacing: -0.7px}
#content .con .photo{float:right; margin-left:30px;margin-bottom:30px;text-align:center;}
#content .con .photo p{font-size:16px;}
#content .con .photo img{margin-left:0;}
#content .con .photo.pp.ml0{margin-left:0 !important}
#content .con .photo.pp p{display:inline-block;vertical-align:top;}
#content .con .photo.pp p span{display:block;font-size:15px;line-height:1.5; font-weight:600;letter-spacing:-1px}
#content .con .photo.pp img{width:120px}
#content .con .photo .table_tit{margin:15px 0 10px 0;font-size:17px;font-weight:bold}
#content .con>img{float:right; margin-left:30px; margin-bottom:8px;}
#content .con p strong{font-weight:bold;}

.bot div{width: 655px; height: 200px; background: url("https://ncc.re.kr/images/main_2021/main_bg.png") right bottom no-repeat #1D648E; border: 3px solid #fff; padding: 30px 40px;float: right;}
.bot div h2{ position: relative; width: 260px; font-size: 22px; font-weight: 800; margin-bottom: 15px;}
.bot div h2::after{content: ""; display: inline-block;width:30px; height: 30px; background: url("https://ncc.re.kr/images/main_2021/main_icon_2021.png") -300px 0px no-repeat;position: absolute; right: 30px; top:3px; }
.bot div p{line-height: 1.4; font-weight: 300; font-size:21px;}
.bot div a{display: block; background: #fff; color: #16648b; width: 85px; height: 29px; text-align: center; padding-top: 5px; font-size: 15px; font-weight: 400; margin-top: 15px;}
.bot div button{display: block; background: #fff; color: #16648b; width: 92px; height: 29px; text-align: center; font-size: 15px; font-weight: 400; margin-top: 15px;}

.footer{border-top:1px solid #bdbdbd;padding-top:30px;}
.footer .copylogo img{margin:10px 0 0 18px;}
.footer p {margin-bottom:10px;line-height:22px;}

.banner{margin-bottom:40px;}

.st_table02{clear:both;width:100%;border-top:2px solid #4287b2;word-break:break-all}
.st_table02 th, .st_table03 th{padding:7px 5px;text-align:center;border-top:1px solid #ffffff;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;background:#f5f5f5;}
.st_table02 th:first-child, .st_table02 td:first-child, .st_table03 th:first-child, .st_table03 td:first-child{border-left:0 none}
.st_table02 td{padding:5px 5px;text-align:center;line-height:22px;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
.st_table02 td.left{text-align:left;padding:5px 15px;}
.st_table02 td.right{text-align:right;padding:5px 5px;}
.st_table02 td.center{text-align:center;border:0}
.st_table02 th.left{text-align:left;padding:7px 5px;font-weight:normal}
.st_table03 th.left{text-align:left;padding:7px 5px 7px 7px}
.st_table02 th.line{border-right:1px solid #d3d3d3;}
.st_table03 th.line{border-right:1px solid #d3d3d3;}
.st_table02 td.line, .st_table03 td.line{border-right:1px solid #d3d3d3;}
.st_table02 td.bdleft, .st_table02 th.bdleft, .st_table03 td.bdleft, .st_table03 th.bdleft{border-left:1px solid #d3d3d3 !important;}
.st_table03 td{padding:5px 10px;text-align:left;line-height:22px;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
.st_table02 tbody th{background:#f3f8fe;font-weight:normal}
.st_table02 tbody th.bgnone{background:0 none}
.st_table02 td.bg_b{background:#f3f8fe;}
.st_table02 td strong{font-weight:bold !important}
.st_table02.type2 th{padding:7px 5px}
.st_table02.type2 td.left{text-align:left;padding:5px;}
.st_table02.type2 td.right{text-align:right;padding:5px;}
.st_table02 .le_th{border-left:0 none;text-align:left}
.st_table02 td.right{text-align:right}

.guide_table td{font-size:20px;padding:0 20px;line-height:2;vertical-align:top;border-right:1px dotted #ccc}
.guide_table td:last-child{border-right:0}
.guide_table .text_center{text-align:center}
.guide_table strong{font-weight:600}

.guide_table02 td{padding:0}
.guide_table02 td.alignTop{vertical-align:top}

.youtube_img {overflow:hidden;}
.youtube_img img{float:left}
.youtube_img .btn_youtube{float:right}

.btn_youtube{background:#204fa9;font-size:22px;padding:13px 30px 15px 30px;border-radius:35px;line-height:30px;font-weight:bold;color:#fff}
.btn_youtube:hover{color:#bbdeff}

.btn_thanks{right:200px;margin-top:-10px;position:absolute;background:#204fa9;font-size:18px;border-radius:35px;font-weight:bold;color:#fff}
.btn_thanks a{padding:10px 30px 13px 30px;line-height:28px;display:inline-block}
.btn_thanks a:hover{color:#bbdeff !important}

.sns{margin-top: 45px; display: block;  position: relative;}
.sns > div{color: #222;}
.sns > div h2{font-size: 35px; font-weight: 800; margin-bottom: 20px;}
.sns ul{display:flex;flex-direction:row;}
.sns ul li { position:relative;flex: 1 0 auto;margin-right:13px; }
.sns ul li:last-child{margin-right:0}
.sns ul li a {display:inline-block; font-size:20px; font-weight:200; color:#222; width:100%; margin-right:10px;  border:1px solid #ccc; text-align:center; padding:13px 0px 17px 0;}

.sns ul li a.ri_s {
 
}
.sns ul li a.youtube_s {
  background:url("https://ncc.re.kr/images/main_2021/logo_youtube.png") 75px 17px no-repeat;
  text-indent:40px;
}
.sns ul li a.facebook_s {
  background:url("https://ncc.re.kr/images/main_2021/logo_facebook.png") 77px 14px no-repeat;
  text-indent:40px;
}
.sns ul li a.instagram_s {
  background:url("https://ncc.re.kr/images/main_2021/logo_instagram.png") 80px 13px no-repeat;
  text-indent:40px;
}
.sns ul li a.blog_s {
  background:url("https://ncc.re.kr/images/main_2021/logo_blog.png") 81px 14px no-repeat;
  text-indent:45px;
}
.sns ul li a.tv_s {
  background:url("https://ncc.re.kr/images/main_2021/logo_tv.png") 86px 12px no-repeat;
  text-indent:45px;
}

.btn_gcsp{text-align:center;margin-bottom:80px;}
.btn_gcsp a{display:inline-block;padding:14px 34px 18px;font-weight:600;font-size:18px;color:#fff;background:#0072bc;border-radius:30px;}
/*
#content .con .dot_line{border-top:2px dotted #ccc;padding-top:30px;}
#content .con .dot_line2{border-top:2px dotted #ccc;padding-top:20px;margin-top:20px;}
#content .con .dot_line_h{border-right:2px dotted #ccc;padding-right:20px;}
#content .con .half{width:50%;float:left;}
#content .con .gray_box{background-color:#e8eef1;padding:20px;}
*/

.retirement_mes{border:2px dotted #ccc;padding:20px 24px;background:#f6f6f6}
.retirement_mes .name{font-weight:bold; margin-bottom:10px;}
.retirement_mes strong{display:block;font-weight:bold;}