@font-face {
    font-family: 'Makgeolli';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/Makgeolli.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulMyungjo-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulMyungjo-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulMyungjo-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulScript-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulScript-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'KimjungchulScript-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
.Makgeolli{
 font-family: 'Makgeolli', serif;
 font-weight:400;
 }

.KimjungchulMyungjo-L{
    font-family: 'KimjungchulMyungjo-Light';
    font-weight: 300;
    font-style: normal;
}

.KimjungchulMyungjo-R{
    font-family: 'KimjungchulMyungjo-Regular';
    font-weight: 400;
    font-style: normal;
}

.KimjungchulMyungjo-B{
    font-family: 'KimjungchulMyungjo-Bold';
    font-weight: 700;
    font-style: normal;
}

.KimjungchulScript-L{
 font-family: 'KimjungchulScript-Light', serif;
 font-weight:300;
 }

.KimjungchulScript-R{
 font-family: 'KimjungchulScript-Regular', serif;
 font-weight:600;
 }

.KimjungchulScript-B{
 font-family: 'KimjungchulScript-Bold', serif;
 font-weight:700;
 }
.red{
  color: #bf0017;
}
.purple{
  color: #6f0d6c;
}
.purple1{
  color: #c03e4a;
}
.purple1_bg{
  color: #c03e4a;
  text-decoration: underline;
}
.purple2{
  color: #966880;
}
.purple2_bg{
  color: #966880;
  text-decoration: underline;
}
.purple4{
  color: #696589;
}
.purple5{
  color: #7a6079;
}
.blue1{
  color: #279588;
}
.blue2{
  color: #0095da;
}
.blue2_bg{
  color: #0095da;
  text-decoration: underline;
}
.blue3{
  color: #004182;
}
.blue4{
  color: #00889c;
}
.blue5{
  color: #014081;
}
.blue6{
  color: #349a8e;
}
.blue7{
  color: #87a9d7;
}
.blue8{
  color: #0f75bc;
}
.pink1{
  color: #ee675e;
}
.fff{
  color: #fff;
}
.green{
  color: #008c3f;
}
.green2{
  color: #008695;
}
.green3{
  color: #2a728b;
}
.green3_bg{
  color: #349a8e;
  text-decoration: underline;
}
.brown{
  color: #a97f5a;
}
/* 백그라운드색상 */

.bg_blue1{
  background: #afdbd0;
}

.bg_blue2{
  background: #0095da;
}

.bg_blue3{
  background: #004182;
}
.bg_blue4{
  background: #00889c;
}

.bg_blue5{
  background: #c1e0f4;
}

.bg_blue6{
  background: #e8f3fc;
}

.bg_pink1{
  background: #ee675e;
}

 .bg_purple{
  background: #8b3b80;
}
 .bg_purple1{
  background: #c03e4a;
    margin-right: 10px;
}
 .bg_purple2{
  background: #966880;
}
 .bg_purple3{
  background: #9e7eb9;
}
 .bg_purple4{
  background:#696589;
}
 .bg_purple5{
  background:#7a6079;
}
 .bg_green{
  background: #006231;
}
 .bg_green2{
  background: #008695;
}
.bg_green3{
  background: #d0e0dd;
}
 .bg_brown{
  background: #a97f5a;
}
/*글자 굵기*/
.weight300{
  font-weight: 300;
}
.weight400{
  font-weight: 400;
}
.weight500{
  font-weight: 500;
}
/*  */

/* 마진 */
.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mt50{
  margin-top: 50px;
}
.mt100{
  margin-top: 100px;
}
.mlt{
  display: flex;
  margin-left: 0px;
}
.mlt span {
  display: flex;
  margin-left: 10px;
  padding-right: 5px;
}
.ml0{
  display: flex;
  margin-left: 10px;
}
.ml0 span {
  display: flex;
  margin-left: 0px;
  padding-right: 10px;
}
.ml1{
  display: flex;
  margin-left: 20px;
}
.ml1 > span {
  display: flex;
  margin-left: 5px;
  padding-right: 5px;
}
.ml1 sup {
    vertical-align: sub;
}
.ml20{
  margin-left: 20px;
}
.mr20{
  margin-right: 20px;
}
.pr20{
  padding-right: 20px;
}
.p150{
  padding: 150px 0;
}
/* 넓이 */
.w50{
  width: 50%;
    margin: auto;
    display: block;
}
.w60{
  width: 60%;
    margin: auto;
    display: block;
}
.w70{
  width: 70%;
    margin: auto;
    display: block;
}
.w80{
  width: 80%;
    margin: auto;
    display: block;
}
.w90{
  width: 90%;
    margin: auto;
    display: block;
}
/* 정렬 */
.center{
  text-align: center;
}
.line p {
width: 100%;
display: inline;
border-bottom: 1px solid #eee;
}
.line2 {
width: 100%;
border-bottom: 1px solid #eee;
}
/* 2단 레이아웃*/
#col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
/* 둥근테두리 */
.round4{
  border-radius: 20px;
  padding: 20px;
  margin-top: 0px;
  border: 1px solid #0095da;
}
/*가운데 선*/
.line{width:80%;margin: auto;margin-bottom: 30px;border-bottom: 1px dotted #65c7c1;}
/*.line::before{ content:""; flex-grow:1; margin:0px 10px; background:rgba(0,0,0,0.35); height:1px; font-size:0px; line-height: 0px; } 왼쪽 제거*/
.line::after { content:""; flex-grow:1; margin:0px 10px; background:rgba(0,140,214,0.9); height:1px; font-size:0px; line-height: 0px; }

.sub_content{
  width: 90%;
  margin: auto;
}
.sup{
  vertical-align: super;
  font-size: 0.5em;
}
.sub_tit{
  text-align: center;
  font-size: 2rem;
  line-height: 3rem;
}
.sub_tit > span{
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
}
/*기사바로가기*/
.link_bt{
  display: inline-block; 
  float: right;
}
.link_bt>button{
  border: none;
  padding: 4px 12px;
  margin: 0px 0px 10px 0px;  
  cursor: pointer;
  border-radius: 30px;
  font-size: 0.8rem;
  background-color: #eebd9f;
  color: #d22248;
  font-weight: 400;
  transition: 0.3s;
}
.main_bt>button>a{
  color: #fff;
}
.link_bt>button:hover{
  background-color: #d22248;
  color: #FFFFFF;
}
.link_bt>button:hover>a{
  color: #FFFFFF;
}
/* 글자 폰트 크기 지정 */
.content_p{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-align: justify;
  margin-top: 30px;
  margin-bottom: 5px;
  vertical-align : bottom;
}
.content_p2{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-align: justify;
  margin-top: 0px;
  margin-right:130px;
  margin-bottom: 5px;
  vertical-align : bottom;  
}
.content_p3{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-align: justify;
  margin-top: 0px;
  margin-left:10px;
  margin-bottom: 5px;
  vertical-align : bottom;
}
.content_p > b {
  font-weight: 500;
}
.content_p > sup {
  vertical-align: super;
  font-size: 0.6rem;
}
.content_ps{
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content_b{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: justify;
  vertical-align : bottom;
}
.content_b > sup{
  vertical-align: super;
  font-size: 0.7em;
}
.content_l{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: 10px;
  text-align: justify;
}
.content_l > sup {
  vertical-align: super;
  font-size: 0.5em;
}
.content_r{
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: 0px;
  text-align: justify;
}
.content_r > sup{
  vertical-align: super;
  font-size: 0.7em;
}
.left_align_10 img {width:10%; margin-right:30px; margin-top:5px; margin-bottom:0px; float: left;}
.right_align_10 img {width:10%; margin-left:30px; margin-top:5px; margin-bottom:0px; float: right;}
.left_align_40 img {width:40%; margin-right:20px; margin-top:5px; margin-bottom:10px; float: left;}
.left_align_25 img {width:25%; margin-right:20px; margin-top:5px; margin-bottom:10px; float: left;}
.left_align_40 img {width:40%; margin-right:20px; margin-top:5px; margin-bottom:10px; float: left;}
.right_align_50 img {width:50%; margin-left:20px; margin-top:5px; float: right;}
.right_align_60 img {width:60%; margin-left:20px; margin-top:5px; float: right;}

.content_subtit {
  font-size: 1.8rem;
  line-height: 2.0rem;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 50px;
  color: #5058a6;
  text-align: center;
  vertical-align:middle;
}
.content_subtit img{
  vertical-align:middle;
}
.content_subtit p {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
}
.content_subtit > span{
  line-height: 1.8rem;
  color: #fff;
  margin-top: 15px;
  padding-top: 15px;
  background-color: #5058a6;
}
.content_subtit_line{
  font-size: 2.0rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 1.5rem;
}
.content_subtit_line p {
display: inline;
border-bottom: 1px solid #4a725b;;
}
.content_subtit_bg{
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 3px 10px;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #2a728b;
}

.content_subtit2 {
  font-size: 1.8em;
  line-height: 1.8em;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 10px;
vertical-align:middle;
}
.content_subtit2  span{
  line-height: 2.0em;
}
.content_subtit2 > sup{
  font-size: 0.6rem;
}
.content_subtit3{
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 1.5rem;
  font-size: 1rem;
}
.content_subtit3>span{
  display: inline-block;
  padding: 0px;
  color: #fff;
}
.content_subtit4{
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.2rem;
  font-size: 2.0rem;
  font-weight: 700;
}
.content_subtit4>span{
  font-size: 1.4rem;
  padding: 0px;
  color: #999;
}

.content_h3{
  margin-top: 20px;
}
.content_h3>span{
  color: #fff;
  font-size: 0.9rem;
  padding: 3px 10px;
  border-radius: 50px;
  font-weight: 400;
}

.content_box{
  margin-top: 20px;
  margin-bottom: 20px;
}
.content_box>span{
  font-size: 1.2rem;
  padding: 3px 10px;
  border-radius: 0px;
  font-weight: 600;
  background-color: #e0eefb;
}
.content_box2{
  margin-top: 20px;
  margin-bottom: 20px;
}
.content_box2>span{
  color: #fff;
  font-size: 1.0rem;
  padding: 3px 10px;
  border-radius: 0px;
  font-weight: 600;
  background-color: #9e7eb9;
}

.content_box3{
  padding: 10px;
  border: 1px solid #9e7eb9;
  margin-top: 0px;
  margin-bottom: 0px;
}

.content_box4{
  margin-top: 20px;
  margin-bottom: 20px;
}
.content_box4>span{
  color: #fff;
  font-size: 1.0rem;
  padding: 3px 10px;
  border-radius: 0px;
  font-weight: 600;
  background-color: #618dca;
}

.content_box5{
  margin-top: 20px;
  margin-bottom: 20px;
}
.content_box5>span{
  color: #fff;
  font-size: 1.2rem;
  padding: 3px 10px;
  border-radius: 0px;
  font-weight: 600;
  background-color: #696589;
}

.content_box5_dot{
  width:85%;
  margin: 0 auto;
  padding: 5px 10px;
  border: 1px dotted #618dca;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content_box5_line{
  width:85%;
  margin: 0 auto;
  padding: 5px 10px;
  border: 1px solid #618dca;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content_box6{
  margin-top: 20px;
  margin-bottom: 20px;
}
.content_box6>span{
  color: #fff;
  font-size: 1.2rem;
  padding: 3px 10px;
  border-radius: 0px;
  font-weight: 600;
  background-color: #279588;
}

/* 컨텐츠 이미지 */
.content_oneimg{
  margin: 30px auto 0;
  width: 100%;
  text-align: center;
}
.content_oneimg>img{
  object-fit: contain;
}
.content_imglink{
  margin: 0px auto 0;
  width: 100%;
  text-align: center;
}
.content_imglink>img{
  object-fit: contain;
  vertical-align: bottom;

}
.content_imglink>a>img{
  object-fit: contain;
  vertical-align: bottom;
}
.sup_txt{
  font-size: 0.8rem;
  color: #555;
  line-height: 1.0rem;
  margin-top: 10px;
  margin-left: 15px;
  text-align: left;
}
.sup_txt span{
  margin-left: -15px;
}
.img_txt_title{
    font-size: 1.0em;
    color: #555;
    line-height: 1.2rem;
    margin-top: 10px;
    text-align: left;
    padding-top: 0px;
}
.img_txt{
  font-size: 0.7rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 10px;
  text-align: left;
}
.img_txt1{
  font-size: 0.9rem;
  color: #555;
  line-height: 1.0rem;
  margin-top: 10px;
  text-align: center;
}
.img_txt2{
  font-size: 0.6rem;
  color: #555;
  line-height: 1rem;
  margin-top: 10px;
  text-align: left;
}
.img_txt3{
  font-size: 0.8rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 10px;
  text-align: left;
}
.img_txt4{
  font-size: 0.6rem;
  color: #555;
  line-height: 1rem;
  margin-top: 10px;
  text-align: right;
}
.img_txt5{
  font-size: 0.7rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 10px;
  text-align: right;
}
.img_txt_bg{
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.2rem;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #1f6a9d;
}
.content_twoimg{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.content_twoimg>li{
  width: 50%;
  margin-top: 20px;
}
.content_twoimg>li>img{
  width: 100%;
}
.content_twoimg>li>span{
  font-size: 0.9rem;
  font-weight: 300;
  background-color:#b38081;
  color:#FFFFFF;
  padding:0px 5px 3px 5px;
}
.content_twoimg>li>span>sup{
  font-size: 0.5rem;
}
.content_title_ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 0px;
}
.content_title_ul > li:first-child {
  width: 15%;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.0rem;
  margin-top: 0px;
}
.content_title_ul > li:nth-child(2) {
  width: 85%;
  text-align: right;
  font-size: 1.2rem;
  padding-top: 0px;
  text-align: justify;
  vertical-align : bottom;
  margin-left: 10px;
}
.content_1img{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
}
.content_1img>li p {
  width: 100%;
  margin-bottom: 0px;
  vertical-align : bottom;
  text-align: right;
}
.content_1img>li>img{
  width: 100%;
}
.content_1img>li>span{
  font-size: 0.9rem;
  font-weight: 300;
  background-color:#b38081;
  color:#FFFFFF;
  padding:0px 5px 3px 5px;
}
.content_1img>li>span>sup{
  font-size: 0.5rem;
}

.content_1_1img{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.content_1_1img>li{
  width: 100%;
  margin-top: 20px;
}
.content_1_1img>li>img{
  width: 100%;
}
.content_1_1img>li>span{
  font-size: 0.9rem;
  font-weight: 300;
  background-color:#b38081;
  color:#FFFFFF;
  padding:0px 5px 3px 5px;
}
.content_1_1img>li>span>sup{
  font-size: 0.5rem;
}

.content_2img{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  gap: 20px;
}
.content_2img>li{
  width: 50%;  
}
.content_2img>li>img{
  width: 100%;
}
.content_3img{
  width: 100%;
  display: flex;
  margin-top: 0px;
  color: #fff;
  background-color: #d86275;
  padding: 10px;
}
.content_3img > li:nth-child(1){
  width: 24%;
  padding-right: 10px;
}
.content_3img > li:nth-child(2){
  width: 38%;
  padding-left: 30px;
  border-left: 1px solid #fff;
}
.content_3img > li:nth-child(3){
  width: 38%;
  padding-right: 20px;
}
.content_3img > li > img{
  width: 100%;
}


.content_2p{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.content_2p>li{
  margin-top: 0px;
}
.content_2p>li>img{
  width: 100%;
}
.profile_wrap{
  margin-top: 200px;
}
.profile{
  display: flex;
  justify-content: space-between;
}
.ceo_name{
  font-size: 0.9rem;
  text-align: center;
  margin-top: 10px;
  line-height: 1.6rem;
}
.profile>li>h4{
  font-size: 1rem;
  border-bottom: 1px solid #aaa;
  padding-bottom: 20px;
}
.profile_p{
  font-size: 0.85rem;
  font-weight: 300;
  line-height: 1.6rem;
}
.profile_p2{
  font-size: 0.85rem;
  font-weight: 300;
  line-height: 1.2rem;
}
.profile_table td{
  font-size: 0.85rem;
  vertical-align: top;
  font-weight: 300;
  line-height: 1.2rem;
  padding-bottom: 10px;
}
.profile_table td:nth-child(1){
  text-align: right;
  padding-right: 20px;
}
/* sub_table */
.sub_table table{
  width: 100%;
  border-collapse:collapse;
  border: 1px solid #ddd;
}
.sub_table table td{
  padding: 10px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 1.0rem;
}
.sub_table table td:first-child{
  border-right: 1px solid #ddd;
  text-align: center;
}

.sub_pdf_bt{
  text-align: center;
  margin-top: 30px;
}
.sub_pdf_bt>a{
  background-color: #006231;
  font-size: 0.9rem;
  padding: 8px 20px;
  border-radius: 50px;
  color: #fff;
}
.sub_pdf_bt>a:hover{
  background-color: #84b393;
}
.sub_pdf2_bt{
  text-align: center;
  margin-top: 30px;
}
.sub_pdf2_bt>a{
  background-color: #7a6079;
  font-size: 0.9rem;
  padding: 8px 20px;
  border-radius: 50px;
  color: #fff;
}
.sub_pdf2_bt>a:hover{
  background-color: #c2afbe;
}
.sub_pdf3_bt{
  text-align: center;
  margin-top: 30px;
}
.sub_pdf3_bt>a{
  background-color: #231815;
  font-size: 1.4rem;
  padding: 8px 20px;
  border-radius: 50px;
  color: #fff;
}
.sub_pdf3_bt>a:hover{
  background-color: #0095da;
}
.table0{
  width: 100%;
}
.table0 td{
  padding: 0px;
  word-break: break-all; 
  height: auto;
}
.table0 td:first-child{
  border-right: none;
}
.table0 td:last-child{
  word-break: break-all; 
  height: auto;
}
.table2{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table2 th , td{
  padding: 10px;
}
.table2 td{
  border-bottom: 1px solid  #00889c;
  border-right: 1px solid  #00889c;
}
.table2 td:last-child{
  border-right: none;
}
.table3{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table3 th , td{
  padding: 10px;
}
.table3 td{
  border-bottom: 1px solid  #a97f5a;
  border-right: 1px solid  #a97f5a;
}
.table3 td:last-child{
  border-right: none;
}
.table4{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table4 th , td{
  padding: 10px;
}
.table4 td{
  border-bottom: 1px solid  #006231;
  border-right: 1px solid #006231;
}
.table4 td:last-child{
  border-right: none;
}

.table5{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table5 th , td{
  padding: 10px;
}
.table5 td{
  border-bottom: 1px solid  #696589;
  border-right: 1px solid #696589;
}
.table5 td:last-child{
  border-right: none;
}

.table6{
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table6 th , td{
  padding: 10px;
}
.table6 td{
  border-bottom: 1px solid  #7a6079;
  border-right: 1px solid #7a6079;
}
.table6 td:last-child{
  border-right: none;
}

.table7{
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border-collapse:collapse;
}
.table7 th , td{
  padding: 10px;
}
.table7 td{
  border-bottom: 1px solid #0f75bc;
  border-right: 1px solid #0f75bc;
}
.table7 span {
  color:#0f75bc;
}
.table7 td:last-child{
  border-right: none;
}

.m_img{
  display: none;
}
.icon_wrap{
  display: flex;
  margin-top: 20px;
}
.icon_flex{
  display: flex;
  align-items: center;
}
.icon_flex>li{
 padding-right:10px;
 font-size: 1.2rem;
}
.icon_flex>li>img{
  width: 40px;
}
.topbtn {width:100%;text-align:center;padding:50px 0 0 0;}
.topbtn img {border:0;}

.pl200 {padding-left: 200px !important;}
.blockquote01 dt span {	color:#eb5070;	margin: 0px 10px 0 5px;}

@media screen and (max-width: 1400px) {
 .content_p{
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 0px;
 }
  .content_p > b {
  font-weight: 500;
 }
 .content_p > sup {
  vertical-align: super;
  font-size: 0.6rem;
 }
 .content_ps{
  font-size: 0.7rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
 }
 .content_b{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 10px;
  text-align: justify;
  vertical-align : bottom;
 }
 .content_b > sup{
  vertical-align: super;
  font-size: 0 .7em;
 }
 .content_l{
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: justify;
 }
 .content_l sup {
  vertical-align: super;
  font-size: 0 .5em;
 }
 .content_r{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 0px;
  text-align: justify;
 }
 .content_r > sup{
  vertical-align: super;
  font-size: 0 .7em;
 }
 .content_subtit{
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
 }
 .content_subtit p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
 }
 .content_subtit_line{
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
 }
 .content_subtit_line p {
  display: inline;
  border-bottom: 1px solid #4a725b;;
 }
 .content_subtit_bg{
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 3px 10px;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #2a728b;
 }
 .content_subtit > span{

 }
 .content_subtit2{
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1rem;
 }
 .content_subtit2 > sup{
  font-size: 0 .6rem;
 }
 .content_subtit3{
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 1.5rem;
  font-size: 1rem;
 }
 .content_subtit3>span{
  display: inline-block;
  padding: 0px;
  color: #fff;
 }
 .content_subtit4{
  margin-top: 0px;
  margin-bottom: 5px;
  line-height: 1.2rem;
  font-size: 2.0rem;
  font-weight: 700;
 }
 .content_subtit4>span{
  font-size: 1.2rem;
  padding: 0px;
  color: #999;
 }
 /* 글자 폰트 크기 지정 끝 */

 .sub_tit{
  font-size: 1.5rem; 
  line-height: 2.5rem;
 }
 .sub_tit_s{
  font-size: 1.1rem; 
  line-height: 2rem;
  color: #6D6E71;
 }
 .p150{
  padding: 80px 0;
 }
 .content_img{
  width: 100%;
 }
 .content_img>img{
  width: 100%;
 }
 .content_oneimg{
  width: 100%;
 }
 .content_oneimg>img{
  width: 100%;
 }
 .content_twoimg{
  flex-direction: column;
 }
 .content_twoimg>li{
  width: 100%;
 }
  .content_1img{
  flex-direction: column;
 }
 .content_1img>li{
  width: 100%;
 }
  .content_1img>li>img{
  width: 100%;
 }
  .content_2img{
  flex-direction: column;
 }
 .content_2img>li{
  width: 100%;
 }
 .mt100{
  margin-top: 50px;
 }
 .sub_table table td ,.table2{
  font-size: 0.75rem;
 }
 .pc_img{
  display: none;
 }
 .m_img{
  display: block;
 }
 .profile{
  flex-direction: column;
 }
 .profile>li>img{
  width: 100%;
 }
 .profile_wrap {
  margin-top: 100px;
 }
 .sub_content_nav2{
  flex-direction: column;
 }
 .sub_content_nav2>li{
  width: 100%;
 }
 .sub_content_nav2>li>p{
  font-size: 0.8rem;
 }
 .content_t{
  text-align: justify;
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.5rem;
 }
 .main_video{
  width: 100%;
 }
 .table7{
  width: 100%;
  font-size: 0.7rem;
  line-height: 1.0rem;
  text-align: center;
  border-collapse:collapse;
 }
 .table7 th , td{
  padding: 10px;
  font-size: 0.7rem;
 }
 .table7 td{
  border-bottom: 1px solid #0f75bc;
  border-right: 1px solid #0f75bc;
 }
 .table7 span {
  color:#0f75bc;
 }
 .table7 td:last-child{
  border-right: none;
 }
 .sup_txt{
  font-size: 0.7rem;
  line-height: 1.0rem;
  color: #555;
  margin-top: 10px;
  margin-left: -15px;
  text-align: left;
 }
 .sup_txt span{
  margin-left: -15px;
 }
 .img_txt{
  font-size: 0.6rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 0px;
  text-align: left;
  padding-top: 0px;
 }
 .img_txt1{
  font-size: 0.6rem;
  color: #555;
  line-height: 1.0rem;
  margin-top: 0px;
  text-align: center;
 }
 .img_txt2{
  font-size: 0.6rem;
  color: #555;
  line-height: 1rem;
  margin-top: 0px;
  text-align: left;
 }
 .img_txt3{
  font-size: 0.6rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 0px;
  text-align: left;
 }
 .img_txt4{
  font-size: 0.6rem;
  color: #555;
  line-height: 1rem;
  margin-top: 0px;
  text-align: right;
 }
 .img_txt5{
  font-size: 0.7rem;
  color: #555;
  line-height: 1.2rem;
  margin-top: 10px;
  text-align: right;
 }
 .img_txt_bg{
  font-size: 0.8rem;
  color: #fff;
  line-height: 1.2rem;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  background-color: #1f6a9d;
 }
}

@media screen and (max-width: 992px) {
   .content_p{
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 0px;
   }
    .content_p > b {
    font-weight: 500;
   }
   .content_p > sup {
    vertical-align: super;
    font-size: 0.6rem;
   }
   .content_ps{
    font-size: 0.7rem;
    font-weight: 300;
    line-height: 1.5rem;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
   }
   .content_b{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.0rem;
    margin-top: 10px;
    text-align: justify;
    vertical-align : bottom;
   }
   .content_b > sup{
    vertical-align: super;
    font-size: 0 .7em;
   }
   .content_l{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: justify;
   }
   .content_l sup {
    vertical-align: super;
    font-size: 0 .5em;
   }
   .content_r{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-top: 0px;
    text-align: justify;
   }
   .content_r > sup{
    vertical-align: super;
    font-size: 0 .7em;
   }
   .content_subtit{
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
   }
   .content_subtit p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
   }
   .content_subtit_line{
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
   }
   .content_subtit_line p {
    display: inline;
    border-bottom: 1px solid #4a725b;;
   }
   .content_subtit_bg{
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 3px 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    background-color: #2a728b;
   }
   .content_subtit > span{
   }
   .content_subtit2{
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.5rem;
    font-size: 1rem;
   }
   .content_subtit2 > sup{
    font-size: 0 .6rem;
   }
   .content_subtit3{
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 1.5rem;
    font-size: 1rem;
   }
   .content_subtit3>span{
    display: inline-block;
    padding: 0px;
    color: #fff;
   }
   .content_subtit4{
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 1.2rem;
    font-size: 2.0rem;
    font-weight: 700;
   }
   .content_subtit4>span{
    font-size: 1.2rem;
    padding: 0px;
    color: #999;
   }
 /* 글자 폰트 크기 지정 끝 */

   .sub_tit{
    font-size: 1.5rem; 
    line-height: 2.5rem;
   }
   .sub_tit_s{
    font-size: 1.1rem; 
    line-height: 2rem;
    color: #6D6E71;
   }
   .p150{
    padding: 80px 0;
   }
   .content_img{
    width: 100%;
   }
   .content_img>img{
    width: 100%;
   }
   .content_oneimg{
    width: 100%;
   }
   .content_oneimg>img{
    width: 100%;
   }
   .content_twoimg{
    flex-direction: column;
   }
   .content_twoimg>li{
    width: 100%;
   }
    .content_1img{
    flex-direction: column;
   }
   .content_1img>li{
    width: 100%;
   }
    .content_1img>li>img{
    width: 100%;
   }
    .content_2img{
    flex-direction: column;
   }
   .content_2img>li{
    width: 100%;
   }
   .mt100{
    margin-top: 50px;
   }
   .sub_table table td ,.table2{
    font-size: 0.75rem;
   }
   .pc_img{
    display: none;
   }
   .m_img{
    display: block;
   }
   .profile{
    flex-direction: column;
   }
   .profile>li>img{
    width: 100%;
   }
   .profile_wrap {
    margin-top: 100px;
   }
   .sub_content_nav2{
    flex-direction: column;
   }
   .sub_content_nav2>li{
    width: 100%;
   }
   .sub_content_nav2>li>p{
    font-size: 0.8rem;
   }
   .content_t{
    text-align: justify;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.5rem;
   }
   .main_video{
    width: 100%;
   }
   .table7{
    width: 100%;
    font-size: 0.7rem;
    line-height: 1.0rem;
    text-align: center;
    border-collapse:collapse;
   }
   .table7 th , td{
    padding: 10px;
    font-size: 0.7rem;
   }
   .table7 td{
    border-bottom: 1px solid #0f75bc;
    border-right: 1px solid #0f75bc;
   }
   .table7 span {
    color:#0f75bc;
   }
   .table7 td:last-child{
    border-right: none;
   }
   .sup_txt{
    font-size: 0.7rem;
    line-height: 1.0rem;
    color: #555;
    margin-top: 10px;
    margin-left: -15px;
    text-align: left;
   }
   .sup_txt span{
    margin-left: -15px;
   }
   .img_txt_title{
    font-size: 1.4em;
    color: #555;
    line-height: 1.2rem;
    margin-top: 0px;
    text-align: left;
    padding-top: 0px;
   }
   .img_txt{
    font-size: 0.6rem;
    color: #555;
    line-height: 1.2rem;
    margin-top: 0px;
    text-align: left;
    padding-top: 0px;
   }
   .img_txt1{
    font-size: 0.6rem;
    color: #555;
    line-height: 1.0rem;
    margin-top: 0px;
    text-align: center;

   }
   .img_txt2{
    font-size: 0.6rem;
    color: #555;
    line-height: 1rem;
    margin-top: 0px;
    text-align: left;
   }
   .img_txt3{
    font-size: 0.6rem;
    color: #555;
    line-height: 1.2rem;
    margin-top: 0px;
    text-align: left;
   }
   .img_txt4{
    font-size: 0.6rem;
    color: #555;
    line-height: 1rem;
    margin-top: 0px;
    text-align: right;
   }
   .img_txt5{
    font-size: 0.7rem;
    color: #555;
    line-height: 1.2rem;
    margin-top: 10px;
    text-align: right;
   }
   .img_txt_bg{
    font-size: 0.8rem;
    color: #fff;
    line-height: 1.2rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    background-color: #1f6a9d;
   }
}

@media screen and (max-width: 576px) {
    .content_p{
     font-size: 1.0rem;
     font-weight: 400;
     line-height: 1.5rem;
     text-align: justify;
     margin-top: 10px;
     margin-bottom: 0px;
    }
    .content_p2{
     font-size: 1.0rem;
     font-weight: 400;
     line-height: 1.5rem;
     text-align: justify;
     margin-top: 10px;
	 margin-right:0px;
	 margin-bottom: 0px;
    }
    .content_p3{
     font-size: 1.0rem;
     font-weight: 400;
     line-height: 1.5rem;
     text-align: justify;
     margin-top: 10px;
	 margin-left:0px;
     margin-bottom: 0px;
    }
     .content_p > b {
     font-weight: 500;
    }
    .content_p > sup {
     vertical-align: super;
     font-size: 0.6rem;
    }
    .content_ps{
     font-size: 0.7rem;
     font-weight: 300;
     line-height: 1.5rem;
     text-align: justify;
     margin-top: 10px;
     margin-bottom: 10px;
    }
    .content_b{
     font-size: 1.2rem;
     font-weight: 600;
     line-height: 1.0rem;
     margin-top: 10px;
     text-align: justify;
    vertical-align : bottom;
    }
    .content_b > sup{
     vertical-align: super;
     font-size: 0 .7em;
    }
    .content_l{
     font-size: 1.1rem;
     font-weight: 500;
     line-height: 1.5rem;
     text-align: justify;
    }
    .content_l sup {
     vertical-align: super;
     font-size: 0 .5em;
    }
    .content_r{
     font-size: 1.2rem;
     font-weight: 600;
     line-height: 1.5rem;
     margin-top: 0px;
     text-align: justify;
    }
    .content_r > sup{
     vertical-align: super;
     font-size: 0 .7em;
    }
    .content_subtit{
     font-size: 1.2rem;
     line-height: 1.6rem;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 10px;
    }
    .content_subtit p {
     font-size: 1.2rem;
     line-height: 1.6rem;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 10px;
    }
    .content_subtit_line{
     font-size: 1.2rem;
     line-height: 1.6rem;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 10px;
    }
    .content_subtit_line p {
     display: inline;
     border-bottom: 1px solid #4a725b;;
    }
    .content_subtit_bg{
     color: #fff;
     font-size: 1.2rem;
     line-height: 1.5rem;
     padding: 3px 10px;
     margin-top: 30px;
     margin-bottom: 10px;
     background-color: #2a728b;
    }
    .content_subtit > span{
     padding-top: 0px;
     border-top: 0px solid #1f3267;
    }
    .content_subtit2{
     margin-top: 40px;
     margin-bottom: 20px;
     line-height: 1.5rem;
     font-size: 1rem;
    }
    .content_subtit2 > sup{
     font-size: 0 .6rem;
    }
    .content_subtit3{
     margin-top: 30px;
     margin-bottom: 10px;
     line-height: 1.5rem;
     font-size: 1rem;
    }
    .content_subtit3>span{
     display: inline-block;
     padding: 0px;
     color: #fff;
    }
    .content_subtit4{
     margin-top: 0px;
     margin-bottom: 5px;
     line-height: 1.2rem;
     font-size: 2.0rem;
     font-weight: 700;
    }
    .content_subtit4>span{
     font-size: 1.2rem;
     padding: 0px;
     color: #999;
    }
    /* 글자 폰트 크기 지정 끝 */
    /*가운데 선*/
   .line{width:100%;margin: auto;margin-bottom: 40px;border-bottom: 1px dotted #65c7c1;}
   /*.line::before{ content:""; flex-grow:1; margin:0px 10px; background:rgba(0,0,0,0.35); height:1px; font-size:0px; line-height: 0px; } 왼쪽 제거*/
   .line::after { content:""; flex-grow:1; margin:0px 10px; background:rgba(0,140,214,0.9); height:1px; font-size:0px; line-height: 0px; }
    .sub_tit{
     font-size: 1.5rem; 
     line-height: 2.5rem;
    }
    .sub_tit_s{
     font-size: 1.1rem; 
     line-height: 2rem;
     color: #6D6E71;
    }
    .p150{
     padding: 80px 0;
    }
    .content_img{
     width: 100%;
    }
    .content_img>img{
     width: 100%;
    }
    .content_oneimg{
     width: 100%;
    }
    .content_oneimg>img{
     width: 100%;
    }
    .content_twoimg{
     flex-direction: column;
    }
    .content_twoimg>li{
     width: 100%;
    }
    .content_title_ul {
     flex-direction: column;
      margin-top: 20px;
      margin-bottom: 0px;
    }
    .content_title_ul > li:first-child {
      width: 100%;
    }
    .content_title_ul > li:nth-child(2) {
      width: 100%;
    }
     .content_1img{
     flex-direction: column;
    }
    .content_1img>li{
     width: 100%;
    }
     .content_1img>li>img{
     width: 100%;
    }
     .content_2img{
     flex-direction: column;
    }
    .content_2img>li{
     width: 100%;
    }
    .mt100{
     margin-top: 50px;
    }
    .sub_table table td ,.table2{
     font-size: 0.75rem;
    }
    .pc_img{
     display: none;
    }
    .m_img{
     display: block;
    }
    .profile{
     flex-direction: column;
    }
    .profile>li>img{
     width: 100%;
    }
    .profile_wrap {
     margin-top: 100px;
    }
    .sub_content_nav2{
     flex-direction: column;
    }
    .sub_content_nav2>li{
     width: 100%;
    }
    .sub_content_nav2>li>p{
     font-size: 0.8rem;
    }
    .content_t{
     text-align: justify;
     font-size: 1.0rem;
     font-weight: 400;
     line-height: 1.5rem;
    }
    .main_video{
     width: 100%;
    }
    .table7{
     width: 100%;
     font-size: 0.7rem;
     line-height: 1.0rem;
     text-align: center;
     border-collapse:collapse;
    }
    .table7 th , td{
     padding: 10px;
     font-size: 0.7rem;
    }
    .table7 td{
     border-bottom: 1px solid #0f75bc;
     border-right: 1px solid #0f75bc;
    }
    .table7 span {
     color:#0f75bc;
    }
    .table7 td:last-child{
     border-right: none;
    }
    .sup_txt{
     font-size: 0.7rem;
     line-height: 1.0rem;
     color: #555;
     margin-top: 5px;
    margin-left: 10px;
     text-align: left;
    }
   .sup_txt span{
     margin-left: -10px;
    }
    .img_txt{
     font-size: 0.6rem;
     color: #555;
     line-height: 1.2rem;
     margin-top: 0px;
     text-align: left;
     padding-top: 0px;
    }
    .img_txt1{
     font-size: 0.6rem;
     color: #555;
     line-height: 1.0rem;
     margin-top: 0px;
     text-align: center;
    }
    .img_txt2{
     font-size: 0.6rem;
     color: #555;
     line-height: 1rem;
     margin-top: 0px;
     text-align: left;
    }
    .img_txt3{
     font-size: 0.6rem;
     color: #555;
     line-height: 1.2rem;
     margin-top: 0px;
     text-align: left;
    }
    .img_txt4{
     font-size: 0.6rem;
     color: #555;
     line-height: 1rem;
     margin-top: 0px;
     text-align: right;
    }
    .img_txt5{
     font-size: 0.7rem;
     color: #555;
     line-height: 1.2rem;
     margin-top: 5px;
     text-align: right;
    }
    .img_txt_bg{
     font-size: 0.8rem;
     color: #fff;
     line-height: 1.2rem;
     padding-top: 0px;
     padding-bottom: 0px;
     text-align: center;
     background-color: #1f6a9d;
    }
    .content_3img{
     width: 100%;
     display: flex;
     margin-top: 0px;
     color: #fff;
     background-color: #d86275;
     padding: 8px;
     font-size: 0.8rem;
    }
    .content_3img > li:nth-child(1){
      width: 24%;
      padding-right: 5px;
    }
    .content_3img > li:nth-child(2){
     width: 38%;
     padding-left: 5px;
     border-left: 1px solid #fff;
    }
   .content_3img > li:nth-child(3){
     width: 38%;
     padding-left: 5px;
     padding-right: 5px;
     border-left: 1px solid #fff;
    }
    .content_3img > li > img{
      width: 100%;
    }
    .table0{
      width: 100%;
    }
    .table0 td{
      padding: 0px;
      word-break: break-all; 
      height: auto;
    }
    .table0 td:first-child{
      border-right: none;
      width: 25%;
    }
    .table0 td:last-child{
      word-break: break-all; 
      height: auto;
    }
}
/***/
@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
}

/* reset default text opacity of input placeholder */
::-webkit-input-placeholder {
  color: unset;
}
::-moz-placeholder {
  color: unset;
}
:-ms-input-placeholder {
  color: unset;
}
::-ms-input-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* remove default dot (•) sign */
::marker {
  content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
}

@font-face {
  font-family: "Jalnan";
  font-weight: 400;
  src: url("../font/JalnanfontTTF.ttf") format("truetype");
}

.sub {
  position: relative;
}

.sub_page .container .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 1100px;
}
.sub_page .container_01_03 {
  padding-top: 180px;
  padding-bottom: 113px;
  background-image: url("../img/sub/con1_3_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sub_page .container_01_03 .container_title h6 {
  display: -webkit-box;
  display: -ms-flexbox;
/*  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;*/
  margin-bottom: 30px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  gap: 30px;
  line-height: 1.2;
}
.sub_page .container_01_03 .container_title h6 span {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
}
.sub_page .container_01_03 .container_title p {
  line-height: 1.6;
  color: #fff;
  font-size: 22px;
}
.sub_page .container_01_03 .container_title p >span {
  line-height: 1.6;
  color: #004180;
  font-size: 22px;
  font-weight: 700;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 30px;
}
.sub_page .container_01_03 .container_contents p {
  line-height: 1.6;
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
}
.sub_page .container_01_03 .container_contents2 p {
  line-height: 1.6;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-top: 20px;
}
.sub_page .container_01_03 .container_contents > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          /*align-items: flex-end;하단 정렬*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0px;
  gap: 0px;
}
.sub_page .container_01_03 .container_contents2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          /*align-items: flex-end;하단 정렬*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0px;
  gap: 0px;
}
.sub_page .container_02 {
  padding: 30px 0 30px 0;
}
.sub_page .container_02 h6 {
  margin-bottom: 50px;
  color: #17276e;
  font-size: 34px;
  font-weight: bold;
}
.sub_page .container_02 p {
  line-height: 1.6;
}
.sub_page .container_02 .container_contents > div {
  /* display: -webkit-box;
  display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;*/
  margin-top: 20px;
  margin-bottom: 30px;
  gap: 20px;
}
.sub_page .container_03 {
  padding: 0 0 110px 0;
}
.sub_page .container_03 img {
  margin: auto;
  display: block;
}
.sub_page .container_03 h6 {
  margin-bottom: 50px;
  color: #17276e;
  font-size: 34px;
  font-weight: bold;
}
.sub_page .container_03 p {
  line-height: 1.6;
}
.sub_page .container_03 .sup_txt{
  font-size: 0.8rem;
  color: #555;
  line-height: 1.0rem;
  margin-top: 10px;
  text-align: left;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.sub_page .container_04 {
  position: relative;
  padding: 0 0 165px 0;
}
.sub_page .container_04::before {
  position: absolute;
  top: 350px;
  left: 0;
  content: "";
  width: 100%;
  height: calc(100% - 350px);
  background-color: #00142f;
}
.sub_page .container_04 img {
  margin-bottom: 97px;
}
.sub_page .container_04 h6 {
  margin-bottom: 50px;
  color: #537fbc;
  font-size: 34px;
  font-weight: bold;
}
.sub_page .container_04 p {
  line-height: 1.6;
  color: #fff;
  font-size: 18px;
}
.sub_page .container_04 .profile {
  margin-top: 120px;
}
.sub_page .container_04 .profile h6 {
  margin-bottom: 25px;
}
.sub_page .container_04 .profile > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 115px;
}
.sub_page .container_04 .profile > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}
.sub_page .container_04 .profile > div > div p {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
.sub_page .container_04 .profile > div > div ul li {
  line-height: 1.6;
  color: #fff;
  font-size: 18px;
}

.btn_top {
  position: fixed;
  right: 30px;
  bottom: 30px;
}
.btn_top button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  background-color: #537fbc;
  border-radius: 50%;
  cursor: pointer;
}

@media screen and (max-width: 1400px) {
  .sub_page .container .inner {
    width: calc(100% - 60px);
  }
  .sub_page .container_01_03 {
    padding-top: 180px;
    padding-bottom: 113px;
  }
  .sub_page .container_01_03 .container_title h6 {
    margin-bottom: 56px;
    font-size: 88px;
    gap: 30px;
  }
  .sub_page .container_01_03 .container_title h6 span {
    font-size: 30px;
  }
  .sub_page .container_01_03 .container_title p {
    font-size: 18px;
  }
  .sub_page .container_02 {
    padding: 77px 0 120px 0;
  }
  .sub_page .container_02 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_02 p {
    font-size: 18px;
  }
  .sub_page .container_02 .container_contents > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 90px;
    gap: 60px;
  }
  .sub_page .container_03 {
    padding: 0 0 110px 0;
  }
  .sub_page .container_03 img {
    margin-bottom: 97px;
  }
  .sub_page .container_03 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_03 p {
    font-size: 18px;
  }
  .sub_page .container_04 {
    padding: 0 0 165px 0;
  }
  .sub_page .container_04::before {
    top: 350px;
    height: calc(100% - 350px);
  }
  .sub_page .container_04 img {
    margin-bottom: 97px;
  }
  .sub_page .container_04 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_04 p {
    font-size: 18px;
  }
  .sub_page .container_04 .profile {
    margin-top: 120px;
  }
  .sub_page .container_04 .profile h6 {
    margin-bottom: 25px;
  }
  .sub_page .container_04 .profile > div {
    gap: 115px;
  }
  .sub_page .container_04 .profile > div > div {
    gap: 15px;
  }
  .sub_page .container_04 .profile > div > div p {
    font-size: 22px;
  }
  .sub_page .container_04 .profile > div > div ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  .sub_page .container .inner {
    width: calc(100% - 60px);
  }
  .sub_page .container_01_03 {
    padding-top: 180px;
    padding-bottom: 113px;
  }
  .sub_page .container_01_03 .container_title h6 {
    margin-bottom: 56px;
    font-size: 60px;
    gap: 30px;
  }
  .sub_page .container_01_03 .container_title h6 span {
    font-size: 30px;
  }
  .sub_page .container_01_03 .container_title p {
    font-size: 18px;
  }
  .sub_page .container_02 {
    padding: 77px 0 120px 0;
  }
  .sub_page .container_02 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_02 p {
    font-size: 18px;
  }
  .sub_page .container_02 .container_contents > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 90px;
    gap: 60px;
  }
  .sub_page .container_03 {
    padding: 0 0 110px 0;
  }
  .sub_page .container_03 img {
    margin-bottom: 97px;
  }
  .sub_page .container_03 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_03 p {
    font-size: 18px;
  }
  .sub_page .container_04 {
    padding: 0 0 165px 0;
  }
  .sub_page .container_04::before {
    top: 250px;
    height: calc(100% - 250px);
  }
  .sub_page .container_04 img {
    margin-bottom: 97px;
  }
  .sub_page .container_04 h6 {
    margin-bottom: 50px;
    font-size: 34px;
  }
  .sub_page .container_04 p {
    font-size: 18px;
  }
  .sub_page .container_04 .profile {
    margin-top: 120px;
  }
  .sub_page .container_04 .profile h6 {
    margin-bottom: 25px;
  }
  .sub_page .container_04 .profile > div {
    gap: 30px;
  }
  .sub_page .container_04 .profile > div > div {
    gap: 15px;
  }
  .sub_page .container_04 .profile > div > div p {
    font-size: 22px;
  }
  .sub_page .container_04 .profile > div > div ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .sub_page .container .inner {
    width: calc(100% - 60px);
  }
  .sub_page .container_01_03 {
    padding-top: 180px;
    padding-bottom: 113px;
  }
  .sub_page .container_01_03 .container_title h6 {
    margin-bottom: 56px;
    font-size: 60px;
    gap: 30px;
  }
  .sub_page .container_01_03 .container_title h6 span {
    font-size: 20px;
  }
  .sub_page .container_01_03 .container_title p {
    font-size: 18px;
  }
  .sub_page .container_02 {
    padding: 77px 0 120px 0;
  }
  .sub_page .container_02 h6 {
    margin-bottom: 50px;
    font-size: 24px;
  }
  .sub_page .container_02 p {
    font-size: 18px;
  }
  .sub_page .container_02 .container_contents > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 90px;
    gap: 60px;
  }
  .sub_page .container_03 {
    padding: 0 0 110px 0;
  }
  .sub_page .container_03 img {
    margin-bottom: 97px;
  }
  .sub_page .container_03 h6 {
    margin-bottom: 50px;
    font-size: 24px;
  }
  .sub_page .container_03 p {
    font-size: 18px;
  }
  .sub_page .container_04 {
    padding: 0 0 165px 0;
  }
  .sub_page .container_04::before {
    top: 150px;
    height: calc(100% - 150px);
  }
  .sub_page .container_04 img {
    margin-bottom: 97px;
  }
  .sub_page .container_04 h6 {
    margin-bottom: 50px;
    font-size: 24px;
  }
  .sub_page .container_04 p {
    font-size: 18px;
  }
  .sub_page .container_04 .profile {
    margin-top: 120px;
  }
  .sub_page .container_04 .profile h6 {
    margin-bottom: 25px;
  }
  .sub_page .container_04 .profile > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .sub_page .container_04 .profile > div > div {
    gap: 10px;
  }
  .sub_page .container_04 .profile > div > div p {
    font-size: 18px;
  }
  .sub_page .container_04 .profile > div > div ul li {
    font-size: 18px;
  }
 /* 넓이 */
  .w50{
  width: 100%;
  text-align: center;
}
.w60{
  width: 100%;
  text-align: center;
}
.w70{
  width: 100%;
  text-align: center;
}
.w80{
  width: 100%;
  text-align: center;
}
.w90{
  width: 100%;
  text-align: center;
}
}
@media screen and (max-width: 576px) {
  .sub_page .container .inner {
    width: calc(100% - 40px);
  }
  .sub_page .container_01_03 {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .sub_page .container_01_03 .container_title h6 {
    margin-bottom: 30px;
    font-size: 22px;
    gap: 10px;
  }
  .sub_page .container_01_03 .container_title h6 span {
    font-size: 16px;
  }
  .sub_page .container_01_03 .container_title p >span {
  line-height: 1.6;
  color: #004180;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 30px;
  }
  .sub_page .container_01_03 .container_title p {
    font-size: 16px;
  }
  .sub_page .container_01_03  .container_contents p {
  line-height: 1.6;
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  }
  .sub_page .container_01_03 .container_contents2 p {
  line-height: 1.6;
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  }
  .sub_page .container_02 {
    padding: 20px 0 0px 0;
  }
  .sub_page .container_02 h6 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .sub_page .container_02 h4 {
    margin-bottom: 10px;
    font-size: 18px;
	color:#1f3267;
  }
  .sub_page .container_02 p {
    font-size: 14px;
  }
  .sub_page .container_02 .container_contents > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 30px;
    gap: 10px;
  }
  .sub_page .container_03 {
    padding: 30px 0 30px 0;
  }
  .sub_page .container_03 img {
    margin-bottom: 10px;
  }
  .sub_page .container_03 h6 {
    margin-bottom: 10px;
  }
    .sub_page .container_03 h4 {
    margin-bottom: 0px;
    font-size: 18px;
  }
  .sub_page .container_03 p {
    font-size: 14px;
  }
  .sub_page .container_04 {
    padding: 0 0 80px 0;
  }
  .sub_page .container_04::before {
    top: 100px;
    height: calc(100% - 100px);
  }
  .sub_page .container_04 img {
    margin-bottom: 10px;
  }
  .sub_page .container_04 h6 {
    margin-bottom: 30px;
  }
  .sub_page .container_04 h4 {
    margin-bottom: 30px;
	font-size: 20px;
  }
  .sub_page .container_04 p {
  font-size: 16px;
  }
  .sub_page .container_04 .profile {
    margin-top: 80px;
  }
  .sub_page .container_04 .profile h6 {
    margin-bottom: 20px;
  }
  .sub_page .container_04 .profile > div {
    gap: 20px;
  }
  .sub_page .container_04 .profile > div > div {
    gap: 10px;
  }
  .sub_page .container_04 .profile > div > div p {
  }
  .sub_page .container_04 .profile > div > div ul li {
  }
  .btn_top {
    right: 10px;
    bottom: 10px;
  }
  .btn_top button {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
    .left_align_10 img {width:20%; margin-right:30px; margin-top:5px; margin-bottom:5px; float: left;}
    .right_align_10 img {width:20%; margin-left:30px; margin-top:5px; margin-bottom:5px; float: right;}
    .left_align_25 img {width:100%; padding:0px 0px 20px 0px;}
    .left_align_40 img {width:100%; padding:0px 0px 20px 0px;}
    .right_align_50 img {width:100%; padding:0px 0px 20px 0px;}

}
body {
  position: relative;
  font-family: "Pretendard";
}

.mo,
.br768,
.br576 {
  display: none !important;
}

.inner {
  width: 1626px;
  margin: 0 auto;
}

@media screen and (max-width: 1650px) {
  .br_hide {
    display: none !important;
  }
  .inner {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 768px) {
  .mo,
  .br768 {
    display: block !important;
  }
  .pc {
    display: none !important;
  }

}
@media screen and (max-width: 576px) {
  .br576 {
    display: block;
  }

}/*# sourceMappingURL=main.css.map */