#container{max-width: 100%;}
.sub{margin-bottom: 50px;}
.sub .sec{font-size: 17px;line-height: 1.6;}
.sub .sec h1{text-align: center;margin-bottom: 50px;}
.sub .sec h1 span{font-size: 28px;border-bottom: 4px solid #fae100;}
.sub .sec h3{font-size: 20px;border-left: 4px solid #fae100;padding-left: 6px;margin-bottom: 15px;}
.sub .sec .gray_p{padding: 25px;background: #efefef;margin-bottom: 20px;}
.sub .sec .gray_p u{font-size: 1.2em;font-weight: bold;text-decoration: none;}
.sub .sec .table_wrap{}
.sub .sec table{border-collapse: collapse;width: 100%;}
.sub .sec table th{padding: 12px;background: #fff9c7;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;word-break: keep-all;}
.sub .sec table td{padding: 12px;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;text-align: center;word-break: keep-all;}


.sub0101 .sec1{padding: 100px 0;background: #fbfbfd}
.sub0101 .sec1 figure{/*display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;*/}
.sub0101 .sec1 figure figcaption{width: 100%;text-align: center}
.sub0101 .sec1 figure > img{width: 50%;object-fit: contain;height: auto;}
.sub0101 .sec1 .name{display: flex;flex-direction: row;justify-content: center;margin-top: 50px;flex-wrap: wrap;}
.sub0101 .sec1 .name p{text-align: center;margin-right: 10px;}
.sub0101 .sec1 .name p u{text-decoration: none;color: #bbb;}

.sub0102 .sec1 figure{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub0102 .sec1 figure img{height: 300px;align-self: center;}
.sub0102 .sec1 figure figcaption{width: 48%;}
.sub0102 .sec1 table td{text-align: left;}
.sub0102 .sec1 table td dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin: 10px 0;}
.sub0102 .sec1 table td dl dt{width: 100px;font-weight: bold;}

.sub0104 .sec1 .gray_p{text-align: center;font-size: 26px;}
.sub0104 .sec1 .gray_p b{font-size: 1.2em;}
.sub0104 .sec1 .gray_p u{color: #ef551f;}
.sub0104 .sec1 img{max-width: 1200px;width: 100%;}

.sub0105 .sec1 figure{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub0105 .sec1 figure img{width: 350px;align-self: center;}
.sub0105 .sec1 figure figcaption{width: 60%;align-self: center;}
.sub0105 .sec1 table td{text-align: left;}
.sub0105 .sec1 table td p{margin: 10px 0;}
.sub0105 .sec1 table td span{background: #efefef;padding: 6px;border-radius: 4px;position: relative;margin-right: 25px;}
.sub0105 .sec1 table td span:after{position: absolute;right: -19px;top: 0;width: 1px;content: '';height: 100%;background: #bbb;}

.sub0201 .sec1{background: #fae100;}
.sub0201 .sec1 .tit{color: #000;font-size: 24px;text-align: center;position: relative;margin-bottom: 200px;}
.sub0201 .sec1 .tit:after{position: absolute;height: 100px;width:2px;left: 50%;bottom: -150px;content: '';background: #000;transform: translateX(-50%);}
.sub0201 .sec1 .tit h2{font-size: 36px;}
.sub0201 .sec1 .tit h4{font-size: 36px;margin: 15px 0;}
.sub0201 .sec1 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.sub0201 .sec1 ul li{width: 20%;background: #fff;}
.sub0201 .sec1 ul li a{display: block;text-align: center;height: 60px;line-height: 60px;background: #000;color: #fff;}
.sub0201 .sec1 ul li a:hover{background: #fff;color: #000;}
.sub0201 .sec{padding: 120px 0;}
.sub0201 .sec .top{text-align: center;}
.sub0201 .sec .top h2{font-size: 36px;font-style: italic;text-decoration: underline;color: #fae100; }
.sub0201 .sec .top h4{font-size: 36px;}
.sub0201 .sec .top h5{font-size: 20px;color: #555;margin-bottom: 20px;}
.sub0201 .sec .top p{color: #666;}
.sub0201 .sec .mid{padding: 120px 0;margin: 50px 0;}
.sub0201 .sec .mid2{margin: 50px auto;width: 100%;max-width: 1200px;}
.sub0201 .sec .mid2 img{width: 100%;}
.sub0201 .sec3, .sub0201 .sec5{background: #f1efea;}
.sub0201 .sec2 .mid{background: #00000036 url(../theme/basic/img/0201_02.jpg) no-repeat center;background-size: cover;background-blend-mode: color;}
.sub0201 .sec3 .mid{background: #00000036 url(../theme/basic/img/0201_03.jpg) no-repeat top;background-size: cover;background-blend-mode: color;}
.sub0201 .sec4 .mid{background: #00000036 url(../theme/basic/img/0201_04.jpg) no-repeat top;background-size: cover;background-blend-mode: color;}
.sub0201 .sec5 .mid{background: #00000036 url(../theme/basic/img/0201_05.jpg) no-repeat top;background-size: cover;background-blend-mode: color;}
.sub0201 .sec6 .mid{background: #00000036 url(../theme/basic/img/0201_06.jpg) no-repeat top;background-size: cover;background-blend-mode: color;}
.sub0201 .sec .mid dl{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.sub0201 .sec .mid dl dd{width: 200px;height: 200px;background: #fff;box-sizing: border-box;border-radius: 50%;text-align: center;display: flex;flex-direction: column;justify-content: center;font-size: 19px;font-weight: bold;}
.sub0201 .sec .mid dl dt{width: 200px;height: 200px;box-sizing: border-box;background: #fae100;border-radius: 50%;text-align: center;display: flex;flex-direction: column;justify-content: center;font-size: 19px;font-weight: bold;margin-left: 200px;}
.sub0201 .sec .bottom{text-align: center;}
.sub0201 .sec .bottom h6{margin: 0 auto;padding: 12px;background: #000; color: #fff; width:max-content;transform:translateY(15px);}
.sub0201 .sec .bottom .gray_p{margin-bottom: -15px;background: #fae100;}

.sub0301 .sec1 .img_wrap{text-align: center;margin: 50px auto;}
.sub0301 .sec1 .img_wrap img{max-width: 1500px;width: 100%;}
.sub0301 .sec1 .gray_p{text-align: center;font-size: 20px;}
.sub0301 .sec1 dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub0301 .sec1 dl dt{width: 25%;height: 80px;line-height: 80px;text-align: center;margin: 10px 0;font-weight: bold;font-size: 24px;}
/*.sub0301 .sec1 dl dt:nth-child(1){background: #d5effd;}
.sub0301 .sec1 dl dt:nth-child(3){background: #ffecdd;}
.sub0301 .sec1 dl dt:nth-child(5){background: #fdfce2;}*/
.sub0301 .sec1 dl dd{width: 70%;text-align: center;height: 80px;line-height: 80px;margin: 10px 0;align-self: center;font-size: 20px;}
.sub0301 .sec1 dl dd:nth-child(2){background: #fae100;}
.sub0301 .sec1 dl dd:nth-child(4){background: #000;color: #fff;}
.sub0301 .sec1 dl dd:nth-child(6){background: #efefef;}
.sub0301 .sec3 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin: 20px 0;}
.sub0301 .sec3 ul li{width: 18%;padding: 20px;border-radius: 20px;box-shadow: 7px 8px 8px rgba(0,0,0,0.2);}
.sub0301 .sec3 ul li .img_wrap{width: 60px;margin: 15px auto;}
.sub0301 .sec3 ul li .img_wrap img{width: 100%;}
.sub0301 .sec3 ul li h4{margin: 10px 0;}
.sub0301 .sec2{background: #ffecdd;padding: 50px 0;}
.sub0301 .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub0301 .sec2 ul li{border-collapse: collapse;border: 1px solid #fff;padding: 50px 30px;width: 20%;}
.sub0301 .sec2 ul li img{width: 40px;height: 40px;object-fit: contain;}
.sub0301 .sec2 ul li h4{margin: 20px auto;}

.sub0302 .sec .gray_p{text-align: center;font-size: 1.4em;}
.sub0302 .sec .gray_p u{color: #e56300;}
.sub0302 .sec2 .img_wrap{text-align: center;}

.sub0302 .sec2 figure{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;margin: 0;}
.sub0302 .sec2 figure img{height: 300px;}
.sub0302 .sec2 figure figcaption .level{width: 160px;text-align: center;box-sizing: border-box;border: 1px solid #efefef;}
.sub0302 .sec2 figure figcaption .level:nth-child(1){height: 20%;line-height: 60px;background: #e56301;}
.sub0302 .sec2 figure figcaption .level:nth-child(2){height: 20%;line-height: 60px;background: #ff9442;}
.sub0302 .sec2 figure figcaption .level:nth-child(3){height: 40%;line-height: 120px;background: #ffbc88;}
.sub0302 .sec2 figure figcaption .level:nth-child(4){height: 20%;line-height: 60px;background: #e1ded9;}
.sub0302 .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.sub0302 .sec2 ul li{width: 25%;border: 1px solid #efefef;box-sizing: border-box;}
.sub0302 .sec2 ul li .level{text-align: center;font-weight: bold;}
.sub0302 .sec2 ul li:nth-child(1) .level{height: 60px;line-height: 60px; background: #e56301;}
.sub0302 .sec2 ul li:nth-child(2) .level{height: 60px;line-height: 60px; background: #ff9442;}
.sub0302 .sec2 ul li:nth-child(3) .level{height: 60px;line-height: 60px; background: #ffbc88;}
.sub0302 .sec2 ul li:nth-child(4) .level{height: 60px;line-height: 60px; background: #e1ded9;}
.sub0302 .sec2 ul li .txt{padding: 50px;background: #ffecdd;min-height: 340px;}
.sub0302 .sec2 ul li .txt h5{margin-bottom: 20px;}
.sub0302 .sec2 ul li .txt p u{font-weight: bold;}
.sub0302 .sec4 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub0302 .sec4 ul li{width: 18%;padding: 50px;border-radius: 20px;box-shadow: 7px 8px 8px rgba(0,0,0,0.2);position: relative;}
.sub0302 .sec4 ul li:after{    position: absolute;
    content: '▶';
    color: #fae100;
    transform: translate(50%, -50%);
    top: 50%;
    right: -25%;
    font-size: 24px;
    font-weight: bold;}
.sub0302 .sec4 ul li:last-child:after{display: none;}
.sub0302 .sec4 ul li img{width: 60px;display: block;margin: 20px auto;}
.sub0302 .sec4 ul li h5{text-align: center;}

@media screen and (max-width:1200px){
	#container{width: 100%;}
	.sub .sec{font-size: 15px;}
	.sub .sec h1 span{font-size: 24px;}
	.sub .sec h3{font-size: 17px;}
	.sub .sec .gray_p{padding: 16px;}
	.sub .sec .table_wrap{overflow-x: scroll;}
	.sub .sec table th{padding: 7px;}
	.sub .sec table td{padding: 7px;}
	
	.sub0101 .sec1 figure figcaption{width: 100%;text-align: center;}
	.sub0101 .sec1 figure > img{width: 80%;}
	
	.sub0102 .sec1 figure img{width: 200px;margin: 0 auto 30px;order: 1;height: auto;}
	.sub0102 .sec1 figure figcaption{width: 100%;order: 2;}
	.sub0102 .sec1 table td dl{margin: 4px 0;}
	.sub0102 .sec1 table td dl dt{width: 100%;}
	.sub0102 .sec1 table td dl dd{width: 100%;}
	
	.sub0104 .sec1 .gray_p{font-size: 16px;}
	.sub0104 .sec1 .gray_p b{font-size: 1em;}
	.sub0104 .sec1 .gray_p u{font-size: 1em;}
	
	.sub0105 .sec1 figure img{order: 3;width: 100%;max-width: 350px;margin: 0 auto;}
	.sub0105 .sec1 figure figcaption{order: 1;width: 100%;}
	.sub0105 .sec1 figure .root_daum_roughmap{order: 2;}
	
	.sub0201 .sec{padding: 80px 0 30px;}
	.sub0201 .sec1 .tit{font-size: 18px;margin-bottom: 80px;}
	.sub0201 .sec1 .tit:after{width: 30px;height: 4px;bottom: -40px;}
	.sub0201 .sec1 .tit h2{font-size: 26px;}
	.sub0201 .sec1 .tit h4{font-size: 26px;}
	.sub0201 .sec1 ul{justify-content: flex-start;}
	.sub0201 .sec1 ul li{width: 50%;}
	.sub0201 .sec .top h2{font-size: 24px;}
	.sub0201 .sec .top h4{font-size: 24px;}
	.sub0201 .sec .top h5{font-size: 18px;}
	.sub0201 .sec .mid{padding: 80px 0;}
	.sub0201 .sec .mid dl dt{margin-left: auto;margin-right: auto;margin-top: 20px;margin-bottom: 20px;width: 100%;border-radius: 15px;height: 130px;}
	.sub0201 .sec .mid dl dd{width: 48%;border-radius: 15px;height: 130px;}
	
	.sub0301 .sec1 .gray_p{font-size: 17px;}
	.sub0301 .sec1 dl dd{font-size: 17px;}
	.sub0301 .sec1 dl dt{font-size: 16px;}
	.sub0301 .sec1 .img_wrap{overflow-x: scroll;}
	.sub0301 .sec1 .img_wrap img{min-width: 750px;}
	.sub0301 .sec2 ul li{width: 50%;padding: 35px 15px;}
	
	
	.sub0301 .sec3 ul li{width: 48%;padding: 12px;}
	.sub0302 .sec2 .img_wrap{overflow-x: scroll;}
	.sub0302 .sec2 .img_wrap img{width: 100%;min-width: 700px}
	.sub0302 .sec2 figure img{height: 150px;}
	.sub0302 .sec2 figure figcaption .level{width: 110px;}
	.sub0302 .sec2 figure figcaption .level:nth-child(1){line-height: 30px;}
	.sub0302 .sec2 figure figcaption .level:nth-child(2){line-height: 30px;}
	.sub0302 .sec2 figure figcaption .level:nth-child(3){line-height: 30px;}
	.sub0302 .sec2 figure figcaption .level:nth-child(4){line-height: 30px;}
	.sub0302 .sec2 ul li{width: 100%;}
	.sub0302 .sec2 ul li .txt{min-height: auto;padding: 12px;}
	.sub0302 .sec3 table{min-width: 600px;}
	.sub0302 .sec4 ul li{width: 100%;padding: 20px;margin: 50px 0;}
	.sub0302 .sec4 ul li:after{    content: '▼';
    right: auto;
    left: 50%;
    bottom: -50%;
    top: auto;
    transform: translate(-50%, -50%);
    font-size: 18px;
	}

}