@charset "utf-8";
#sub_menu ul li {
    width: 33.333% !important;
}
#sub_visual .bg {background: url('/img/content/top_content_bg_01.jpg') no-repeat center center;}

.container_sub h2 {font-size:25px;font-weight:bold;margin-bottom:30px;}
.container_sub h2::before {content: "";display: inline-block;background-color: #000;width:17px;height:17px;margin-right:10px;background: url('/img/common/dot_h2.jpg') no-repeat center center;}
.container_sub .organizationchart img {width:100%;}

.container_sub .history {display: inline-block;width:100%;}
.container_sub .history li {*display:inline; zoom:1;width:100%;font-size:21px;}
.container_sub .history dt {float:left;width:100px;margin-top:-10px;color:#034691 !important;font-size:26px;font-weight:bold;margin-right:20px;}
.container_sub .history dd {float:left;width:calc(100% - 120px); border-left:1px solid #034691;padding-left:20px;padding-bottom:50px;position: relative; }
.container_sub .history dd.none {border-left:none;}
.container_sub .history dd::after {content: "•";display:inline-block;color:#034691;width:1px;margin-left:-10px;font-size:60px;position:absolute;top:-18px;left:0;}
.container_sub .history li dd ul {margin-top:-10px;}
.container_sub .history li dd li {padding-bottom:25px;border:none;}
.container_sub .history dd li span:first-child {float:left;display:inline-block;width:80px;text-align:right;margin-right:10px;font-weight:bold;}
.container_sub .history dd li span:nth-child(2){float:left;display:inline-block;width:calc(100% - 120px);}

.container_sub .purposeofestablish .about {line-height:35px;}
.container_sub .purposeofestablish .about span {display:block;}
.container_sub .purposeofestablish .about b {color:#f58220 !important;}
.container_sub .purposeofestablish .pd20 {padding-left:25px}

.container_sub .purposeofestablish .list {display:grid;grid-template-columns: 1fr 1fr;gap:30px;margin:30px 0 70px;}
.container_sub .purposeofestablish .list > div {padding:15px 0px 15px 15px;border-bottom:1px solid #e0e0e0;background-color:#f0f2f6;border-radius: 15px;}
.container_sub .purposeofestablish .list div img {display: inline-block;}
.container_sub .purposeofestablish .list div p {font-weight:bold;margin:25px 0 10px 10px;line-height:47px;background: url('/img/common/down_03.png') no-repeat right center;display: inline-block;padding-right:60px;}

/*background: #034691 url('/img/common/down.png') no-repeat center right 10%;*/												 

.container_sub .purposeofestablish .list div a {color:#fff !important;}
.container_sub .purposeofestablish .img {position:relative;width:100%;padding:2em 0 2em 5em;border-radius: 15px;background:#f0f2f6}
.container_sub .purposeofestablish .img .bg {background:url('/img/common/dokdo.png') no-repeat;width:30%;min-width:230px; height:110%;background-size: contain;position: absolute;right:2em;bottom:20px;z-index:1;}
.container_sub .purposeofestablish .img .inner-txt {z-index:10; position: relative;}
.container_sub .purposeofestablish .img .inner-txt li {line-height:2em;font-weight:bold;font-size:1.2em;}

@media screen and (max-width:1000px){
	.container_sub .purposeofestablish .list {grid-template-columns: 1fr; grid-template-rows: 1fr 1fr;}
	.container_sub .purposeofestablish .img {margin-top:2em;padding:2em 0 2em 2em;}
	.container_sub .purposeofestablish .img .inner-txt li {font-size:1em;}
}



.container_sub .backer .list {display:inline-block; *display:inline; zoom:1;width:100%;margin-top:30px;}
.container_sub .backer .list li a {color:#fff !important;}

.container_sub .greetings  {display:grid;grid-template-columns:280px auto;margin:30px 0 70px;gap:30px;}
.container_sub .greetings .item1 img {border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.container_sub .greetings .item2 {text-align:center;line-height:40px; color:#034691;font-weight: bold; margin-top: 25px;}
.container_sub .greetings .item2 img {border-radius:15px;background-color: #f0f0f0; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); display: block; margin: 0 auto 12px auto;}
	
@media screen and (max-width:1024px){
	.container_sub .greetings  {grid-template-columns:1fr;grid-template-rows:auto auto  auto ;}
}

.container_sub .greetings  > div {position: relative;}
.container_sub .greetings img {width:90%;}
.container_sub .greetings .msg {font-family: 'Noto Serif KR', serif;font-size: 21px;}
.container_sub .greetings .msg .blue {color:#034691;font-weight: bold;}
.container_sub .greetings .item2 p {font-family: 'Noto Serif KR', serif; font-size: 19px;}

.container_sub .logo .logoColor {width:100%;border-radius: 15px;border:1px solid #e0e0e0}
.container_sub .logo .signature {border:1px solid #e0e0e0;border-radius: 15px;display:inline-block;width:100%;margin:40px 0;}
.container_sub .logo .signature li {float:left;width:33.33%;text-align: center;padding:40px 0;}
.container_sub .logo .signature li img {width:98%;margin:0 auto;}

@media screen and (max-width:1024px){
	.container_sub .logo .signature li {width:100%;border-bottom:1px solid #e0e0e0;}	
	.container_sub .logo .signature li:last-child {border-bottom:none;}
}

.container_sub .logo .enblemprimary {border:1px solid #e0e0e0;border-radius: 15px;display:inline-block;width:100%;margin-bottom:40px;}
.container_sub .logo .enblemprimary li {float:left;width:50%;text-align: center;padding:40px 0;}
.container_sub .logo .enblemprimary li img {width:auto;margin:0 auto;}

@media screen and (max-width:1024px){
	.container_sub .logo .enblemprimary li {width:100%;border-bottom:1px solid #e0e0e0;}	
	.container_sub .logo .enblemprimary li:last-child {border-bottom:none;}
}

.container_sub .logo .about span {display: block;}
.container_sub .logo .list {margin-top:20px;}
.container_sub .logo .list li {width:49%;margin-right:2%;float:left;}
.container_sub .logo .list li:last-child {margin-right:0;}	

@media screen and (max-width:800px){
	.container_sub .logo .list li {width:100%;margin-right:0%;margin-bottom:30px;}	
	.container_sub .logo .list li:last-child {margin-right:0;}	
}

@media screen and (max-width:1400px){
	.container_sub {margin:10% auto}
}

.container_sub .purposeofestablish .list > div {
    text-align: center;
}
@media screen and (max-width:1024px){
	.container_sub .purposeofestablish .list li {width:calc(50% - 30px);}
}

@media screen and (max-width:800px){
	.container_sub .purposeofestablish .pd20 {padding-left:20px}	
	.container_sub .purposeofestablish .about span {line-height:25px;}
	.container_sub .backer li {width:100%;margin-right:0}
}