.category{ text-align:center;}
.category ul{ background:#F90}
.category li{ position:relative; display:inline-block;  }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:35px; border-right:1px #fff solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#fff; display:block;padding:30px 30px; font-size:23px; }
.category .selected2 a{ position:relative; color:#111; font-weight:600;}

.category h2{ margin-top:100px; font-size:50px; font-weight:800; border-bottom:1px #ddd solid; padding-bottom:20px; }


.sub_top_box { position:relative; height:600px;  color: #fff; word-break: keep-all; background-position:100% 50%; background-size:100% auto; background-repeat:no-repeat;}
.sub_top_box:before{ content:''; position:absolute; bottom:0; left:10%; background:#111; width:50%; height:300px;}
.sub_top_box:after{ content:''; position:absolute; top:0; left:0; background:#111; width:10%; height:300px;}
.sub_top_box h3{ color:#fff; padding-top:380px; font-size:100px; font-weight:900}
.sub_top_box h3 span{ display:block; font-size:27px; font-weight:500; letter-spacing:15px;}

.snbTit{ padding-top:100px; text-align:center;}


.subContent{ margin-top:100px; word-break:keep-all; line-height:30px; color:#555;}
.subContent h1{ font-size:30px; font-weight:500; color:#222; margin-bottom:20px;}

.cscroll_768{ margin-bottom:150px; }

.conType01 dl{ position:relative; border-bottom:1px #ddd solid; padding:50px 0;}
.conType01 dl dt{ position:absolute; top:20px; left:0; font-size:30px; color:#222; font-weight:400; line-height:40px; }
.conType01 dl dt:before{ content:'';display:block; width:100px; height:70px; margin-bottom:10px;}
.conType01 dl:nth-child(1){ border-top:2px #111 solid;}
.conType01 dl:nth-child(1) dt:before{  background:url(/theme/gsbnb/img/sub/num_01.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(2) dt:before{  background:url(/theme/gsbnb/img/sub/num_02.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(3) dt:before{  background:url(/theme/gsbnb/img/sub/num_03.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(4) dt:before{  background:url(/theme/gsbnb/img/sub/num_04.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(5) dt:before{  background:url(/theme/gsbnb/img/sub/num_05.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(6) dt:before{  background:url(/theme/gsbnb/img/sub/num_06.png) no-repeat; background-size: auto 100%;}
.conType01 dl:nth-child(7) dt:before{  background:url(/theme/gsbnb/img/sub/num_07.png) no-repeat; background-size: auto 100%;}

.conType01 dl dt span{ display:block; font-weight:600;}
.conType01 dl dd{ margin-left:20%;}

.conType02 dl{ position:relative; margin-top:70px;}
.conType02 dl:nth-child(1){ margin-top:0;}
.conType02 dl dt{ display:block;font-size:30px;color:#222;}
.conType02 dl dt span{font-weight:600;}
.conType02 dl dd{ margin-top:20px;}

.conType03 li{ position:relative; padding-left:15px;margin-bottom:5px;}
.conType03 li:before{ content:''; position:absolute; top:13px; left:0; width:7px; height:1px; border-top:1px #555 solid; }

.conType04 li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 37px); margin-right:50px;}
.conType04 li:last-child{ margin-right:0;}
.conType04 li img{ width:100%;}
.conType04 li p{ margin-top:20px;}


.conType05 dl{  border-bottom:1px #ddd solid; padding:70px 0;}

.conType05 dl dt{ display:inline-block; vertical-align:top; width:20%;}
.conType05 dl dd{display:inline-block; vertical-align:top; width:calc((100% - 20%) - 155px);margin-left:150px;}
.conType05 dl:nth-child(1){ margin-top:0;border-top:2px #111 solid;}

.conBox{ background:#f2f6f9; padding:50px 70px;}

.pre img{width: 100%; margin-bottom: 100px;}


.border {border-right: 1px solid #d5d5d5 !important;}
.yellow {background: #f5bb2c;}
.green {background: #6de3b8;}
.gray {background: #e7e7e7;}
.table-board01 { border-top:2px #222 solid; border-bottom: 1px solid #d5d5d5; color: #000; width:100%;word-break:keep-all;}
.table-board01 th, .table-board01 td {padding: 20px 30px;border-right: 1px solid #d5d5d5; vertical-align: middle; text-align: center; border-bottom: 1px solid #d5d5d5;}
.table-board01 thead th {background: #666; color:#fff;} 
.table-board01 thead td{ background:#ddd}
.table-board01 th:last-child, .table-board01 td:last-child {border-right: none;}
.table-board01 tbody th {background: #f5f5f5;letter-spacing:0; font-weight:500; font-size: 23px;}
.table-board01 tbody td {color: #555;letter-spacing:0; }
.table-board01 tbody p {display:block;}
.table-board01 .br{ border-right: 1px solid #d5d5d5 !important; }
.table-board01 .bl{ border-left:1px solid #d5d5d5 !important; }
.table-board01 .al{ text-align:left;}


.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:600px !important;}

.p10001 .s01 img{ width:200px;}
.p10001 .s02 dt{ font-size:35px; font-weight:600; color:#111; padding-top:10px; line-height:45px;}
.p10001 .s02  .area01 li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 30px); margin-right:40px;}
.p10001 .s02  .area01 li:last-child{ margin-right:0;}
.p10001 .s02  .area01 li img{ width:100%;}
.p10001 .s02  .area01 .area p{ position:relative; padding-left:100px;}
.p10001 .s02  .area01 .area p span{ position:absolute; top:0; left:0; font-weight:600;  color:#000;}
.p10001 .s02  .area01 .fs25{ color:#000;text-align:center; background:#f29222; color:#fff; padding:10px 0;margin-bottom:5px;}
.p10001 .s02  .area02 img{ width:100%;}
.p10001 .s02  .area03 li{ position:relative; padding-left:100px; margin-bottom:10px;}
.p10001 .s02  .area03 li span{ position:absolute; top:0; left:0; font-weight:600;}


.p20001 .date{ text-align:center; font-size:45px; text-align:center; display:block;  font-weight:900; margin-bottom:30px; background:#111; color:#3C9; padding:20px 0;}
.p20001 .date span{ font-weight:500; font-size:25px; margin-left:20px;}
.p20001 li{ display:inline-block; vertical-align:top; width:calc((100% / 3) - 98px); margin-right:70px; padding-right:70px; border-right:1px #555 solid; border-bottom:1px #555 solid; margin-bottom:70px; padding-bottom:70px;}
.p20001 li:nth-child(3n+3){margin-right:0; padding-right:0; border-right:0;}
.p20001 img{ width:100%;}
.p20001 .area{ position:relative; margin-bottom:15px;}
.p20001 .area .tit{ position:absolute; bottom:0; right:0; background:#000; color:#fff; padding:20px; width:70%;}


.p30001 .fs30{ line-height:45px;}
.p30001 .gift {    margin: 50px 0;}
.p30001 .gift h2{color: #000; margin-bottom: 10px;}
.p30001 .gift p{}

.p30002 .s01 li{ display:inline-block; vertical-align:top; text-align:center; width:calc((100% / 4) - 26px); margin-right:30px; }
.p30002 .s01 li:last-child{ margin-right:0;}
.p30002 .s01 .area{ background:#099; color:#fff; padding:25px 0 20px 0;}
.p30002 .s01 li img{ width:100%; margin-bottom:20px;}

.p30002 .s02{background:url(/theme/gsbnb/img/sub/3/p30002-05.jpg) no-repeat;color:#fff; padding:150px 0; margin-top:150px;}
.p30002 .s02 li{ display:inline-block; vertical-align:top; text-align:center; width:calc((100% / 5) - 28px); margin-right:30px; }
.p30002 .s02 li:last-child{ margin-right:0;}
.p30002 .s02 li img{ width:100%;}
.p30002 .s02 .tit{ background:#000; padding:15px 0; margin-bottom:15px;}
.p30002 .s02 .tit span{ display:block; color:#3CF; font-size:25px; font-weight:700;}
.p30002 .s02 .area{ border-top:1px #999 solid; padding-top:50px; margin-top:50px; font-size:25px;}
.p30002 .s02 .area p{ position:relative; padding-left:180px; margin-bottom:20px;}
.p30002 .s02 .area p span{ position:absolute; top:-5px; left:0; background:#3CF; padding:5px 20px; border-radius:10px; color:#222; font-weight:700;}

.p30003 .s01 .area-in{ display:inline-block; vertical-align:top; width:calc((100% / 2 ) - 73px); margin-right:70px; padding-right:70px;border-right:1px #ccc solid;}
.p30003 .s01 .area-in:last-child{ margin-right:0; padding-right:0; border:none;}
.p30003 .s01 .area-in .fs25{ background:#0076a3; color:#fff; padding:10px 0; margin-bottom:15px;}
.p30003 .s01 .area-in .tit{ font-size:23px; color:#111; font-weight:500;}
.p30003 .s02{  margin-top:150px; }
.p30003 .s02 li{display:inline-block; vertical-align:top; width:calc((100% / 3 ) - 50px); margin-right:70px;text-align:center;}
.p30003 .s02 li:last-child{ margin-right:0;}
.p30003 .s02 li img{ width:100%; margin-bottom:20px;}
.p30003 .s02 .tit{ background:#555; color:#fff;  padding:10px 0;}
.p30003 .s02 .time{ margin:15px 0;}

.p30003 .bg{background:#efefef; padding:150px 0; }


.p40001 img{ width:100%;}

@media all and (max-width : 1920px){
	
	
	.subContent{ margin-top:70px; line-height:25px;}
	.sub_top_box {height:400px; }
	.sub_top_box::before{ height:200px;}
	.sub_top_box h3{ padding-top:250px; font-size:77px;}
	.sub_top_box h3 span{ font-size:20px;}
	.sub_top_box::after{ height:200px;}
	.category h2{ font-size:37px; margin-top:70px;}
	.category a{ padding:25px 30px; font-size:20px;}
	.category li:before{ top:25px;}
	
	.table-board01 th, .table-board01 td {padding: 30px 20px;}
	
	
	.p10001 .s01 img{ width:150px;}
	
	.p20001 .date{ font-size:40px;}
	.p20001 li{ margin-right:50px; padding-right:50px;width: calc((100% / 3) - 70px);margin-bottom:50px;padding-bottom:50px;}
	
	.p30001 .fs30{ line-height:40px;}
	.p30002 .s02{ padding:100px 0; margin-top:100px;}
	.p30002 .s02 li{ width:calc((100% / 5) - 19px); margin-right:20px; }
	.p30002 .s02 .tit span{ font-size:23px}
	.p30002 .s02 .area p{padding-left:170px;}
	.p30002 .s02 .area{ font-size:21px; line-height:33px;}
	
	
	.p30003 .s01 .area-in .tit{ font-size:20px;}
	.p30003 .bg{ padding:100px 0;}
	.p30003 .s02{ margin-top:100px;}
	.p30003 .s02 li{margin-right:40px;width: calc((100% / 3 ) - 29px);}
	
	.root_daum_roughmap .wrap_map{height:500px !important;}
	
	

}

@media all and (max-width : 1280px){
	.sub_top_box{background-size: auto 100%; margin-top:55.5px;}
	.sub_top_box .inner{ height:100%;}
	.sub_top_box::before{ display:none;}
	.sub_top_box::after{ display:none;}
	.sub_top_box h3{ padding-left:20px; background:#000; padding:30px; position:absolute; bottom:0; left:0; font-size:50px;}
	
	.p10001, .p20001, .p40001, .category h2, .p30001, .p30002 .s01, .p30003 .s01, .p30003 .s02:nth-child(3){ margin:50px 10px 0 10px;}
	.p30003 .s02:nth-child(2){ padding:70px 10px;}
	
	.p20001 li{ width:calc((100% / 3) - 43px); margin-right:30px; padding-right:30px; margin-bottom:30px; padding-bottom:30px;}
	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	.p30002 .s02{ padding:100px 10px 100px 10px;}
	.p30003 .s02 li{margin-right:20px;width: calc((100% / 3 ) - 16px);}
	
	.conType05 dl dd { width: calc((100% - 20%) - 74px);  margin-left:70px;}

}

@media all and (max-width : 960px){
	.p20001 li{ width:calc((100% / 2) - 33px); margin-right:30px; padding-right:30px; margin-bottom:30px; padding-bottom:30px;}
	.p20001 li:nth-child(3n+3){margin-right:30px; padding-right:30px; border-right:1px #555 solid;;}
	.p20001 li:nth-child(2n+2){margin-right:0; padding-right:0; border-right:0;}
	
	.p30002 .s01 li{width: calc((100% / 2) - 17px); margin-bottom:20px;}
	.p30002 .s01 li:nth-child(2n+2){ margin-right:0;}
	
	.p30002 .s02 li{width: calc((100% / 4) - 18px);}
	.p30002 .s02 li:nth-child(4){ margin-right:0;}
	.p30002 .s02 li:nth-child(5){ display:none;}
	
	.p30003 .s01 .area-in{width: calc((100% / 2 ) - 33px);margin-right:30px;padding-right:30px;}
	
	.p30003 .fs40{ margin-bottom:10px;}
	
	
	.conType05 dl{ padding:30px 0;}
	.conType05 dl dt{ width:100%; margin-bottom:15px;}
	.conType05 dl dd{ width:100%; margin:0;}
	
	.p10001 .s02 .area01 li{width: calc((100% / 3) - 13px);margin-right:15px;}
	.p10001 .s02 .area01 .area p{ padding-left:80px;}
	
}


@media all and (max-width : 640px){
	.p20001 .date{ font-size:35px;}
	.fs30{ font-size:20px; line-height:25px;}
	
	.category a{ padding:20px 15px; font-size:17px;}
	.category li::before{ top:20px;}
	
	.sub_top_box{ height:300px;}
	.sub_top_box h3 span{ font-size:17px; letter-spacing:5px;}
	.sub_top_box h3{ font-size:30px;}
	
	.p30002 .s01 .area{ padding:15px 0 10px 0;}
	.p30002 .s02{ background-size:cover;}
	.p30002 .s02 li{width: calc((100% / 2) - 10px); margin-right:15px;}
	.p30002 .s02 li:nth-child(2n+2){ margin-right:0;}

	.p30002 .s02 .area{ font-size:17px; line-height:25px;}
	.p30002 .s02 .area p{ padding-left:140px;}
	.p30002 .s02 .area p span{ top:0;}
	
	.p30003 .s01 .area-in{ width:100%; padding:0; margin:0; border:none;}
	
	.p30003 .s02 li{ width:100%; margin:0 0 20px 0;}
	.p10001 .s02 dt{ font-size:27px;}
}

@media all and (max-width : 480px){
	.p20001 .date{ font-size:30px;}
	.p20001 li{ width:calc((100% / 2) - 13px); margin-right:10px; padding-right:10px; margin-bottom:10px; padding-bottom:10px;}
	.p20001 li:nth-child(3n+3){margin-right:10px; padding-right:10px; border-right:1px #555 solid;;}
	.p20001 li:nth-child(2n+2){margin-right:0; padding-right:0; border-right:0;}
	.p20001 .area .tit{ position:relative; width:calc(100% - 40px);}
	
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	.p30001 .fs30{ line-height:35px;}
	
	.p30002 .s01 li{width: calc((100% / 2) - 7px); margin-right:10px;}
	
	.p10001 .s02 .area01 li{ width:100%; margin:0 0 20px 0;}
}