@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Nanum+Brush+Script&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');


.isSub #banner {display:none; }

.noContents {padding:260px 5% 50px 5%; text-align:center; background:#f5f7fa url(../../img/contents/noContents.png)no-repeat center 50px ; background-size:180px auto; }
.noContents .txt01 {font-family: 'yg-jalnan' !important; font-size:2.2em; color:#222;}
.noContents .txt02 {margin-top:20px; line-height:1.4em; }

#daumRoughmapContainer1663742182481 {width:100% !important; }




/**** con01_01 ****/
.con01_01 .ceo_01  {position:relative;  width:300px; float:left; font-family: 'Nanum', 'Noto Serif KR', serif;}
.con01_01 .ceo_01 .img_area {display:block; width:100%; height:380px;  background: url(../../img/contents/ceo_img.jpg)no-repeat center 0  ;  background-size:cover;  border-radius:50px 10px;}
.con01_01 .ceo_01 .signName {font-size: 2em; line-height:1.2em; margin-bottom: 20px; color:#222; font-family: 'ChosunKm', 's-core','fNanum', 'Noto Serif KR', serif;}
/*.con01_01 .ceo_01  .sign {margin-top:20px;  font-size:1.2em; font-family: 'Noto Serif KR', serif;}
.con01_01 .ceo_01  .sign span {font-size:1.6em; font-weight:500;font-family: cursive; }
*/
.con01_01 .ceo_txt {margin-left:50px; float:left; width:calc(100% - 350px); color:#222;  }
.con01_01 .ceo_txt .txt01 {font-size: 2em; line-height:1.2em; margin-bottom: 20px; color:#222; font-family: 'ChosunKm', 's-core','fNanum', 'Noto Serif KR', serif;}
.con01_01 .ceo_txt .txt02 {font-size: 1.1em; line-height:1.2em; margin-bottom: 20px; color:#222; font-family: 'Nanum', 'Noto Serif KR', serif;}

.con01_01 .ceo_txt .sign {margin-top:20px;  font-size:1.2em; font-family: 'Nanum', 'Noto Serif KR', serif; text-align: right;}
.con01_01 .ceo_txt .sign span {font-size:1.6em; font-weight:500;font-family: cursive; }



/**** con01_02 ****/
.con01_02 {position:Relative; padding:50px 350px 40px 50px; background-color:#f5f7fa; border-radius:40px 10px; overflow:hidden;     border: 1px solid #e8e8e8;}
.con01_02:Before {position:Absolute; display:block; content:"";  right:-50px; bottom:-50px; width:350px; height:300px;background: url(../../img/contents/inc_01_02_01.png)no-repeat 0% ; background-size:350px auto;  }
.con01_02 .txt_01 {font-size: 1.5em; color: #222; margin-bottom: 20px;}



/**** con01_03 ****/
.con01_03 .org_area {position:relative; border: 1px solid #e8e8e8; background-color: #f8f9fb; padding:50px 15px; border-radius:40px 10px;}
.con01_03 .org_area .org-01 {position:relative; margin:0 auto 30px auto; background: #1e279e; color:#fff; padding-top:55px; width:150px; height:150px; display:block; font-family: 'yg-jalnan' !important; text-align:center; border-radius:50%; font-size:1.3em; line-height:1.3em; z-index:1;   }
.con01_03 .org_area .org-01:before{display:block; position:absolute; left:0; top:0; content:''; width:70px; height:62px; background:url(../../img/subimg/lnb_obj01.png)no-repeat;}
.con01_03 .org_area .org-01:after {display:block; position:absolute; right:0; bottom:0; content:''; width:87px; height:73px; background:url(../../img/subimg/lnb_obj02.png)no-repeat;}
.con01_03 .org_area .org-02 {position:relative;  margin-left:calc(50% + 100px); width:200px; height:60px; line-height:60px;text-align:center; font-weight:600; color:#222;  font-size:1.1em; background-color:#fff; border:1px solid #eee;  }
.con01_03 .org_area .org-02:Before {position:Absolute; display:block; content:"";  left:-100px; top:30px; height:1px; width:100px; background-color:#d8dde5;}

.con01_03 .org_area .org-03 {position:Relative;}
.con01_03 .org_area .org-03:before {position:Absolute; display:block; content:"";  left:50%; top:-160px; height:160px; width:1px; background-color:#d8dde5; z-index:0;}
.con01_03 .org_area .org-03 > ul > li {position:Relative; margin-top:30px; text-align:center; font-size:0px; borrder:1px solid #ededed; background-color:#fff; padding:25px;  border:1px solid #eee;  }
.con01_03 .org_area .org-03 > ul > li > ul > li {position:relative; display:inline-block; width:100px; margin:5px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; font-weight:600; background-color:#8c95a2;  }
.con01_03 .org_area .org-03 > ul > li:nth-child(2):before {position:Absolute; display:block; content:"";  left:50%; top:-30px; height:30px; width:1px; background-color:#d8dde5;}


/**** histroy ****/
.history_area {position:Relative; margin-top:80px; }
.history_area .left {float:left; width:240px; color:#d8d8d8; font-size:3.6em;  font-family: 'yg-jalnan' !important; line-height:1.1em; padding-top:30px; }
.history_area .left span {display:Block; color:#222;   font-family: 'yg-jalnan' !important; padding-left:60px;}
.history_area .right {position:Relative; border-left:1px solid #ededed; float:right; width:calc(100% - 300px); padding-left:50px; padding-bottom:50px;  }
.history_area .right:Before {position:Absolute; left:-7px; top:0; width:7px; height:7px; border:4px solid #0056b3; background-color:#fff;  border-radius:50%;  display:Block; content:""; }
.history_area .right:after {position:Absolute; left:-7px; bottom:0; width:7px; height:7px; border:4px solid #0056b3; background-color:#fff;  border-radius:50%;  display:Block; content:""; }
.history_area .right h1 {position:Relative; display:inline-block; font-size:2em; font-weight:700; color:#222; margin-top:-30px;}
.history_area .right h1:Before {position:absolute; bottom:3px; left:0px; width:100%; height:15px; background-color:#ffcb08; display:Block; content:""; z-index:1; }
.history_area .right h1 span {position:Relative; z-index:5; padding:0px 8px;}
.history_area .right ul li .year {position:Relative; font-weight:700; margin-top:30px; color:#222; font-size:1.1em; }
.history_area .right ul li .year:before {position:Absolute; left:-50px; top:10px; width:35px; height:1px; background-color:#eee; display:Block; content:""; }
.history_area .right ul li .year:after {position:Absolute; left:-54px; top:7px; width:7px; height:7px; border-radius:50%;  background-color:#9a9a9a; display:Block; content:""; }


/**** con02_01 ****/
.con02_01 > li {float:left; width:calc(50% - 15px); margin:0 30px 30px 0; padding:20px 30px 30px 30px; border: 1px solid #e8e8e8; text-align:center; border-radius: 10px; background: #fff; position: relative; overflow: hidden; box-shadow: 0px 7px 13px rgb(17 17 17 / 10%); transition:all .5s ease-out;-webkit-transition: all .5s ease-out;}
.con02_01 > li:hover {border:1px solid #114ab0; transform:translateY(-10px); transition:all .5s ease-out;-webkit-transition: all .5s ease-out;}
.con02_01 > li:nth-child(2n) {margin-right:0px;}
.con02_01 > li h2 {margin:0 !important; padding: 20px 0px !important; border-bottom:1px solid #ededed;}
.con02_01 > li h2:before {display:none;}
.con02_01 > li h2:after {display:none;}
.con02_01 > li h2:after {display:none;}
.con02_01 > li:before { content:""; display:block; ; width:110px; height:110px; margin:0 auto; border-radius:50%; }
.con02_01 > li:nth-child(1):before {background:#f5f7fa url(../../img/subimg/inc02_01_01.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(2):before {background:#f5f7fa url(../../img/subimg/inc02_01_02.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(3):before {background:#f5f7fa url(../../img/subimg/inc02_01_03.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(4):before {background:#f5f7fa url(../../img/subimg/inc02_01_04.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(5):before {background:#f5f7fa url(../../img/subimg/inc02_01_05.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(6):before {background:#f5f7fa url(../../img/subimg/inc02_01_06.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li:nth-child(7):before {background:#f5f7fa url(../../img/subimg/inc02_01_07.png)no-repeat center ; background-size:60% auto; }
.con02_01 > li p {margin:30px 0 0 0 !important; padding:0 !important; min-height:2.8em; line-height:1.4em; display:block; }




/**** con02_02 ****/
.con02_02 > li > ul {border: 1px solid #e8e8e8; background-color:#f8f9fb; padding:15px; }

.con02_02_list li {position:relative; width:95px; margin-right:17px; display:inline-block; vertical-align:top; text-align:Center; line-height:1.4em; margin-bottom:25px; }
.con02_02_list li:last-child {margin-right:0px; }
.con02_02_list li:before {content:""; width:90px; height:90px;border-radius:50%; display:block; margin:0 auto 10px auto; }
.con02_02_list li:after {position:Absolute; content:""; top:30px; right:-23px; content:""; width:20px; height:20px; background: url(../../img/main/main_next_btn.png) no-repeat center; }
.con02_02_list li:last-child:after {display:none;}

.con02_02_list li:nth-child(1):before {background: #189074 url(../../img/contents/inc_02_02_01.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(2):before {background: #227986 url(../../img/contents/inc_02_02_02.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(3):before {background: #1e279e url(../../img/contents/inc_02_02_03.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(4):before {background: #6331a2 url(../../img/contents/inc_02_02_04.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(5):before {background: #189074 url(../../img/contents/inc_02_02_05.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(6):before {background: #227986 url(../../img/contents/inc_02_02_06.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(7):before {background: #1e279e url(../../img/contents/inc_02_02_07.png) no-repeat center; background-size:40px auto;}
.con02_02_list li:nth-child(8):before {background: #6331a2 url(../../img/contents/inc_02_02_08.png) no-repeat center; background-size:40px auto;}




/**** con04_01 ****/
.con04_01 .txt {background:  url(../../img/contents/img04_01.png) no-repeat right 0px; background-size:330px auto; padding-right:350px; }
.con04_01 .txt_01 {font-size:1.5em; color:#222; margin-bottom:20px; }
.con04_01 .txt_01 span {display:inline-block;}
.con04_01_list {border: 1px solid #e8e8e8; background-color: #f8f9fb;  padding: 60px 20px; margin-top:40px; margin-bottom: 40px; text-align:Center; border-radius:50px 10px;}
.con04_01_list h3 {font-size:1.6em;  font-family: 'yg-jalnan'; color:#189074;  }
.con04_01_list li {position:relative; float:left; width:25%; }
.con04_01_list li dl {padding:0 10px;}
.con04_01_list li dt {position:relative; font-weight:700; color:#222; padding-bottom:10px; font-size:1.2em; line-height:1.2em; font-family: 'yg-jalnan'; }
.con04_01_list li dd {line-height:1.2em; }
.con04_01_list li dt:Before {content:""; display:block; width:100px; height:100px; background-color:#fff; border-radius:50%;  margin:40px auto 20px auto; }
.con04_01_list li:nth-child(1) dt:Before {background: #fff url(../../img/contents/icn04_01_01.png) no-repeat center; background-size:60px auto;}
.con04_01_list li:nth-child(2) dt:Before {background: #fff url(../../img/contents/icn04_01_02.png) no-repeat center; background-size:60px auto;}
.con04_01_list li:nth-child(3) dt:Before {background: #fff url(../../img/contents/icn04_01_03.png) no-repeat center; background-size:60px auto;}
.con04_01_list li:nth-child(4) dt:Before {background: #fff url(../../img/contents/icn04_01_04.png) no-repeat center; background-size:60px auto;}
.con04_h2{position: relative; font-size: 1.4em; color: #0d1218; font-weight: 700; padding-left: 20px; margin-bottom: 20px; margin-top:40px;}
.con04_h2::after{position: Absolute; left: 5px; top: 5px; width: 8px; height: 8px; background: #114ab0; content: ""; border: 2px solid #fff;}
.con04_h2::before{ content: ''; position: absolute; left: 0; top: 2px; width: 8px; height: 8px; background: #2d8c46;}
.con4_01_info{display: flex; justify-content: space-around; align-items: center; background-color: #f8f9fb; border: 1px solid #e8e8e8; padding: 20px;}
.con4_01_info .con4_01_info_img{ display: flex; align-items: center; background-color: #fff; border-radius: 50px; width: 35%; justify-content: center; padding: 15px 0; height: 84px;}
.con4_01_info > ul > li{ display: flex; align-items: center; padding: 5px 0;}
.con4_01_info > ul > li > img { width: 40px; object-fit: cover;}
.con4_01_info > ul > li > p { margin-left: 15px;}


.sitemap{position:relative;width:100%;margin-bottom:20px;}
.sitemap:after{display:block;visibility:hidden;clear:both;content:"";}
.sitemap *{margin:0;padding:0;}
.sitemap.type1{}
.sitemap.type1.col3{}
.sitemap.type1.col3 dl{width:33.33%}
.sitemap.type1.col4 dl{width:25%}
.sitemap.type1.col5 dl{width:20%}
.sitemap.type1.col6 dl{width:16.66%}
.sitemap.type1.col7 dl{width:14.28%}
.sitemap.type1 dl{display:inline-block;float:left;margin-bottom:50px;padding:0 1%;}
.sitemap.type1 dl dt{margin:0 0 10px 0;padding:10px 15px;border-top:1px solid #111;border-bottom:1px solid #ccc;color:#111;font-size:16px;line-height:30px;}
.sitemap.type1 dl dd{padding:5px 15px;}
.sitemap.type1 dl dd b{display:block;line-height:0;}
.sitemap.type1 dl dd b a{display:block;position:relative;padding-left:10px;color:#333;font-size:14px;line-height:24px;}
.sitemap.type1 dl dd b a:hover,
.sitemap.type1 dl dd b a:active,
.sitemap.type1 dl dd b a:focus{text-decoration:underline;}
.sitemap.type1 dl dd b a:after{display:block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#111;content:" ";}
.sitemap.type2{position:relative;overflow:hidden;border-top:2px solid #9aa2ac;}
.sitemap.type2 dl{position:relative;padding:23px 23px 23px 26%;overflow:hidden;border-bottom:1px solid #ddd;}
.sitemap.type2 dl:before{display:block;position:absolute;top:0;left:25%;width:1px;height:100%;content:"";background-color:#ddd}
.sitemap.type2 dl:after{display:block;visibility:hidden;clear:both;content:"";}
.sitemap.type2 dt{position:absolute;top:20px;left:0;padding-left:15px;color:#333;width:25%;  font-weight:600; font-size:1.2em;}
.sitemap.type2 dt a{color:#000;font-size:18px;font-weight:bold;line-height:1.2}
.sitemap.type2 dd{float:left;width:25%;padding:0 10px;}
.sitemap.type2 dd b{display:block;margin-bottom:5px;font-weight:normal;}
.sitemap.type2 dd b a{display:block;position:relative;padding-left:9px;color:#333;font-size:14px;font-weight:normal;}
.sitemap.type2 dd b a:after{display:block;position:absolute;top:8px;left:0;width:4px;height:4px;content:"";background-color:#9aa2ac}
.sitemap.type2 dd ul{margin-left:8px;}
.sitemap.type2 dd ul li{display:block;}
.sitemap.type2 dd ul li a{display:block;position:relative;padding-left:11px;color:#909090;font-size:13px;line-height:20px;}
.sitemap.type2 dd ul li a:after{display:block;position:absolute;top:8px;left:0;width:5px;height:1px;content:"";background-color:#898989}


.errorCenter {border: 1px solid #e8e8e8;   background-color: #f8f9fb;  padding: 60px 20px;  margin-top: 40px;  text-align: Center;  border-radius: 50px 10px;}
.errorCenter h1 {font-size:5em; line-height:1.3em; font-family: 'yg-jalnan' !important; color:#25b3e0; background:url(../../img/contents/error_bg.png) no-repeat center ; background-size:contain;  padding-top:150px;}
.errorCenter .txt {margin:20px 0;} 
.errorCenter .btn_area a {display:inline-block; border-radius:50px; padding:10px 20px; line-height:1em; font-size:1em; background-color:#222; color:#fff;  margin:0 3px;}
.errorCenter .btn_area a.btn02 {background-color:#1c3e89}

.satisfaction-div.table-responsive {margin-top:140px;}
.input_box_area {margin-top:10px;}
.input_box_area .input_box {width:calc(100% - 140px); float:left; height:40px; }
.input_box_area .input_btn {width:135px; float:Right; height:40px; line-height:40px;  }


@media screen and (max-width:1400px){
}


@media screen and (max-width:860px){
	.satisfaction-div.table-responsive .table {width:100%; }
	.satisfaction-div table colgroup {display:none; }
	.satisfaction-div table .txt {display:block;}

}

@media screen and (max-width:768px){
		

	/**** con01_01 ****/
	.con01_01 .ceo_01  {position:relative;  width:100%; float:none; }
	.con01_01 .ceo_01 .img_area {display:block; width:100%; height:350px;  background: url(../../img/contents/ceo_img.jpg)no-repeat center 0  ;  background-size:cover; }
	.con01_01 .ceo_01  .sign {margin-top:10px;  font-size:1.2em; font-family: 'Noto Serif KR', serif; text-align:right; margin-bottom:15px;}
	.con01_01 .ceo_01  .sign span {font-size:2em; font-weight:500;font-family: 'Nanum Brush Script', cursive; }

	.con01_01 .ceo_txt {margin-left:0px; float:none; width:100%;  }
	.con01_01 .ceo_txt .txt01 {font-size: 2em; line-height:1.2em; margin-bottom: 20px; color:#222; font-family: 'Noto Serif KR', serif;}

	
	/**** con01_02 ****/
	.con01_02 {position:Relative; padding:40px 30px 140px 30px; background-color:#f5f7fa; border-radius:40px 10px; overflow:hidden;}
	.con01_02:Before {position:Absolute; display:block; content:"";  right:-50px; bottom:-50px; width:250px; height:200px;background: url(../../img/contents/inc_01_02_01.png)no-repeat 0% ; background-size:250px auto;  }

	/**** con01_03 ****/
	.con01_03 .org_area .org-01 {position:relative; margin:0 auto 30px auto; background: #1e279e; color:#fff; padding-top:50px; width:130px; height:130px; font-size:1.2em; line-height:1.3em;  }
	.con01_03 .org_area .org-02 {position:relative;  margin-left:calc(50% + 50px); width:120px; height:60px; line-height:60px;text-align:center; font-weight:600; color:#222;  font-size:1.1em; background-color:#fff; border:1px solid #eee;  }
	.con01_03 .org_area .org-02:Before {position:Absolute; display:block; content:"";  left:-50px; top:30px; height:1px; width:50px; background-color:#d8dde5;}
	
	
	
/**** histroy ****/
.history_area {position:Relative; margin-top:30px; }
.history_area .left {float:none; width:100%; color:#d8d8d8; font-size:2em;  font-family: 'yg-jalnan' !important; line-height:1.1em; padding-top:0px; padding-bottom:30px;  }
.history_area .left span {display:inline-Block; color:#222;   font-family: 'yg-jalnan' !important; padding-left:0px;}
.history_area .right {position:Relative; border-left:1px solid #ededed; float:none; width:100%;  padding-left:30px; padding-bottom:50px;  }
.history_area .right:Before {position:Absolute; left:-7px; top:0; width:7px; height:7px; border:4px solid #0056b3; background-color:#fff;  border-radius:50%;  display:Block; content:""; }
.history_area .right:after {position:Absolute; left:-7px; bottom:0; width:7px; height:7px; border:4px solid #0056b3; background-color:#fff;  border-radius:50%;  display:Block; content:""; }
.history_area .right h1 {position:Relative; display:inline-block; font-size:1.4em; font-weight:700; color:#222; margin-top:-30px;}
.history_area .right h1:Before {position:absolute; bottom:3px; left:0px; width:100%; height:15px; background-color:#ffcb08; display:Block; content:""; z-index:1; }
.history_area .right h1 span {position:Relative; z-index:5; padding:0px 8px;}
.history_area .right ul li .year {position:Relative; font-weight:700; margin-top:30px; color:#222; font-size:1.1em; }
.history_area .right ul li .year:before {position:Absolute; left:-30px; top:10px; width:25px; height:1px; background-color:#eee; display:Block; content:""; }
.history_area .right ul li .year:after {position:Absolute; left:-34px; top:7px; width:7px; height:7px; border-radius:50%;  background-color:#9a9a9a; display:Block; content:""; }


	/**** con02_01 ****/		
	.con02_01 > li {float:left; width:100%; margin:0 0 20px 0; padding:20px 30px 30px 30px; }
	.con02_01 > li:before { content:""; display:block; ; width:90px; height:90px; margin:0 auto; border-radius:50%; }
	
	
	/**** con04_01 ****/
		.con04_01 .txt {background:  url(../../img/contents/img04_01.png) no-repeat center 0px; background-size: auto 270px; padding-right:0px; padding-top:300px; }
		.con04_01_list li {position:relative; float:left; width:50%; }
		
	/**** sitemap ****/
	.sitemap.type2{border:none;}
	.sitemap.type2 dl{padding:0;border-top:0; margin-bottom:20px;}
	.sitemap.type2 dl:before{display:none;}
	.sitemap.type2 dt{position:relative;top:0;margin-bottom:23px;padding:10px 23px;border-top:2px solid #9aa2ac;border-bottom:1px solid #9aa2ac;color:#fff;font-size:16px; width:100%;  background-color:#9aa2ac;}
	.sitemap.type2 dd{padding-bottom:13px; width:33.3%;}
}

@media only screen and (max-width:480px){
	.sitemap.type2 dd{width:50%;}
	.sitemap.type2 dd ul{display:none;}
}



@media screen and (max-width:460px){
	/**** con04_01 ****/
	.con04_01_list li {position:relative; float:left; width:100%; }
	}






