.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:#c99900; font-weight:600;}
.category .selected2 a:before{ content:''; position:absolute; left:0; bottom:0;background:#c99900; 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 .p01_1{    margin: 150px 0 100px 0;}
.p00001 .p01_1 p{font-size: 24px;  margin-bottom: 15px; color: #555;}
.p00001 .p01_1 .mb50 { margin-bottom: 50px; }
.p00001 .p01_1 p strong{font-weight: 600; color: #222;}
.p00001 .p01_1 span{margin-top: 50px;}
.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; font-weight: 600}
.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; text-align: center;}
.p00001 dl{ border-bottom:1px #ddd solid;}
.p00001 .p01_2{clear: both; border: 1px solid #ddd; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
.p00001 .p01_2 h3{color: #c99000; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.p00001 .p01_2 p{ font-size: 20px;  color: #555; display: flex; margin-top: 15px;}
.p00001 .p01_2 p span{flex-basis: 17%;  flex-shrink: 0; color: #333; font-weight: 400;}
.p00001 .p01_2 p strong{flex-grow: 1;}


.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;}

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

.p00003{ text-align:center;}
.p00003 .s01{ position:relative; padding-bottom:50px;}
.p00003 .s01:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100%; border-left:1px #ddd solid; z-index:-1;}
.p00003 .s01 p:nth-child(1) span{ position:relative; display:inline-block; padding:30px 0; width:370px; border-radius:10px; color:#fff;}
.p00003 .s01 p+p{ padding-top:50px;}
.p00003 .s01 p:nth-child(1) span{ background:#c99000;}
.p00003 .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;}
.p00003 .s02 ul{ position:relative;}

.p00003 .s02 ul li{ position:relative; width:calc((100% / 6)); padding-top:50px; justify-content: space-between;}
.p00003 .s02 ul li+li{ }
.p00003 .s02 ul li .tit{ background:#fff;  border:1.5px #c99000 solid; color:#c99000; padding:25px 0; border-radius:20px;margin-bottom:30px; width: 90%;}
.p00003 .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;}
.p00003 .s02 ul li:before{ content:''; position:absolute; top:0; left:0;width:100%; height:1px; border-top:1px #ddd solid; z-index:-1;}
.p00003 .s02 ul li:nth-child(1):before{ left:auto; }
.p00003 .s02 ul li:nth-child(6):before{ left:auto; right:50%; }
.p00003 .s02 ul li div{ border-radius:17px; border:1px #ddd solid; overflow:hidden; background:#fff;}
.p00003 .s02 ul li div + div{ margin-top:30px;}
.p00003 .s02 ul li div span{ display:block; padding:15px 0; color:#fff;}
.p00003 .s02 ul li div p{ padding:15px;}
.p00003 .s02 ul li .span1{ background:#4A5677}
.p00003 .s02 ul li .span2{ background:#EDEEF0; color:#4A5677}
.p00003 .s02 ul li p{margin-bottom: 18px;}


/* p00004 */
.p00004{ position:relative;background:#f6f6f6; padding-bottom: 100px;}
.p00004:before{ content:''; position:absolute; top:-300px; left:0; width:100%; height:300px; background:#f3f4f7; z-index:-1;}
/*.p00004 .button_area ul{ display:flex;flex-wrap: wrap;justify-content: center;}
.p00004 .button_area li{  display:table; width:calc((100% / 5) - 60px) ; margin:0 20px 50px 20px; text-align:center;}
.p00004 .button_area li:nth-child(5n+5){ margin-right:0;}*/
.p00004 .button_area ul{ display:flex; flex-wrap: wrap;justify-content: center; gap: 50px;}
.p00004 .button_area li{  display:table; width:calc((100% / 6));  text-align:center;}
.p00004 .button_area li img{ width:auto; height:350px;}
.p00004 .button_area li .icon_z {width:55%; height: auto;}
.p00004 .button_area li .imgA{position:relative;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); background:#fff; margin-bottom:20px;}
.p00004 .button_area li p{ font-size:21px;}
.p00004 .port-dim { position:absolute;width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:opacity 0.5s;}
.p00004 .button_area li i{position:absolute; width:70px; height:70px; line-height:60px; top:50%; left:50%;   color:#fff; font-size:27px;  border-radius:50%; background:#004a80;transform: translate(-50%, -50%);opacity:0; transition:opacity 0.5s;}
.p00004 a:hover .port-dim {opacity:0.5;}
.p00004 .button_area li a:hover i {opacity:1;}


.subsidiaries {position: relative;}
.subsidiaries .layer_bg {position: fixed; top:0; left:0; bottom:0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100;}


.subsidiaries .layer_wrap {display: none; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index: 1000;}

.subsidiaries .layer_area {display: none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:80%; max-width:670px; z-index: 10000; background:#fff; text-align:center;}

.subsidiaries .layer_area .img_area {}
.subsidiaries .layer_area .img_area img {width: 100%;}
.subsidiaries .layer_area .close_btn {position: absolute; top:0; right:0; width: 60px; height: 60px;font-size:0; background:#222;}
.subsidiaries .layer_area .close_btn i{ font-size:30px; text-align:center; color:#fff;}


/* p00005 */
.p00005 .s01{ margin-bottom:70px;}
.p00005 .s02 { position:relative;}
.p00005 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00005 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p00005 .s02 .area p+p{ margin-left:50px;}
.p00005 .s02 .area p span{ color:#777; padding-right:15px;}
.p00005 .s03{ position:absolute; right:0; top:0; display:flex;}
.p00005 .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;}
.p00005 .s03 a+a{ margin-left:20px;}
.p00005 .s03 a .icon{ font-size:30px;}
.p00005 .s03 a span{ display:block; margin:5px 0;}
.p00005 .s03 a .arrow{ color:#999;}
.p00005 .s03 a:hover{ background:#c99900; color:#fff;}
.p00005 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}


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




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



.p00007{}
.p00007 .tab_list{ display:flex;}
.p00007 .tab_list li{ list-style-type:none;    width: calc(100% / 7); background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; display: flex; align-items: center;}
.p00007 .tab_list li.on{background-color:#fff; border-left:1px solid #c99000; border-top:1px solid #c99000; border-right:1px solid #c99000; border-bottom:none;}
.p00007 .tab_list li.on a{color:#fff; font-weight:500; background: #c99000;}
.p00007 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:18px; color:#aaa;}
.p00007 .tab_list_con .cont{display:none;}
.p00007 .tab_list_con .cont.on{display:block;}
.p00007 .c-table{    margin-top: 50px;}

.p00007 .entab_list{ display:flex;}
.p00007 .entab_list li{ list-style-type:none;    width: calc(100% / 7); background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; display: flex; align-items: center;}
.p00007 .entab_list li.on{background-color:#fff; border-left:1px solid #c99000; border-top:1px solid #c99000; border-right:1px solid #c99000; border-bottom:none;}
.p00007 .entab_list li.on a{color:#fff; font-weight:500; background: #c99000;}
.p00007 .entab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:18px; color:#aaa;}
.p00007 .entab_list_con .cont{display:none;}
.p00007 .entab_list_con .cont.on{display:block;}

.p00008 .dl{display: flex; margin-bottom:60px; border-bottom:1px #ddd solid; padding-bottom:60px;}
.p00008 .dl dt {flex-basis: 28%;  flex-shrink: 0; font-size: 35px; font-weight: 600; color: #c99000;}
.p00008 .dl dd {flex-grow: 1;}
.p00008 h2{ font-size:45px; color:#06C}
.p00008 .listT01 li{ position:relative; padding-left:15px;}
.p00008 .listT01 li+li{ margin-top:7px;}
.p00008 .listT01 li:before{ content:'-'; position:absolute; top:0px; left:0; }
.p00008 img{ margin-top:50px;}
.p00008 .listT02{gap:0 20px; text-align:center;}
.p00008 .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%;}
.p00008 .listT02 li:nth-child(1):before{background-image:url(../img/main/sec02-02.png)}
.p00008 .listT02 li:nth-child(2):before{background-image:url(../img/main/sec02-03.png)}
.p00008 .listT02 li:nth-child(3):before{background-image:url(../img/main/sec02-04.png)}
.p00008 .listT02 li:nth-child(4):before{background-image:url(../img/main/sec02-05.png)}
.p00008 .listT02 li:nth-child(5):before{background-image:url(../img/main/sec02-06.png)}
.p00008 .listT02 p{ margin-top:15px;}

.p00009 ul{ display:flex; flex-wrap: wrap;gap:30px;}
.p00009 li{ width:calc((100% / 4) - 26px);border:1px #ddd solid; height:70px; line-height:70px; text-align: center;}
.p00009 li img{ width:80%; height:auto; }
.p00009 .dl{display: flex; margin-bottom:60px; border-bottom:1px #ddd solid; padding-bottom:60px;}
.p00009 .dl dt {flex-basis: 28%;  flex-shrink: 0; font-size: 35px; font-weight: 600; color: #c99000;}
.p00009 .dl dd {flex-grow: 1;}





@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 dl dt,
	.p00001 dl dd,
	.p00002 dd ul li p{font-size: 20px;}
	
	.p00001 .p01_1 p {font-size: 21px;}
	.p00001 .p01_2 p span {	flex-basis: 20%;}
	.p00001 li:nth-child(1) .area {top: 120px; left: 100px;}
	.p00001 li:nth-child(1) .area strong {	font-size: 48px;}
	.p00001 li:nth-child(1) .area p {font-size: 22px;}

	.p00002 dt:before { width: 90px;}
	
	.p00003 .s01 p:nth-child(1) span, .p00003 .s02 ul li .tit {font-size: 20px;}
	.p00003 .s02 ul li {font-size: 18px;}
	
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.p00004 .button_area ul {	gap: 20px;}
	.p00004 .button_area li p {  font-size: 16px;}
	.p00004 .button_area li img { height: 315px;}
	.subsidiaries .layer_area {max-width: 500px;}

	.p00006 .s01 li {font-size: 22px;}
	
	.p00008 .dl dt, .p00009 .dl dt {flex-basis: 21%;}
	
	
}

@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, .p00008, .p00011, .p00012, .p00008 .s01, .p00008 .s03{ margin:0 10px;}
	.p00008 .s02, .p00008 .s04{ padding:70px 10px;} 
	
	.subContent h1{ font-size:25px;}
	
	.p00002 dt:before {width: 50px;}
	
	.p00004 .button_area li p {padding: 0 5px;}
}

@media all and (max-width : 960px){
	
    .p00001 .p01_1 p { font-size: 18px;margin-bottom: 10px;}
	.p00001 .p01_2 p span {flex-basis: 30%;}
	.p00001 .p01_2 {padding: 50px;}
}







@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;}

	.p00001 .p01_1 p,
	.p00001 li:nth-child(1) .area p,
	.p00001 dl dt, .p00001 dl dd, .p00002 dd ul li p,
	.p00003 .s01 p:nth-child(1) span, .p00003 .s02 ul li .tit{font-size: 17px;}
	
	.p00001 .p01_2 p {	font-size: 17px;}
	.p00001 .p01_1 {margin: 60px 0;}
	.p00001 .p01_1 span {margin-top: 0px;line-height: 32px;}
	.p00001 .p01_2 {padding: 30px;}
	.p00001 li:nth-child(1) .area {  top: 30px; left: 30px; }
	.p00001 li:nth-child(1) .area strong {  font-size: 26px; }
	.p00001 dl dt, .p00001 dl dd { padding: 16px;}
	.p00001 li:nth-child(2) { margin-top: 18px;}
	
	.p00002 dt {font-size: 40px;}
	.p00002 dd span {font-size: 20px;}
	.p00002 dt:before {right: -74px;}
	.p00002 dl+dl {margin-top: 30px;}
	.p00002 dl {padding-bottom: 30px;}
	
	.p00003 .s02 ul li p { margin-bottom: 2px; font-size: 15px;}
	
	.p00004 .button_area ul {}
	
	
	.p00005 .s02 h2 {font-size: 26px;}
	.p00005 .s03 {position: unset;  justify-content: flex-end; margin-top: 20px;}
	.p00005 .s03 a {width: 130px; height: 130px;}
	.p00005 .s02 .area {font-size: 20px;}
	
	.p00006 .s01 li {font-size: 18px; padding: 40px 0;}
	.p00006 .s02 { padding: 60px 0;margin-top: 60px;}
	.p00006 .s02 li strong {font-size: 20px;}
	.p00006 .s02 ul {display: block;}
	.p00006 .s02 li {width: 90%; margin: 20px;}
	
	.p00007 .tab_list li a {font-size: 16px;}
	
	.p00009 .dl, .p00008 .dl {display: block;}
	.p00009 ul {gap: 10px;}
	.p00009 li { width: calc((100% / 4) - 10px); line-height: 57px; height: 60px;}
	.p00009 .dl dt, .p00008 .dl dt { font-size: 24px; margin-bottom: 10px;}
	
	
	
	
}



@media all and (max-width :500px){
	
	.p00001 .p01_1 p,
	.p00001 li:nth-child(1) .area p,
	.p00001 dl dt, .p00001 dl dd, .p00002 dd ul li p, .p00003 .s01 p:nth-child(1) span, .p00003 .s02 ul li .tit { font-size: 15px;}
	
	
	.p00001 .p01_2 p { font-size: 15px; }
	.p00001 .p01_2 p span { flex-basis: 40%; }
	
	
	.p00002 dt { font-size: 30px; }
	.p00002 dd { margin-left: 70px; padding-top: 0px;}
	.p00002 dt:before { right: -50px;  width: 32px;top: 15px;}
	.p00002 dd ul+ul { margin-top: 20px;}
	
	.p00004 .button_area li img { height: 300px;}
	
	
}



@media all and (max-width :460px){
	.p00001 li:nth-child(1) .area strong {font-size: 23px;}
	.p00001 li:nth-child(1) .area p {margin-top: 5px;}
	
	.p00004 .button_area li p {padding: 0;font-size: 15px;}
	.p00004 .button_area li { width: calc((100% / 2));}    
        
	
	
}


/**영어**/
@media all and (max-width :1920px){

.p00005 #s02_en h2{ font-size: 32px;

	}