


.location{ color:#777;margin-bottom:50px;}
.location .xi-angle-right-min{ padding:0 10px;}


.subTitleSubject{ margin:100px 0 20px 0;}
.sub-area{ position:relative; margin:0 10%;}


.category{ position:absolute; bottom:0; left:0; background:#fff; width:100%; text-align:center;  }
.category ul{border-bottom:1px #ddd solid; margin:0 10%;}
.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:32px; border-right:1px #ccc solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#777; display:block;padding:30px 40px; font-size:23px; }
.category .selected2 a{ position:relative; color:#36C; font-weight:600;}
.category .selected2 a:before{ content:''; position:absolute; left:0; bottom:0;background:#36C; width:100%; height:3px; }


.tabmenu_box{}
.depth3 { margin:0 20%;}
.depth3 ul { display: flex; justify-content: center;}
.depth3 ul li{ display:table; width:calc(100% / 3)}
.depth3 ul li a{display:table-cell; width:100%; height:70px; padding:0 4%;  box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; letter-spacing:0; font-weight:500; font-size:23px; text-align:center; vertical-align:middle; color:#20273a; }
.depth3 ul li:nth-child(1) a, .depth3 ul li:nth-child(2) a, .depth3 ul li:nth-child(3) a, .depth3 ul li:nth-child(4) a, .depth3 ul li:nth-child(5) a{border-top-width:1px;}
.depth3 ul li:first-child a, .depth3 ul li:nth-child(5n+1) a{border-left-width:1px;}
.depth3 ul li.on a, .depth3 ul li.active a, .depth3 ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;}


.subContent .c-table{ width:100%;} 
.subContent .c-table th{ background:#efefef;}
.subContent .c-table th, .subContent .c-table td{ border:1px #ddd solid; text-align:center; padding:15px} 
.subContent .c-table .al{ text-align:left !important; }


.sub_top_box{ height:770px; background-size:cover; background-position:100% 100%; text-align:center; }
.sub_top_box .inner{ height:100%;}

.sub_vTxt{ color:#fff; padding-top:300px;}


.p00001 li{ position:relative;}
.p00001 li:nth-child(1) .area{ position:absolute; top:130px; left:130px; color:#fff;}
.p00001 li:nth-child(1) .area strong{ font-size:60px; }
.p00001 li:nth-child(1) .area p{ font-size:26px; margin-top:15px;} 
.p00001 li:nth-child(2){ margin-top:50px;}
.p00001 h1{ margin-bottom:50px;}
.p00001 img{ width:100%;}
.p00001 dl:nth-child(1){ border-top:2px #333 solid;}
.p00001 dl dt, .p00001 dl dd{padding:20px;}
.p00001 dl dt{  flex-basis: 30%; background:#efefef;}
.p00001 dl{ border-bottom:1px #ddd solid;}


.noticeBox{ border:15px solid rgb(0,0,0,0.05); margin:100px; text-align:center; padding:100px 0;}
.noticeBox strong{ font-size:37px;}
.noticeBox p{ margin-top:20px; font-size:23px;}
.noticeBox img{ width:200px; margin-bottom:15px;}

.p00003 dl{ border-bottom:1px dotted #ccc; padding-bottom:50px;}
.p00003 dl+dl{ margin-top:50px;}
.p00003 dt{position:relative;flex-basis:17%; font-size:65px; font-weight:700;}
.p00003 dd{ letter-spacing:-1px; margin-left:110px; padding-top:17px;}
.p00003 dd span{  font-size:25px; padding-right:20px; color:#0072bc}
.p00003 dt:before{ content:''; position:absolute; top:30px; right:-50px; width:120px; height:1px; border-top:1px #0072bc solid; }
.p00003 dd ul+ul{ margin-top:30px;}
.p00003 dd ul li p{ line-height:27px;}

.p00004{ text-align:center;}
.p00004 .s01{ position:relative; padding-bottom:50px;}
.p00004 .s01:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100%; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s01 p:nth-child(1) span, .p00004 .s01 p:nth-child(2) span{ position:relative; display:inline-block; padding:30px 0; width:370px; border-radius:10px; color:#fff;}
.p00004 .s01 p+p{ padding-top:50px;}
.p00004 .s01 p:nth-child(1) span{ background:#003471}
.p00004 .s01 p:nth-child(2) span{ background:#00a651}
.p00004 .s01 strong{ position:absolute; right:100px; top:50%;transform: translateY(-84%); border:1px #003471 solid; padding:20px 30px; border-radius:30px; background:#fff; color:#003471;}
.p00004 .s01:before{content:''; position:absolute; top:calc((100% / 2) - 20px); left:50%;transform: translateY(-84%);width: calc((100% / 2) - 100px);height:1px; border-top:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul{ position:relative; margin:0 120px;}

.p00004 .s02 ul li{ position:relative; width:calc((100% / 6) - 25px); padding-top:50px; }
.p00004 .s02 ul li+li{ padding-left:30px;}
.p00004 .s02 ul li .tit{ background:#fff;  border:1px #777 solid; color:#555; padding:25px 0; border-radius:20px;margin-bottom:30px;}
.p00004 .s02 ul li:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100px; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li:before{ content:''; position:absolute; top:0; left:0;width:100%; height:1px; border-top:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li:nth-child(1):before{ left:auto; }
.p00004 .s02 ul li:nth-child(6):before{ left:auto; right:50%; }
.p00004 .s02 ul li div{ border-radius:17px; border:1px #ddd solid; overflow:hidden; background:#fff;}
.p00004 .s02 ul li div + div{ margin-top:30px;}
.p00004 .s02 ul li div span{ display:block; padding:15px 0; color:#fff;}
.p00004 .s02 ul li div p{ padding:15px;}
.p00004 .s02 ul li .span1{ background:#4A5677}
.p00004 .s02 ul li .span2{ background:#EDEEF0; color:#4A5677}
.p00004 .s03 img{ width:100%;}

.p00005 ul{gap:30px; margin-top:70px;}
.p00005 li{ width:calc((100% / 7) - 28px); text-align:center; border:1px #ddd solid; border-radius:30px; overflow:hidden;}
.p00005 li strong{ display:block; font-size:25px; background:#efefef; padding:15px 0;}
.p00005 li p{ line-height:35px; margin:20px 0;}
.p00005 img{ width:100%; max-width:637px;}


.p00006 .s01{ margin-bottom:70px;}
.p00006 .s02 { position:relative;}
.p00006 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00006 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p00006 .s02 .area p+p{ margin-left:50px;}
.p00006 .s02 .area p span{ color:#777; padding-right:15px;}
.p00006 .s03{ position:absolute; right:0; top:0; display:flex;}
.p00006 .s03 a{ display:flex;align-items: center;justify-content: center; width:170px; height:170px; border:1px dashed #a7a7a7; background:#fff; border-radius:50%; text-align:center;transition: all 0.3s; cursor:pointer;}
.p00006 .s03 a+a{ margin-left:20px;}
.p00006 .s03 a .icon{ font-size:30px;}
.p00006 .s03 a span{ display:block; margin:5px 0;}
.p00006 .s03 a .arrow{ color:#999;}
.p00006 .s03 a:hover{ background:#06C; color:#fff;}
.p00006 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}

.p00006 .s04 ul{gap:0 50px;}
.p00006 .s04 ul li{ width:calc((100% / 2) - 25px);}
.p00006 .s04 ul li iframe{ width:100%; height:500px;}
.p00006 .s04 h2{ margin:30px 0 10px 0;}
.p00006 .s04 p+p{ margin-top:5px;}


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




[class^="full-area__"] {height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;}
[class^="full-area__"] [class^="grid"] {height: 100%;}
.p00007 .s01 { margin:0 150px;}
.p00007 .s01 .full-area__sticky {position: sticky;position: -webkit-sticky;top: 0;} 
.p00007 .s01 .full-area__sticky[data-stickyIdx="0"] {background-image: url(../img/sub/02/00007-01.jpg);}
.p00007 .s01 .full-area__sticky[data-stickyIdx="1"] {background-image: url(../img/sub/02/00007-02.jpg);}
.p00007 .s01 .full-area__sticky[data-stickyIdx="2"] {background-image: url(../img/sub/02/00007-03.jpg);}


.p00007 .s01 .area{ padding:270px; color:#fff;}
.p00007 .s01 .area strong{ font-size:37px; font-weight:200; letter-spacing:2px;}
.p00007 .s01 .area h2{ font-size:100px; display:block; margin:50px 0 20px 0; letter-spacing:-2px;}
.p00007 .s01 .area p{ font-size:25px;}
.p00007 .s02{ margin:150px 0;}
.p00007 .s02 h1{ border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:70px; display:block;}

.p00007 .s02 li{ width:calc(100%/3); font-size:40px; font-weight:300; text-align:center;}
.p00007 .s02 li:before{ content:''; display:block; width:100%; height:100px;background-repeat: no-repeat;background-position: center;background-size: auto 100%; margin-bottom:25px;}
.p00007 .s02 li:nth-child(1):before{background-image: url(../img/sub/02/00007-04.png);}
.p00007 .s02 li:nth-child(2):before{background-image: url(../img/sub/02/00007-05.png);}
.p00007 .s02 li:nth-child(3):before{background-image: url(../img/sub/02/00007-06.png);}
.p00007 .s02 span{ font-weight:600;}

.p00007 .s03{background:url(../img/sub/02/00007-07.jpg) no-repeat; padding:150px 0; color:#fff; background-size:cover; min-height:600px; display:flex;  align-items: center;justify-content: center; text-align:center;}
.p00007 .s03 ul{ margin:100px 100px 0 100px;}
.p00007 .s03 li{ border:1px solid rgb(255,255,255,0.3); padding:30px 0;  border-radius:20px;font-size:35px;}
.p00007 .s03 li+li{ margin-top:20px; }

.p00008 .s01 ul{gap:30px;}
.p00008 .s01 li{ width:calc((100% / 3) - 22px); border:1px #ddd solid; padding:70px 0; text-align:center; font-size:27px;}
.p00008 .s01 li span{ display:block; color:#06C; font-size:20px; margin-top:15px;}
.p00008 .s01 li:nth-child(2n){ background:#efefef;}
.p00008 .s02 { background:url(../img/sub/03/00008-01.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; padding:150px 0; margin-top:150px;}
.p00008 .s02 ul{gap:30px; }
.p00008 .s02 li{ width:calc((100% / 7) - 28px); text-align:center; border:1px solid rgb(255,255,255,0.3); border-radius:30px; overflow:hidden;}
.p00008 .s02 li strong{ display:block; font-size:25px; background:#fff; color:#222; font-weight:500; padding:15px 0;}
.p00008 .s02 li p{ line-height:35px; margin:20px 0;}
.p00008 h1, .p00008 h2{ text-align:center;}
.p00008 h1{ margin-bottom:50px;}

.p00008 .s03 {padding:150px 0;}
.p00008 .s03 .area01 ul{gap:30px; text-align:center;}
.p00008 .s03 .area01 li{ position:relative; width:calc((100% / 8) - 29px); border:1px #555 solid; padding:30px 0; }
.p00008 .s03 .area01 li+li:before{  content:"\e93f";font-family:xeicon; position:absolute; top:50%; transform: translateY(-50%); left:-30px; font-size:30px;}
.p00008 .s03 .area02 ul{gap:20px 70px; text-align:center;align-items: center;justify-content: center; margin-top:50px;}
.p00008 .s03 .area02 li{ position:relative; width:calc((100% / 5) - 58px);  border:1px #ddd solid; }
.p00008 .s03 .area02 li:nth-child(1){ padding:50px 0;}
.p00008 .s03 .area02 img{ width:100%;}


.p00008 .s04{ background:#efefef; padding:150px 0;}
.p00008 .s04 h2{ background:#06C; padding:15px 0; text-align:center; margin-bottom:30px; color:#fff;}
.p00008 .s04 ul{gap:30px; text-align:center;}

.p00008 .s04 .area01 li{ width:calc((100% / 3) - 22px); }
.p00008 .s04 .area02 li{ width:calc((100% / 4) - 23px); }
.p00008 .s04 img{ width:100%;} 
.p00008 .s04 .area01 + h2{ margin-top:70px;}
.p00008 .s04 p{ background:#fff; padding:20px 0; }

.p00008 .s05 h1{ border-bottom:1px #ddd solid; padding-bottom:15px;}
.p00008 .s05 dl dt{flex-basis:58%;}
.p00008 .s05 dl dt h4{ font-size:20px; margin-bottom:5px;}
.p00008 .s05 dl dt > div+div{ margin-top:30px;}
.p00008 .s05 dl dd{ margin-left:50px;}
.p00008 .s05 dl dd img{ width:100%;}
.p00008 .s05 dl dd h3{ font-size:37px; margin-bottom:30px;}
.p00008 .s05 dl dd h3 span{ color:#06C}

.p00008 .s06{ background:#f2f5f8; padding-top:150px; margin-top:150px;}
.p00008 .s06 table{ background:#fff; margin-top:15px;}
.p00008 .s06 .c01{ background:#06C; color:#fff; }
.p00008 .s06 .c02{ background:#e6ebf1;}
.p00008 .s06 .area02{background:#06C; color:#fff; margin-top:100px; padding:150px 0;}
.p00008 .s06 .area02 dl{align-items:center; margin-top:30px;}
.p00008 .s06 .area02 dt{ font-size:30px;}
.p00008 .s06 .area02 dd { display:flex;align-items:center; font-size:25px;}
.p00008 .s06 .area02 dd ul{align-items:center; margin-right:10px;}
.p00008 .s06 .area02 dd ul li:nth-child(1){ margin:0 50px;}
.p00008 .s06 .area02 dd ul li+li{ margin-left:20px;}

.p00008 .s06 .area02 dd i{ font-size:50px;}
.p00008 .s06 .area02 dd span{ display:flex;width:150px; height:150px;align-items: center;justify-content: center; text-align:center; border:1px solid rgb(255,255,255,0.3); border-radius:50%; font-size:25px; font-weight:700;}

.p00008 .s07{ background:#f2f5f8; padding:150px; margin-bottom:150px;}
.p00008 .s07 ul li{ width:calc(100% / 2); padding:70px; box-sizing:border-box; background:#fff; }
.p00008 .s07 ul li:nth-child(1), .p00008 .s07 ul li:nth-child(4){ background:#efefef;}
.p00008 .s07 h2{ text-align:left; margin:15px 0 10px 0;}
.p00008 .s07 img{ width:100%;}
.p00008 .s07 li p{margin-left: 10px;text-indent: -10px;}

.p00009 h2{ font-size:45px; margin-bottom:40px; border-bottom:1px #ddd solid; padding-bottom:20px; color:#06C}
.listT01 li{ position:relative; padding-left:15px;}
.listT01 li+li{ margin-top:7px;}
.listT01 li:before{ content:'-'; position:absolute; top:0px; left:0; }
.p00009 img{ margin-top:50px;}
.p00009 .listT02{gap:0 20px; text-align:center;}
.p00009 .listT02 li:before{ content:'';  display:inline-block; width:100px; height:100px;background-size: auto 35px; background-position:50% 50%; background-repeat:no-repeat; background-color:#06C; border-radius:50%;}
.p00009 .listT02 li:nth-child(1):before{background-image:url(../img/main/sec02-02.png)}
.p00009 .listT02 li:nth-child(2):before{background-image:url(../img/main/sec02-03.png)}
.p00009 .listT02 li:nth-child(3):before{background-image:url(../img/main/sec02-04.png)}
.p00009 .listT02 li:nth-child(4):before{background-image:url(../img/main/sec02-05.png)}
.p00009 .listT02 li:nth-child(5):before{background-image:url(../img/main/sec02-06.png)}
.p00009 .listT02 p{ margin-top:15px;}


.p00011 dl+dl, .p00009 dl+dl{ margin-top:70px; border-top:1px #ddd solid; padding-top:70px;}
.p00011 dt, .p00009 dt{flex-basis: 28%; font-size:35px; font-weight:400;}

.p00011 ul{gap:30px;}
.p00011 li{ width:calc((100% / 4) - 23px);}
.p00011 li img{ width:calc(100% - 40px); border:1px #ddd solid; padding:20px;}
.p00011 li p{ margin-top:15px; text-align:center;}


.p00012 dt{flex-basis: 28%; font-size:35px;}
.p00012 dt span{ font-size:20px;}
.p00012 dl+dl{ margin-top:70px; border-top:1px #ddd solid; padding-top:70px;}
.p00012 strong{ font-size:25px; font-weight:400; margin-bottom:5px; display:block; color:#06C}
.p00012 p+strong{ margin-top:20px;}
.p00012 dl:nth-child(2) li{ display:flex;  align-items: center;}
.p00012 dl:nth-child(2) li+li{ margin-top:30px;}
.p00012 li:before{ content:''; width:60px; height:60px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:auto 45%; background-color:#06C; border-radius:50%; margin-right:15px;}
.p00012 li:nth-child(1):before{background-image: url(../img/sub/07/00012-01.png);}
.p00012 li:nth-child(2):before{background-image: url(../img/sub/07/00012-02.png);}
.p00012 li:nth-child(3):before{background-image: url(../img/sub/07/00012-03.png);}
.p00012 li:nth-child(4):before{background-image: url(../img/sub/07/00012-04.png);}
.p00012 li:nth-child(5):before{background-image: url(../img/sub/07/00012-05.png);}

.p00013 dl dt{flex-basis:60%; }
.p00013 dl dt ul{ background:#efefef; padding:70px;gap:30px;}
.p00013 dl dt ul li{ width:calc((100% / 2) - 15px); background:#fff; display:flex;justify-content: center;align-items: center;}
.p00013 dl dt ul li img{ width:100%;}
.p00013 dl dt ul li:nth-child(2) img{ width:auto; height:300px;}
.p00013 .area{ text-align:center;margin-bottom: 40px; border-bottom: 1px #ddd solid; padding-bottom: 20px;}
.p00013 .area h2{    font-size: 45px; color: #06C;}
.p00013 .area p{ font-size:23px;}
.p00013 .area p b{ color:#F63; font-weight:600;}
.p00013 dl dd { margin-left:50px;}
.p00013 dl dd ul+h3{ margin-top:30px;}
.p00013 h3{ padding-bottom:10px;}

.p00014 .s01{ background:#f2f2f2; padding:80px;}
.p00014 h2{    font-size: 45px; color: #06C; text-align:center; margin-bottom:25px;}
.p00014 .s01 dl dt{flex-basis:52%;}
.p00014 .s01 dl dt img{ width:100%;}
.p00014 .s01 dl dd{ margin-left:50px;} 
.p00014 .s01 dl dd span{ display:block; font-size:25px; font-weight:600; margin-bottom:5px;}
.p00014 .s01 dl dd ul li+li{ margin-top:15px;}
.p00014 .s01 dl dd p{ margin:10px 0 20px 0; font-size:25px; font-weight:600;}
.p00014 .s02{ margin-top:57px;}
.p00014 .s02 ul{ margin:0 10%; gap:0 25px;}
.p00014 .s02 ul li{ width:calc((100% / 4) - 19px); border:1px #ddd solid; box-sizing:border-box; padding:30px;}
.p00014 .s02 ul li img{ width:100%;}

.p00015 .s01{ background:#efefef; padding:50px; margin-bottom:50px;}
.p00015 .s01 ul{justify-content: center;gap:30px;}
.p00015 .s01 ul li{ background:#fff; padding:30px;}
.p00015 .s01 ul li img{ width:auto; height:300px;}
.p00015 .s02 h2{font-size: 45px; color: #06C; text-align:center;}
.p00015 .s02 p{ font-size:23px; margin-bottom:30px;}
.p00015 .s02 ul{ margin:0 10%; align-items: center;}
.p00015 .s02 ul li{ border:1px #ddd solid; padding:20px;text-align:center;}
.p00015 .s02 ul li+li{ margin-top:10px;}

@media all and (max-width : 1920px){
	
	.sub_top_box{ height:570px;}
	
	.sub_vTxt{ padding-top:210px;}
	
	.sub-content-nav{ background-size:auto 270px;}
	.sub-content-nav h2{  font-size:47px;}
	.category{ margin-top:30px;}
	.category a{padding:25px 30px; font-size:19px;}
	.category li::before{ height:15px; top:27px;}
	.sub_v{ top:42px;right:50px; width:270px; height:171px; }

	
	.subContent{ margin-top:70px; }
	.subContent h1{ font-size:30px;}
	
	.noticeBox{ padding:70px 0;}
	.noticeBox img{ width:170px;}
	.p00001 li:nth-child(1) .area{  top:100px; left:100px;}
	.p00001 li:nth-child(1) .area strong{ font-size:47px; }
	.p00001 li:nth-child(1) .area p{ font-size:21px; margin-top:15px;} 
	.p00003 dt:before{ width:100px;right: -80px;}
	

	
	.p00006 .s02 h2{ font-size:35px;}
	.p00006 .s02 .area{font-size:20px;}
	.p00006 .s03 a{width:150px; height:150px;}
	
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.p00007 .s01 .area{ padding:200px;}
	.p00007 .s01 .area strong{ font-size:30px;}
	.p00007 .s01 .area h2{ font-size:70px;}
	.p00007 .s01 .area p{ font-size:22px;}
	.p00007 .s02 li{font-size:30px;}
	.p00007 .s02 li:before{height:70px;}
	.p00007 .s03{ min-height:450px;}
	.p00007 .s03 li{ font-size:27px;}
	
	.p00008 .s02 li strong{ font-size:20px;}
	.p00008 .s02, .p00008 .s03, .p00008 .s04{padding:120px 0;}
	.p00008 .s04 p{ font-size:20px;}
	.p00008 .s06{ padding-top:120px 0; margin-top:120px ;}
	.p00008 .s06 .area02{ padding:120px 0; }
	.p00008 .s06 .area02 dt{ font-size:23px;}
	.p00008 .s06 .area02 dd {font-size:20px;}
	.p00008 .s06 .area02 dd span{width:100px; height:100px; font-size:20px;}
	.p00008 .s06 .area02 dd ul li:nth-child(1){ margin:0 30px;}
	.p00008 .s07{ padding:120px 0;}
	
	
	.p00009 dt, .p00011 dt, .p00012 dt{font-size:30px;}
	
	.p00012 li:before{ width:50px; height:50px;}
	.p00012 strong{ font-size:20px;}
	
	.p00013 .area h2, .p00015 .s02 h2, .p00014 h2{font-size:35px; padding-bottom:5px;}
	.p00013 .area p{ font-size:20px;}
	.p00013 dl dt ul{ padding:50px;gap:15px;}
	.p00013 dl dt ul li{ width:calc((100% / 2) - 8px);}
	
	.p00014 .s01{ padding:70px;}
	.p00014 .s01 dl dd span{font-size:20px;}
	
	
	.p00015 .s02 p{ font-size:20px;}
	
	
	
}

@media all and (max-width : 1280px){
	
	.category{ display:none;}
	
	.sub_top_box{ height:450px;}
	.sub_vTxt{ padding-top:190px;}
	.sub_vTxt .fs70{ font-size:45px;}


	.root_daum_roughmap .wrap_map{height:500px !important;}
	
	.p00001, .p00003, .p00005, .p00006, .p00009, .p00011, .p00012, .p00008 .s01, .p00008 .s03, .p00013, .p00015, .p00014, .p00008 .s05{ margin:0 10px;}
	.p00008 .s02, .p00008 .s04{ padding:70px 10px;} 
	
	.subContent h1{ font-size:25px;}
	
	.p00003 dt{flex-basis:20%;}
	.p00003 dt::before{ width:70px;}
	
	.p00004 .s02 ul{ margin:0 50px;}
	.p00005 ul {gap: 10px;}
	.p00005 li {width: calc((100% / 7) - 11px);}
	
	.p00007 .s01{ margin:0 10px;}
	.p00007 .s01 .area { padding:150px 100px;}
	
	.p00008 .s02{ margin-top:70px;}
	.p00008 .s02 ul {gap: 10px;}
	.p00008 .s02 li {width: calc((100% / 7) - 11px);}
	.p00008 .s03{ padding:70px 0;}
	.p00008 .s05 dl{ display:block;}
	.p00008 .s05 dl dd{ margin:20px 0 0 0;}
	.p00008 .s06{ margin-top:70px; padding:70px 10px 0 10px;}
	.p00008 .s06 .area02{ margin-top:0; padding:70px 10px;}
	.p00008 .s06 .area02 dl{ display:block; text-align:center;}
	.p00008 .s06 .area02 dd{justify-content: center; margin-top:30px;}
	.p00008 .s07{ padding:70px 0; margin-bottom:70px;}
	
	.p00013 dl { display:block;}
	.p00013 dl dd{ margin:30px 0 0 0;}
	
	.p00014 .s01{ padding:50px;}
	.p00014 .s02 ul{ margin:0;}
	
	.p00015 .s01 ul li img{ height:200px;}
	
	
}

@media all and (max-width : 960px){
	
	
	.p00001 li:nth-child(1) .area{ position:relative; color:#555; top:0; left:0; margin:30px 0;}
	.p00001 li:nth-child(1) .area strong{ font-size:30px;}
	.p00001 li:nth-child(1) .area p br{ display:none;}


	.noticeBox{ padding:37px; margin:0 10px;}
	
	.p00003 dl{ display:block;}
	.p00003 dd{ margin-left:0;}
	
	.p00004 .s02 ul{ margin:0 10px;}
	.p00004 .s02 ul li + li {padding-left:10px;}
	.p00004 .s02 ul li {width: calc((100% / 6) - 9px);}	
	.p00004 .s01 strong{ right:10px;}
	.p00004 .s01 p:nth-child(1) span, .p00004 .s01 p:nth-child(2) span{ width:200px;}
	
	.p00005 li {width: calc((100% / 4) - 10px);}
	
	
	.p00006 .s03{ position:relative; margin-top:30px;}
	.p00006 .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.p00006 .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.p00006 .s03 a .icon{ margin-right:10px;}
	.p00006 .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}
	
	.p00006 .s04 ul{gap:0;}
	.p00006 .s04 ul li{ width:100%;}
	.p00006 .s04 ul li+li{ margin-top:50px;}
	.p00006 .s04 ul li iframe{height:350px;}
	.p00006 .s04 h2{ margin:20px 0 10px 0;}
	
	.p00007 .s01 .area h2{ font-size:60px}
	.p00007 .s02 li{ font-size:25px;}
	
	.p00008 .s01 ul{gap:10px;}
	.p00008 .s01 li { width: calc((100% / 2) - 7px);}
	.p00008 .s01 li:nth-child(2n){ background:#fff;}
	.p00008 .s02 li {width: calc((100% / 4) - 10px);}
	.p00008 .s06 .area02 dt{ font-size:20px;}
	.p00008 .s06 .area02 dd{ display:block; margin:10px 0;}
	.p00008 .s06 .area02 dd ul{justify-content: center; margin-bottom:10px;}
	.p00008 .s06 .area02 dd ul li:nth-child(1){ display:none;} 
	.p00008 .s06 .area02 dd ul li+li{ margin-top:10px;}
	.p00008 .s07 { margin-bottom:0;}
	.p00008 .s07 ul li{ width:100%; padding:50px 37px;}
	.p00008 .s07 ul li:nth-child(3){ background:#efefef;} 
	.p00008 .s07 ul li:nth-child(4){ background:#fff;}
	
	
	.p00009 h2{ font-size:30px;}
	.p00009 dl{ display:block;}
	.p00009 dt br{ display:none;}
	.p00009 dl dd{ margin-top:10px;}
	.p00009 dl dd img{ width:100%; max-width:695px;}
	
	.p00011 dl{ display:block;}
	.p00011 dl dt{ margin-bottom:10px;}
	.p00011 ul{gap:20px;}
	.p00011 li {width: calc((100% / 4) - 15px);}
	
	.p00012 dl{ display:block;}
	.p00012 dl dt{ margin-bottom:10px;}
	.p00012 dl dt br{ display:none;}
	.p00012 p{ width:calc(100% - 70px)}
	
	.p00008 .s03 .area01 ul li{    width: calc((100% / 4) - 25px);}
	.p00008 .s03 .area02 ul{gap:20px 30px;}
	.p00008 .s03 .area02 ul li{    width: calc((100% / 5) - 26px);}
	.p00008 .s04 p{ font-size:17px;}
	.p00008 h1{ margin-bottom:30px;}
	
	.p00014 .s02 ul{gap:10px;}
	.p00014 .s02 ul li{ width:calc((100% / 4) - 8px); padding:15px;}
	
	
	.p00014 .s01 dl{ display:block;}
	.p00014 .s01 dl dd{ margin:30px 0 0 0;}
	.p00015 .s02 ul{ margin:0;}
	
}







@media all and (max-width : 640px){
	
	.sub_top_box{ height:400px; background-position:70% 50%;}
	
	.sub_vTxt{ padding-top:140px;}
	.sub_vTxt .fs70{ font-size:37px;}
	.sub_vTxt .fs30{ padding:0 15px;}
	.sub_vTxt .fs30 br{ display:none;}
	

	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	.noticeBox p{ font-size:20px;}

	.p00005 li strong{ font-size:20px;}
	.p00005 li {width: calc((100% / 3) - 9px);}
	
	.p00007 .s01 .area { padding: 150px 50px;  }
	.p00007 .s01 .area h2{ font-size:40px}
	.p00007 .s01 .area p br{ display:none;}
	
	.p00007 .s02 {margin: 100px 0;}
	.p00007 .s02 ul{ display:block;}
	.p00007 .s02 li{ width:100%; text-align:center;}
	.p00007 .s02 li+li{ margin:25px 0 0 0;}
	
	.p00007 .s03 ul { margin: 50px 50px 0 50px;}
	.p00007 .s03 li{ font-size:20px;}
	.p00007 .s03 {min-height: 250px; padding:100px 0;  }
	
	.p00009 .listT02 ul{}
	.p00009 .listT02 li:before{ width:77px; height:77px;background-size: auto 25px;}
	.p00009 .listT02 p{ margin:10px 0 20px 0;}
	
	.p00009 dt, .p00011 dt, .p00012 dt{ font-size:25px;}
	.p00011 dl+dl, .p00009 dl+dl {margin-top:30px; padding-top: 30px;}
	.p00012 dl+dl { margin-top:30px; padding-top: 30px;}
	
	.p00011 li {width: calc((100% / 3) - 14px);}
	
	.p00008 .s01 li{ width:100%; padding:30px 0; font-size:23px;}
	.p00008 .s01 li span{ font-size:18px;}
	.p00008 .s02 li strong{ font-size:20px;}
	.p00008 .s02 li {width: calc((100% / 3) - 9px);}
	
	.p00008 .s04 ul{gap:10px;}
	.p00008 .s04 .area01 li {width: calc((100% / 3) - 7px);}
	.p00008 .s04 .area02 li{width: calc((100% / 2) - 5px);}
	
	.p00008 .s03 .area02 ul{gap:10px;}
	.p00008 .s03 .area02 ul li{ width: calc((100% / 3) - 9px);}
	.p00008 .s03 .area02 li:nth-child(1){ padding:30px 0;}
	
	.p00013 .area h2, .p00015 .s02 h2, .p00014 h2{ font-size:30px;}
	.p00013 dl dt ul{ padding:37px;}
	.p00013 dl dt ul li:nth-child(4) img{ height:200px;}
	
	.p00015 .s01 ul li img{ width:100%; height:auto;}

}

@media all and (max-width : 480px){
	
	.sub_vTxt{ padding-top:150px;}
	
	.history_cont_wrap .year{ float:none; font-size:30px;}
	
	
	.p101010 .s01 .fs40{ font-size:20px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	
	.subContent h1{ font-size:23px;}
	
	.p00005 li {width: calc((100% / 2) - 7px);}
	
	.p00006 .s02 h2{ font-size:25px;}
	.p00006 .s02 .area{ display:block;}
	.p00006 .s02 .area p + p { margin-left:0px;}
	.p00006 .s03 a{ height:70px;}
	
	.p00007 .s01 .area strong{ font-size:17px;}
	.p00007 .s01 .area h2{ font-size:25px;}
	.p00007 .s01 .area p{ font-size:17px;}
	
	.p00008 .s02 li {width: calc((100% / 2) - 7px);}
	
	.p00011 ul{gap:q0px;}
	.p00011 li {width: calc((100% / 2) - 10px);}
	
	.p00008 .s04 .area01 li, .p00008 .s04 .area02 li{ width:100%;}
	
	.p00008 .s03 .area01 ul li{width: calc((100% / 3) - 22px);}
	
	.p00013 .area h2, .p00015 .s02 h2{ font-size:25px;}
	
	
	.p00014 .s01{ padding:50px 37px;}
	.p00014 .s01 dl dd span{ font-size:18px;}
	.p00014 .s02 ul li{ width:calc((100% / 2) - 5px); padding:15px;}
	
	.p00015 .s01 ul{gap:10px;}
}

