@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
html, body, p, div, ul, dl, ol, dd, li, table, tr, th, td, h1, h2, h3, h4, form, fieldset, legend, table, tr, td, th, caption, address, blockquote {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    line-height: 1.7em;
    letter-spacing: -0.5px;
    color: #767676;
}
address, em {
    font-style: normal;
}
fieldset, img {
    border: 0 none;
}
h1, h2, h3, h4, h5 {
    font-size: 1em;
}
legend, caption, hr {
    display: none;
    width: 0;
    height: 0;
    font-size: 0;
}
input {
    padding: 0;
    margin: 0;
    border: 0px;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
dl, dt, dd, ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
img {
    vertical-align: middle;
}
table {
    border-spacing: 0px;
    border: 0px;
    border-collapse: collapse;
}
address, hr {
    display: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
form {
    display: inline;
}
fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    color: #000;
}


/* Width */
.con_width {
    margin: 0 auto;
   /* width: 1300px;*/
	width:100%; 
	max-width:1300px;
}
.w100 {
    width: 100% !important;
}
@media (max-width:640px){
	.con_width {
		margin: 0;
		width: 100%;
		padding: 0 15px;
    	box-sizing: border-box;
	}	
	.con_width img {
		width: 100%;
	}
}


/* Text */
.bold {
    font-weight: bold
}
.normal {
    font-weight: normal !important
}
.txt_add {
    color: #777;
    font-size: 12px
}
.txt_point {
    color: #f2769a !important
}
.txt_point2 {
	color: #138689 !important;
}
.txt_emph {
    color: #222 !important
}
.txt_common {
    color: #555 !important
}
.txt_bigger {
    font-size: 22px;
    line-height: 32px
}
.txt_big {
    font-size: 15px
}
.txt_small {
    font-size: 11px
}
.body01 {
    font-size: 18px;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.75em;
}
.txt_jeju {
	font-family: 'Jeju Myeongjo', serif;
	font-size: 26px;
	font-weight: 400;
	color: #4b6266;
	letter-spacing: -0.1rem;
	line-height: 1.3;
}
.txt_serif {
	font-family: 'Noto Serif KR', serif;
	font-size: 26px;
	font-weight: 400;
	color: #004E50;
	letter-spacing: -0.1rem;
	line-height: 1.3;
    text-align: center;
}
@media (max-width:640px){
	.txt_serif {
		font-size: 20px;
	}
}

/* Title */
.sub_tit01 {
    font-size: 34px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.25px;
    text-align: center;
    line-height: 1.2em;
    margin: 50px 0;
}
.sub_tit01:before {
    content: '';
    display: block;
    width: 35px;
    height: 2px;
    background-color: #004e50;
    margin: 0 auto 20px;
    text-align: center;
}
.sub_tit01 > span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.5rem;
    text-align: center;
    display: block;
    margin: 35px 0 75px;
}
.sub_tit02 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 1em;
    margin-bottom: 70px;
    color: #004e50;
}
.sub_tit03 {
    display: inline-flex;
}
.sub_tit03 > span {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: -0.5px;
    font-weight: 600;
    font-style: italic;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #004e50;
    text-align: center;
    line-height: 40px;
    margin-right: 8px;
}
.sub_tit03 > p {
    font-family: 'Jeju Myeongjo', serif;
    font-size: 30px;
    line-height: 1.1em;
    letter-spacing: -0.07em;
    color: #004e50;
    margin-bottom: 40px;
}
.sub_tit03 > p > span {
    font-size: 40px;
}
.sub_tit04 {
    font-family: 'Noto Serif KR', serif;
    font-size: 34px;
    font-weight: 600;
    color: #004E50;
    text-align: center;
    line-height: 1em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 30px;
}
.sub_tit04:before {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    left: 0;
}
.sub_tit04:after {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    right: 0;
}
.sub_tit04_copy {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    line-height: 1.4em;
    text-align: center;
    margin-top: 17px;
    letter-spacing: -0.5px;
}
.sub_tit05 {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.2em;
    margin-bottom: 50px;
    text-align: center;
}
.sub_tit06 {
    /*font-size: 24px; font-weight: 500;*/
	font-size: 26px; font-weight: 600;
    color: #138689;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    /*margin-bottom: 20px;*/margin-bottom:40px;
}
.sub_tit06_t{font-size:20px;}
.sub_tit06 > span{display: inline-block; vertical-align:top;}
.sub_tit06 > span:first-child { font-size: 18px; color: #FFFFFF; letter-spacing: -0.5px;
    font-weight: 600; font-style: italic; width: 40px;  height: 40px; border-radius: 50%; background-color:#004e50; text-align:center; line-height: 40px; margin-right: 8px;}
.sub_tit06 .tit_num{font-size: 18px; color: #FFFFFF; letter-spacing: -0.5px;
    font-weight: 600; font-style: italic; width: 40px;  height: 40px; border-radius: 50%; background-color:#004e50; text-align:center; line-height: 40px; margin-right: 8px;}
.sub_tit06 .tit_t{width:80%;}
.sub_tit07 {
    font-family: 'Noto Serif KR', serif;
    font-size: 28px;
    font-weight: 600;
    color: #004444;
    line-height: 1.4em;
    letter-spacing: -0.1rem;
    text-align: center;
    margin-bottom: 40px;
}

@media (max-width:1280px){

	/*.col_4_2{}
	.col_4_2 > li{
		width: 24%;
		margin-right: 1%;
	}
	.col_4_2 > li:last-child{margin-right:0;}*/

	}

@media (max-width:640px){
	.sub_tit01 {
		font-size: 24px;
		margin: 60px 0;
	}
	.sub_tit02 {
		font-size: 23px;
		margin-bottom: 40px;
		text-align: center;
	}
	.sub_tit03 {
		display: flex;
	}
	.sub_tit03 > span {
		display: inline-block;
		font-size: 16px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		margin-right: 8px;
	}
	.sub_tit03 > p {
		font-size: 22px;
		line-height: 1.4em;
		margin-bottom: 30px;
	}
	.sub_tit03 > p > span {
		font-size: 28px;
	}
	.txt_jeju {
		font-size: 20px;
		font-weight: 400;
		padding: 0 30px;
	}
	.sub_tit04 {
		font-size: 28px;
	}
	.sub_tit04_copy {
		font-size: 16px;
	}
	.sub_tit04:before, .sub_tit04:after {
		width: 25%;
	}
	.sub_tit05 {
		font-size: 24px;
	}
	.sub_tit06 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.sub_tit06 > span {
		font-size: 18px;
		width: 32px;
		/*height: 32px; line-height: 32px;*/ height:auto; line-height:1.4;	}
	.sub_tit06_t{font-size:16px; word-break:keep-all;}
	.sub_tit07 {
		font-size: 22px;
	}

}




/* Margin */
.mt0 {
    margin-top: 0px !important
}
.mt5 {
    margin-top: 5px !important
}
.mt7 {
    margin-top: 7px !important
}
.mt10 {
    margin-top: 10px !important
}
.mt13 {
    margin-top: 13px !important
}
.mt15 {
    margin-top: 15px !important
}
.mt20 {
    margin-top: 20px !important
}
.mt25 {
    margin-top: 25px !important
}
.mt30 {
    margin-top: 30px !important
}
.mt40 {
    margin-top: 40px !important
}
.mt50 {
    margin-top: 50px !important
}
.mt60 {    margin-top: 60px !important}
.mt100 {    margin-top: 100px !important}
.ml5 {
    margin-left: 5px !important
}
.ml10 {
    margin-left: 10px !important
}
.ml15 {
    margin-left: 15px !important
}
.ml20 {
    margin-left: 20px !important
}
.mr10 {
    margin-right: 10px !important
}
.mr15 {
    margin-right: 15px !important
}
.mr20 {
    margin-right: 20px !important
}
.mb0 {
    margin-bottom: 0px !important
}
.mb10 {
    margin-bottom: 12px !important
}
.mb15 {
    margin-bottom: 15px !important
}
.mb20 {
    margin-bottom: 20px !important
}
.mb30 {
    margin-bottom: 30px !important
}
.mb40 {
    margin-bottom: 40px !important
}
.mb50 {
    margin-bottom: 50px !important
}
.mb60 {
    margin-bottom: 60px !important
}


/* Padding */
.pt5 {
    padding-top: 5px !important
}
.pt10 {
    padding-top: 10px !important
}
.pt15 {
    padding-top: 15px !important
}
.pt20 {
    padding-top: 20px !important
}
.pt30 {
    padding-top: 30px !important
}
.pdt40 {
    padding-top: 40px !important
}
.pb0 {
    padding-bottom: 0 !important
}
.pb10 {
    padding-bottom: 10px !important
}
.pb20 {
    padding-bottom: 20px !important
}
.pl5 {
    padding-left: 5px !important
}
.pl10 {
    padding-left: 10px !important
}
.pl15 {
    padding-left: 15px !important
}
.pl20 {
    padding-left: 20px !important
}
.pr5 {
    padding-right: 5px !important
}
.pr10 {
    padding-right: 10px !important
}
.pr15 {
    padding-right: 15px !important
}
.pr20 {
    padding-right: 20px !important
}


/* Float */
.clear {
    clear: both !important;
}
.floatL {
    float: left !important;
}
.floatR {
    float: right !important;
}
.cf:after {
    content: '';
    display: block;
    clear: both;
}


/* Align */
.al_l {
    text-align: left !important
}
.al_r {
    text-align: right !important
}
.al_c {
    text-align: center !important
}
.v_align {
    vertical-align: middle !important;
}


/* Flex */
.flex_c {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* table */
.morn, .night{background-color:#b2c5c5 !important; color:#444444 !important; border-bottom:1px solid #95acad; }
.table01 {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #0b4958;
}
.table01 th{border-right:1px solid #95acad; color: #fff; background-color:#004e50;	line-height: 2.5;  font-size: 15px; text-align: center;}
.table01 td {border-right:1px solid #95acad;   /*border-bottom: 1px solid #ccc;*/ border-bottom:1px solid #95acad; background-color:#f4f9f9;
    line-height: 2.5;    font-size: 15px;  text-align: center;}
/*.table01 th { color: #444;}*/
.table01 th {}
.table02 {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #0b4958;
}
.table02 th, .table02 td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 2.5;
    font-size: 15px;
    text-align: center;
}
.table02 th:last-child, .table02 td:last-child {
    border-right: 0;
}
.table02 th {
    color: #444;
    background-color: #f3f3f3;
}
.table03 {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #0b4958;
}
.table03 th, .table03 td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 1.5;
    font-size: 15px;
    text-align: center;
}
.table03 th:last-child, .table03 td:last-child {
    border-right: 0;
}
.table03 th {
    color: #444;
    background-color: #f3f3f3;
	padding:15px 0;
}
.table03 td {
    text-align: center;
	background-color: #fff;
    /*padding: 6px 0 6px 15px;*/
    padding: 15px 5px;
	word-break:keep-all;
}
.table03 td > input {
	border: 1px solid #ccc;
	padding: 4px;
    width: 210px;
    height: 24px;
	box-sizing: border-box;
}
.table03 td label {
	margin-left: 10px;
}
.table03 td select {
	height: 24px;
	margin-left: 5px;
}
.table03 .border_none {
	border-right: none;
}
.table03 .text_L{text-align:left; padding:15px 5px 15px 15px;}

@media (max-width:640px){
	.table02 th, .table02 td {
		line-height: 1.5;
		font-size: 14px;
		text-align: left;
		padding: 15px;
	}
	.table02 th {
		text-align: center; padding:15px 5px;
	}
	.table03 td > input {
		width: 100%;
	}
	.table03 td label {
		margin-left: 0;
	}
	.table03 th, .table03 td  {
		line-height: 1.3em;
		font-size: 14px;
		padding: 6px;
	}
	.table03 .text_L{padding: 10px 6px;}

}


/* tab */
#tab {
    width: 100%;
}
#tab ul {
    display: flex;
    flex-wrap: wrap;
}
#tab li {
    box-sizing: border-box;
    text-align: center;
    margin: 0px;
}
#tab li a {
    display: block;
    padding: 8px 0;
    font-size: 18px;
}
#tab div {
    
}
.tab_area {
    width:100%;
	max-width: 1300px;
    margin: 0 auto;
    padding: 60px 0;
}
.tab_area2 {
    width:100%;
	max-width: 1300px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.tab_3col li {
    width: 33.333%;
}
.tab_5col li {
    width: 20%;
}
.tab_6col li {
    width: 16.666%;
}
.tab_on {
    background-color: #004e50;
    font-weight: bold;
}
.tab_on a {
    background-color: #004e50;
    text-decoration: none;
    color: #fff;
}
.tab_off {
    background-color: #fff;
    /*border: 1px solid #ddd;*/border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;
}
.tab_5col li:nth-child(5).tab_off{border-right: 1px solid #ddd;}
.tab_5col li:nth-child(9).tab_off{border-right: 1px solid #ddd;}
.tab_off a {
    text-decoration: none;
    color: #444444;
}
@media (max-width:640px){
	#tab {
		width: 100%;
		/*padding: 0 15px;
		box-sizing: border-box;*/
	}
	#tab > div > .main_thumb > img {
		width: 100%;
	}
	#tab li {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#tab li a {
		display: block;
		padding: 8px 0;
		font-size: 15px; line-height:1.2; word-break:keep-all;
	}
	.tab_area {
		width: 100%;
		padding: 60px 15px;
    	box-sizing: border-box;
	}
	.tab_6col li {
		width: 33.333%;
	}
	.tab_area2 {
		width: 100%;
		margin: 0;
		margin-bottom: 60px;
		padding: 0 15px;
		box-sizing: border-box;
	}
}

@media (max-width:480px){
	/*#tab ul{background-color:#ddd;}*/
	#tab li{width:50%;}
	#tab li a{font-size:13px;}
	.tab_5col li:nth-child(2).tab_off, .tab_5col li:nth-child(4).tab_off, .tab_5col li:nth-child(6).tab_off, .tab_5col li:nth-child(8).tab_off{border-right:1px solid #ddd; border-left:0px;}
	.tab_5col li:nth-child(1).tab_off{border-right:1px solid #ddd;}
	.tab_5col li:nth-child(3).tab_off{border-top:0px; border-right:1px solid #ddd;}
	.tab_5col li:nth-child(4).tab_off{border-top:0px;}
	.tab_5col li:nth-child(5).tab_off{border-top:0px; /*border-right:0px;*/}

	.sub_0303 .tab_5col li:nth-child(3).tab_off{border-top:0px;}
	.sub_0303 .tab_5col li:nth-child(5).tab_off{border-right:1px solid #ddd;}
}
@media (max-width:380px){
}



/* Card List */
.col_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_4 > li {
    width: 302.5px;
    /*margin-right: 30px;*/
    border: 1px solid #ccc;
}
.col_4 > li > img {
    width: 100%;
}
.col_4 > li > div {
    padding: 40px;
}
.col_4 > li > div > p {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_4_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_4_2 > li {
    width: 295px;
    background-color: white;
    /*margin-right: 30px;*/
    /*border: 1px solid #ccc;*/
}
.col_4_2 > li > img {
    width: 100%;
    height: auto;
}
.col_4_2 > li > div {
    padding: 20px;
}
.col_4_2 > li > div > p:first-child {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
}
.col_4_2 > li > div > p:last-child {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.4em;
    text-align: center;
}
.col_4_3 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.col_4_3 > li {
    width: 25%;
    background-color: white;
    /*margin-right: 30px;*/
    /*border: 1px solid #ccc;*/
}
.col_4_3 > li > img {
    width: 100%;
    height: auto;
}
.col_4_3 > li > div {
    padding: 20px;
}
.col_4_3 > li > div > p:first-child {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
}
.col_4_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_4_4 > li {
    width: 24%;
    background-color: white;
    border: 1px solid #ccc;
	border-radius: 16px;
	text-align: center;
	font-size: 14px;
}
.col_4_4 > li > img {
    width: 100%;
    height: auto;
	border-radius: 16px 16px 0 0;
}
.col_4_4 > li > div {
    padding: 20px 15px;
}
.col_4_4 > li > div > p:first-child {
    font-size: 20px;
    font-weight: 500;
    color: #004E50;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
}
.col_4_4 > li > div > p:last-child{font-size:16px; color:#444; line-height:1.5;}
.col_4_4 > li > div > p:first-child > span {
    font-size: 24px;
    font-weight: 600;
    color: #004E50;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
	display: block;
}
.col_3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_3 > li {
    width: 32%;
    margin-bottom: 30px;
    background-color: white;
}
.col_3 > li:nth-child(4),
.col_3 > li:nth-child(5),
.col_3 > li:nth-child(6) {
    margin-bottom: 0;
}
.col_3 > li > img {
    width: 100%;
}
.col_3 > li > div {
    padding: 40px;
}
.col_3 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_3 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-top: 20px;
}
.col_3_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_3_2 > li {
    width: 32%;
    background-color: white;
}
.col_3_2 > li > img {
    width: 100%;
}
.col_3_2 > li > div {
    padding: 40px;
}
.col_3_2 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_3_2 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-top: 20px;
}
.col_3_3 {
    display: flex;
    justify-content: space-between;
}
.col_3_3 > li {
    width: 32%;
    border: 1px solid #ccc;
    /*border-radius: 0.75rem;*/ border-radius: 16px; overflow:hidden;
    text-align: center;
}
.col_3_3 > li > img {
    width: 100%;
   /* border-radius: 0.75rem 0.75rem 0 0;*/
    
}
.col_3_3 > li > div {
   /* padding: 30px 20px;*/padding: 40px 20px;    
}
.col_3_3 > li > div .simple_t{font-size:22px; color:#444;}
.col_3_3 > li > div > ul > li:first-child {
    font-size: 26px;
    font-weight: 600;
    color: #138689;
    margin-bottom: 30px;
}
.col_3_3 > li > div > ul > li {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    margin-bottom: 20px;
}
.col_3_3 > li > div > ul > li:last-child {
    margin-bottom: 0;
}
.col_3_3 > li > div > ul > li > span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    display: block;
}
.col_3_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_3_4 > li {
    width: 32%;
    /*border: 1px solid #ccc;
    border-radius: 0.75rem;*/
    text-align: center;
    margin-bottom: 30px;
}
.col_3_4 > li > img {
    width: 100%;
    margin-bottom: 20px;
    /*border-radius: 0.75rem 0.75rem 0 0;*/
}
.col_3_4 > li > div {
    padding: 30px 20px;    
}
.col_3_4 > li:nth-child(4),
.col_3_4 > li:nth-child(5),
.col_3_4 > li:nth-child(6) {
    margin-bottom: 0;
}
.col_3_4 > li > div {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    display: block;
}
.col_3_5 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.col_3_5 > li {
    width: 22%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #444444;
    display: block;
}
.col_3_5 > li > img {
    width: 100%;
    margin-bottom: 20px;
}
.col_3_6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_3_6 > li {
    width: 32%;
    background-color: white;
    border: 1px solid #ccc;
	border-radius: 16px;
	text-align: center;
	font-size: 14px;
	overflow:hidden;
}
.col_3_6 > li > img {
    width: 100%;
    height: auto;
	/*border-radius: 16px 16px 0 0;*/
}
.col_3_6 > li > div {
    padding: 20px;
}
.col_3_6 > li > div > p:first-child {
    font-size: 20px;
    font-weight: 500;
    color: #004E50;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
}
.col_3_6 > li > div > p:last-child {font-size:16px; color:#444; line-height:1.5;}
.col_3_6 > li > div > p:first-child > span {
    font-size: 24px;
    font-weight: 600;
    color: #004E50;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 13px;
	display: block;
}
.col_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_2 > li {
    width: 45%;
    margin-bottom: 30px;
    background-color: white;
}
.col_2 > li > img {
    width: 100%;
}
.col_2 > li > div {
    padding: 40px;
}
.col_2 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_2 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
    margin-top: 20px;
}
.col_5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_5 > li {
    width: 18.5%;
    background-color: white;
}
.col_5 > li:nth-child(5) {
    margin-bottom: 0;
}
.col_5 > li > img {
    width: 100%;
}
.col_5 > li > div {
    padding: 20px;
}
/*.col_5 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}*/
.col_5 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_5_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_5_2 > li {
    width: 18.5%;
    background-color: white;
}
.col_5_2 > li:nth-child(5) {
    margin-bottom: 0;
}
.col_5_2 > li > img {
    width: 100%;
}
.col_5_2 > li > div {
    padding: 20px;
}
.col_5_2 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #138689;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
	margin-bottom: 12px;
}
.col_5_2 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}
.col_6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col_6 > li {
    width: 15%;
    background-color: white;
}
/*.col_6 > li:nth-child(5),
.col_6 > li:nth-child(6) {
    margin-bottom: 0;
}*/
.col_6 > li > img {
    width: 100%;
    margin-bottom: 12px;
}
.col_6 > li > div {
    padding: 20px;
}
/*.col_5 > li > div > p:first-child {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}*/
.col_6 > li > div > p:last-child {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.5px;
    line-height: 1.3em;
    text-align: center;
}

@media (max-width:640px){
	
	.mt100{margin-top:60px !important;}
	/*.col_4 {
		display: block;
	}*/
	.col_4 > li {
		width: 48%;
		margin-bottom: 30px;
	}
	.col_4 > li:nth-child(3), 
	.col_4 > li:nth-child(4) {
		margin-bottom: 0;
	}
	.col_4 > li > div {
		padding: 20px;
	}
	.col_4 > li > div > p {
		font-size: 16px;
		font-weight: 500;
	}
	.col_4_2 {
		display: block;
	}
	.col_4_2 > li {
		width: 100%;
		margin-bottom: 30px;
	}
	.col_4_2 > li:last-child {
		margin-bottom: 0;
	}
	.col_4_3 > li {
		width: 50%;
	}
	.col_4_4 {
		display: block;
	}
	.col_4_4 > li {
		width: 100%;
		margin-bottom: 30px;
		line-height: 1.4em;
	}
	.col_3 {
		display: block;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.col_3 > li {
		width: 100%;
	}
	.col_3 > li > div {
		padding: 25px;
	}
	.col_3 > li > div > p:first-child {
		font-size: 18px;
	}
	.col_3 > li > div > p:last-child {
		font-size: 16px;
		margin-top: 15px;
		line-height: 1.5em;
	}
	.col_3 > li:nth-child(4), .col_3 > li:nth-child(5) {
		margin-bottom: 30px;
	}
	.col_3_2 {
		display: block;
	}
	.col_3_2 > li {
		width: 100%;
		margin-bottom: 30px;
	}
	.col_3_2 > li:last-child {
		margin-bottom: 0;
	}
	.col_3_3 {
		display: block;
	}
	.col_3_3 > li {
		/*width: 100%;*/width:32%; margin-right:1%; display:inline-block; vertical-align:top; box-sizing:border-box;
		margin-bottom: 30px;
	}
	.col_3_3 > li:last-child {
		margin-bottom: 0; margin-right:0;
	}
	.col_3_3 > li > div{padding:20px 10px;}
	.col_3_3 > li > div .simple_t{font-size:16px; line-height:1.4;}
	.col_3_3 > li > div > ul > li:first-child {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.col_3_3 > li > div > ul > li {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 6px;
	}
	.col_3_4 > li {
		width: 48%;
		margin-bottom: 30px;
	}
	.col_3_4 > li:last-child {
		margin-bottom: 0;
	}
	.col_3_5 {
		display: block;
	}
	.col_3_5 > li {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	.col_3_5 > li:last-child {
		margin-bottom: 0;
	}
	.col_3_5 > li > img {
		width: 50%;
		margin-bottom: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.col_3_6 {
		display: block;
	}
	.col_3_6 > li {
		width: 100%;
		line-height: 1.4em;
		margin-bottom: 30px;
	}
	.col_2 > li {
		width: 49%;
		margin-bottom: 0;
	}
	.col_2 > li > div {
		padding: 20px;
	}
	.col_2 > li > div > p:first-child {
    	font-size: 18px;
	}
	.col_2 > li > div > p:last-child {
		font-size: 14px;
	}
	.col_5 {
		display: block;
	}
	.col_5 > li {
		width: 100%;
		margin-bottom: 30px;
	}
	.col_5 > li:last-child {
		margin-bottom: 0;
	}
	.circle > li > img {
		width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.col_5_2 {
		display: block;
	}
	.col_5_2 > li {
		width: 100%;
		margin-bottom: 30px;
	}
	.col_5_2 > li:last-child {
		margin-bottom: 0;
	}
	/*.col_6 {
		display: block;		
	}*/
	.col_6 > li {
		width: 48%;
		margin-bottom: 30px;
	}
	.col_6 > li:nth-child(5), 
	.col_6 > li:nth-child(6) {
		margin-bottom: 0;
	}
	.col_6 > li > img {
		width: 80%;
		margin-bottom: 12px;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}


/* grid */
.list_grid {
    padding: 60px 0;
    margin: 0 auto;
    width:100%;
	max-width: 1300px; overflow:hidden;
}
.list_grid > p:nth-child(2) {
    text-align: center;
    margin-bottom: 30px;
}
.list_grid .flex {
    display: flex;
}
.list_grid .flex > div {
    width: 50%;
    height: 420px;
}
.list_grid .flex > .txt {
    padding: 60px;
    box-sizing: border-box;
    background-color: #f5f5f5;
}
@media (max-width:640px){ 
	.list_grid {
		padding: 60px 0;
		margin: 0;
		width: 100%;
	}
	.list_grid .flex:nth-child(odd) {
		flex-direction: column-reverse;
	}
	.list_grid .flex:nth-child(even) {
		flex-direction: column;
	}
	.list_grid .flex > .txt {
		padding: 30px;
		height: inherit;
	}
	.list_grid .flex > div {
		width: 100%;
		height: inherit;
	}
	.list_grid .flex img {
		width: 100%;
	}
	
}




@media (max-width:480px){

.col_3_3 > li {width:100%;}

.sub_tit06_t{font-size:14px; line-height:1.4;}


}