/* common */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

#subContents .con { margin-bottom:90px;}
#subContents .con:last-child { margin:0; }

figure{margin: 0; padding: 0;}

/* ¼­ºê ºñÁÖ¾ó*/
#sv { height:540px; background-size:cover !important; font-family: 'Montserrat', sans-serif;}
#sv > div { height:100%;}
#sv .txt { position:relative; top:50%; text-align:center; color:#fff; line-height:1.3; text-transform:uppercase;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#sv .txt .sv_tit { font-size:3.125rem; }
#sv .txt .sv_txt { font-size:1.125rem; margin-top:17px;}

.sv01 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv02 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv03 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv04 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv05 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv06 { background:url("/img/sub/sv01.jpg") no-repeat center top;}



/* lnb */
#lnb { margin-top:-72px;}
#lnb > div { background:#fff; border:1px solid #d7d7d7; border-right:none;}
#lnb > div > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#lnb .home { width:70px; height:70px;  border-right:1px solid #d7d7d7;}
#lnb .home a { display:block; height:100%; width:100%; background:url("/img/sub/home_icon.png") no-repeat center ;}
#lnb .menu_wrap {
width:calc(100% - 70px);
width:-webkit-calc(100% - 70px);
width:-moz-calc(100% - 70px);
}
#lnb .menu_wrap ul {}
#lnb .menu_wrap ul li { float:left; border-right:1px solid #d7d7d7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
width:calc(100% / 4);
width:-webkit-calc(100% / 4);
width:-moz-calc(100% / 4);
}
#lnb .menu_wrap ul li a { display:block; text-align:center; height:70px; line-height:70px; font-size:1.125rem;}
#lnb .menu_wrap ul li.on a { color:#f08200;}


/* ÆäÀÌÁö ŸÀÌƲ */
.pageTit { text-align:center; border-bottom:1px solid #d7d7d7; padding:66px 0 44px; position:relative; margin-bottom:70px;}
.pageTit h3 {color:#231815; font-size:2.25rem; font-family: 'Kanit', sans-serif;}
.pageTit:after { content:url("/img/sub/arr_top_s1.png"); position:absolute; left:50%; bottom:-5px;  z-index:10;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}


/* team */
.txt_box_s1 {}
.txt_box_s1 ul { }
.txt_box_s1 ul li { float:left; width:47.5%; margin-right:5%; }
.txt_box_s1 ul li:last-child { margin:0; }
.txt_box_s1 dl {line-height:1.4;}
.txt_box_s1 dl dt { font-size:1.5rem; color:#333; font-weight:500;}
.txt_box_s1 dl dd { font-size:1.125rem;  line-height:1.556em; margin-top:11px;}

.team_info {}
.team_info .list {}
.team_info .list ul {}
.team_info .list ul li { position:relative; overflow:hidden; border-radius:150px; font-size:0; letter-spacing:-4px; background:#f2f2f2; margin-bottom:60px;}
.team_info .list ul li:last-child { margin:0; }
.team_info .list ul li > div { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; font-size:1rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.team_info .list ul li .img { width:300px; height:300px; overflow:hidden; border-radius:50%; }
.team_info .list ul li .txt { padding:0 30px;
width:calc(100% - 330px);
width:-moz-calc(100% - 330px);
width:-webkit-calc(100% - 330px);
}
.team_info .list ul li .job { font-size:1.375rem; font-family: 'Kanit', sans-serif;}
.team_info .list ul li .name { margin:6px 0 16px;}
.team_info .list ul li .name span { color:#999;}
.team_info .list ul li strong { color:#333;}
.team_info .list ul li p { line-height:1.3; margin-bottom:5px; position:relative; padding-left:14px;}
.team_info .list ul li p:last-child { margin:0; }
.team_info .list ul li p:before { content:""; width:4px; height:4px; background:#ef8200; position:absolute; left:0; top:8px; border-radius:50%;}

.meet_team .list {}
.meet_team .list .tit { font-family: 'Kanit', sans-serif; font-size:30px; color:#333; margin-bottom:26px;}
.meet_team .list ul {}
.meet_team .list ul li { float:left; width:50%; margin-bottom:48px; position:relative;  padding-left:34px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:160px; cursor:default;}
.meet_team .list ul li:before { content:""; width:5px; border-radius:5px; background:#d7d7d7; display:block; position:absolute; left:0; top:0; min-height:152px; height:100%;}
.meet_team .list ul li:hover:before { background:#f08200; }
.meet_team .list ul li:nth-child(3n) { margin-right:0;}
.meet_team .list ul li img{float:left; margin-right:20px;}
.meet_team .name { color:#333; font-size:1.5rem; font-weight:500; line-height:1.3;}
.meet_team .belong { color:#333; margin:16px 0;}
.meet_team .list ul li .txt {}
.meet_team .belong,
.meet_team .txt {font-size:1.125rem; line-height:1.556em; }

.sb_team { background:#f2f2f2;padding:40px 0; position:relative;}
.sb_team:before,
.sb_team:after{  content:""; display:block; width:1000%; height:100%; position:absolute; top:0; background:#f2f2f2;}
.sb_team:before { left:-1000%;}
.sb_team:after{ right:-1000%;}
.sb_team ul { position:relative; }
.sb_team ul li { float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sb_team .belong { margin:16px 0 0 0;}


/* 2022 04 04 team new*/
#team2 {}
#team2 .info { display:flex; align-items:center; justify-content:space-between;}
#team2 .info .txt {
	color:#333;
}
#team2 .info .txt dt {
	font-size:40px;
	line-height:1.325;
	font-weight:700;
	margin-bottom:20px;
}
#team2 .info .txt dt span {
	color:#f08200;
}

#team2 .contents {}
#team2 .contents p { color:#333; font-weight:200; line-height:1.666; font-size:18px;}
#team2 .contents p:not(:last-child) { margin-bottom:26px;}

.color_orange { color:#f08200 !important;}


#sab {}
#sab .list { padding-top:37px;}
#sab .list img{width: 100%;}
#sab .list ul { 
	gap:20px;
	display:grid;
	grid-template-columns:repeat(6,1fr);
}
#sab .list ul li .txt {
	position:relative;
	padding:36px 14px;
	background: linear-gradient(to bottom, #efefef, #fff);
	min-height:330px;
	box-sizing:border-box;
}

#sab .list ul li .txt .symbol{ 
	position:absolute;
	right:15px;
	top:0;
	transform:translateY(-50%);
}


#sab .list ul li .txt .info { 
	min-height:35px;
	margin-top:55px;
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
}
#sab .list ul li .txt .info p:not(:last-child) {
	margin-bottom:7px;
}
#sab .list ul li .txt .info.mt44{margin-top: 44px;}



#sab .list .name { color:#ef8200; font-size:18px; font-weight:700; letter-spacing:0.27em; margin-bottom:15px;}
#sab .list .name.spacingNone { letter-spacing:inherit;}

#sab .list .school { color:#9fa0a0; font-weight:700; letter-spacing:-0.01em; font-size:13px; min-height:30px; }
#sab .list .info { color:#f39800; font-size:14px;}


/* history */
#history{ padding-top: 74px;}
.history_main{ position: relative; width: 100%; height: 987px; background: url("/img/sub/history/history_bg.jpg") no-repeat center center;}
.history_main h4{ color: #666666; font-size: 2.25rem; font-weight: 600; font-family: 'Kanit', sans-serif; padding-bottom: 32px;}
.history_main > div.history_content{ position: absolute; }
.history_main .history_content > ul > li{ font-size: 1.125rem; padding: 5px 0; line-height: 1.5;}
.history_main .history_content > ul > li > ul:after{ display: block; content: ''; clear: both;}
.history_main .history_content01{  top: 233px; right: 20px;}
.history_main .con_num01{ padding-right: 8px;}
.con_txt{ color: #999999;}

.history_content02{ top: 526px; left: 20px;}
.history_content02 h4{ text-align: right;}
.history_main .history_content02 > ul > li{ text-align: right;}
.history_main .con_num02{ padding-left: 8px;}

.history_content03{ bottom: 96px; right: 130px;}

.history_certified{ position: relative; width: 100%; background-color: #f2f2f2;}
.history_certified > div{ width: 1200px; margin: 0 auto; padding: 50px 0;}
.history_certified ul:after{ display: block; content:''; clear: both;}
.history_certified ul li{ float: left; padding: 15px;}

#subContents .history_certified{ margin: 90px 0 0 0 !important;}

/* history mobile */
.m_history_main{ position: relative;}
.m_history_main .history_content > ul > li{ padding: 5px 0; line-height: 1.5;}
.m_history_main .history_content > ul{ padding-left: 30px;}
.m_history_main .con_num01{ padding-right: 8px;}
.m_history_main .history_content h4{ font-weight: 600; padding: 10px;}
.m_history_main .history_content h4:before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	width: 7px;
	height: 7px;
	background-color: #ffffff;
	border-radius: 50%;
	border: 2px solid #ef8200 ;
	vertical-align: middle;
}


/* contact us */
.contact_txt{ width: 100%; background-color: #f2f2f2; padding: 60px 0;}
.contact_txt > ul{ width: 500px; margin: 0 auto;}
.contact_txt > ul:after{ display: block; content:''; clear: both;}
.contact_txt > ul > li{ float: left; width: 50%; text-indent: 50px;}
.contact_txt > ul > li > ul > li:nth-child(2){ padding: 35px 0;}
.contact_txt span { margin-right:  10px; font-size: 1.125rem;}
.contact_txt span img{ vertical-align: middle;}

.nth_02:before{
	display: block;
    content: "";
    position: absolute;
    top: 44px;
    width: 5px;
    height: 19%;
    border-radius: 5px;
    background: #ef8200;
}

.tab:after{ display: block; content:''; clear: both;}
.tab li{ float: left; width: 50%;background-color: #5c5c5c; text-align:center; box-sizing: border-box; }
.tab li.on{ background-color: #ef8200;}
.tab li.on a{ color: #ffffff;}
.tab a{ color: #ffffff; display: block; padding: 23px 20px; font-size: 1.125rem;}
.content{ display: none;}
.content.on{ display: block;}
.map_txt{ padding: 40px 0; font-size: 1.125rem; text-align: center; background-color: #faf9f9; line-height: 1.556em;}



/* Patented Biotechnology */
#bio .tit_s2{ margin-bottom: 17px;}
#bio .bio_con{ margin-bottom: 113px;}
#bio .bio_content01_img{ padding-top: 70px; text-align: center;}

#bio .bio_content02_img .bio_content_tit{ text-align: center; padding-top: 58px; padding-bottom: 52px;}
#bio .bio_content02_img .bio_content_tit h5{ font-size: 1.625rem; padding-bottom: 17px;}
#bio .bio_content02_img .bio_content_tit p{ font-size: 1.125rem; line-height: 1.556em;}
#bio .bio_content02_img .bio_content_tit span{ color: #f08200;} 
#bio .bio_content03 img{ padding-top: 120px; padding-bottom: 100px;}

#bio .bio_content03 .bio_content03_table{ border-top: 2px solid #f08200;}
#bio .bio_content03 .bio_content03_table tr{ border-bottom: 2px solid #d7d7d7;}
#bio .bio_content03 .bio_content03_table th{ background-color: #f2f2f2; padding: 25px 5px; font-size: 1.125rem;}
#bio .bio_content03 .bio_content03_table td:nth-child(6){ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#bio .bio_content03 .bio_content03_table tr td:nth-child(7){ text-align: left; line-height: 1.556em;}
#bio .bio_content03 .bio_content03_table td{ text-align: center; padding: 15px 5px; line-height: 1.556em;}

#platforma .PlatformA_con:first-child{ padding-bottom: 113px;}

#platforma .tit_s2{ margin-bottom: 70px;}
#platforma .PlatformA_content02 .PlatformA_content01_img2{ text-align: center;}
#platforma .PlatformA_content_tit h5{ color: #f08200; font-size: 1.625rem; padding-bottom: 40px;}
#platforma .PlatformA_content_tit2 h5{ color: #f08200; font-size: 1.25rem; padding-top: 40px;}

#platformb .tit_s2{ margin-bottom: 17px;}
#platformb .PlatformB_content01_img1{ padding-top: 70px; margin-bottom: 70px;}
#platformb .PlatformB_content01_img2{ background-color: #f2f2f2;}
#platformb .PlatformB_content01_img2 ul li:nth-child(1){ width: 75%;}
#platformb .PlatformB_content01_img2 ul li:nth-child(2){ width: 25%; padding: 140px 30px 0 30px; box-sizing: border-box;}
#platformb .PlatformB_content01_img2 dl{}
#platformb .PlatformB_content01_img2 dt{ box-sizing: border-box; font-size: 1.125rem; background-color: #f08200; color: #ffffff; text-align: center; width: 100%; padding: 25px; border-radius: 40px; margin-bottom: 40px;}
#platformb .PlatformB_content01_img2 dd{ font-size: 1rem; color: #666666; text-indent: 20px; line-height: 1.5;}


#platformc .Platformc_content01{ background: url("/img/sub/technology/PlatformC_content_img01.png") no-repeat center; width: 100%; height: 300px; margin-bottom: 64px;}
#platformc .Platformc_content01 div{ width: 50%; box-sizing: border-box;}
#platformc .Platformc_content01 div:first-child{ padding: 55px 52px 55px 307px;}
#platformc .Platformc_content01 div:last-child{ padding: 55px 307px 55px 52px;}
#platformc .Platformc_content01 div dt{ box-sizing: border-box; font-size: 1.125rem; background-color: #f08200; color: #ffffff; text-align: center; width: 100%; padding: 25px; border-radius: 40px; margin-bottom: 40px;}
#platformc .Platformc_content01 dd{ font-size: 1rem; color: #666666; text-indent: 20px; line-height: 1.5;}

#platformc .Platformc_arrow{ width: 140px; margin: 0 auto;}
#platformc .Platformc_content02{ background: url("/img/sub/technology/PlatformC_content_img02.png") no-repeat center; width: 100%; height: 300px; margin-top: 45px;}

/* crinical  */
#crinical .tit_s2{ margin-bottom: 52px;}
#crinical .crinical_content01 ul li{ float: left; width: 25%;}
#crinical .crinical_content01 ul li div{ position: relative;}
#crinical .crinical_content01 ul li div p{ position: absolute; top:50%; left: 45%; color: #ffffff; font-size: 1.5rem; transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}


#crinical .crinical_content02{ margin-top: 40px;}
#crinical .crinical_content02 .item{ width: 1200px; height: 160px; margin-bottom: 40px;}
#crinical .crinical_content02 .item>ul>li{ float: left; position: relative;}
#crinical .crinical_content02 .item>ul>li:first-child{ margin-right: 140px; padding: 40px 0; color: #666666; font-size: 1.5rem; line-height: 80px; text-align: center;}
#crinical .crinical_content02 .item>ul>li:last-child{ width: 160px; height: 160px; background: url("/img/sub/pipe/pipe_circle.png") no-repeat center; color: #ffffff; font-size: 1.125rem;}
#crinical .crinical_content02 .item>ul>li:last-child dl{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#crinical .crinical_content02 .item>ul>li:last-child dd{ text-align: center; line-height: 1.5;}
#crinical .crinical_content02 .item:nth-child(1)>ul>li:first-child{ width: 900px; height: 80px; background: url("/img/sub/pipe/pipe_img01.png") no-repeat center;}
#crinical .crinical_content02 .item:nth-child(2)>ul>li:first-child{ width: 900px; height: 80px; background: url("/img/sub/pipe/pipe_img02.png") no-repeat center;}
#crinical .crinical_content02 .item:nth-child(3)>ul>li:first-child{ width: 900px; height: 80px; background: url("/img/sub/pipe/pipe_img03.png") no-repeat center;}
#crinical .crinical_content02 .item:nth-child(4)>ul>li:first-child{ width: 900px; height: 80px; background: url("/img/sub/pipe/pipe_img04.png") no-repeat center; padding: 18px 0;}
#crinical .crinical_content02 .item .s_item{ position: absolute; width: 100%; padding: 18px 0 18px 272px;}
#crinical .crinical_content02 .item .s_item li:first-child{ width: 400px; height: 80px; margin-right: 10px; background: url("/img/sub/pipe/pipe_img04_1.png") no-repeat center;}
#crinical .crinical_content02 .item .s_item li:last-child{ width: 300px; height: 80px; text-indent: -30px; background: url("/img/sub/pipe/pipe_img04_2.png") no-repeat center;}
#crinical .crinical_content02 .item04{ height: 276px;}
#crinical .crinical_content02 .item:nth-child(4)>ul>li:last-child{ height: 200px;}

#crinical .con03_txt:after{ display: block; content: ''; clear:both;}
#crinical .con03_txt{ width: 100%; position: relative; z-index: 5;}
#crinical .con03_txt>div{ position: relative; float: left; width: 21.667%; margin-right: 4.44%; height: 440px; background-color: #f2f2f2; box-sizing: border-box; padding: 40px 0 0 34px;}
#crinical .con03_txt>div:after{ content:""; display: inline-block; width: 69px; height: 53px;background: url("/img/sub/pipe/pipe_arrow.png") no-repeat center; position: absolute; top: 35%; right: -68px; z-index: 10;}

/* #crinical .crinical_content03 .con03_txt{ position: relative; z-index: 5; height: 440px;}
#crinical .crinical_content03 .con03_txt div{ position: relative; width: 260px; height: 440px; background-color: #f2f2f2; margin-right: 53px; padding: 40px 0 0 34px; box-sizing: border-box;} */


#crinical .crinical_content03 .con03_txt div:after{ content:""; display: inline-block; width: 69px; height: 53px;background: url("/img/sub/pipe/pipe_arrow.png") no-repeat center; position: absolute; top: 35%; right: -68px; z-index: 10;}
#crinical .crinical_content03 .con03_txt div:last-child:after{ display: none;}
#crinical .crinical_content03 .con03_txt div:last-child{ margin-right: 0;}
#crinical .crinical_content03 .con03_txt div ul li{ position: relative; font-size: 1.125rem; color: #666666; line-height: 1.2; padding-bottom: 24px;}
#crinical .crinical_content03 .con03_txt div ul li:before{ content:""; width: 5px; height: 5px; background-color: #666666; display: inline-block; position: absolute; top: 8px; left: -15px;}

#crinical .crinical_content04{ position: relative; margin-top: -127px; box-sizing: border-box; padding-top: 214px; width: 100%; height: 500px; background: url("/img/sub/pipe/crinical_content04_bg.jpg") no-repeat center; color: #ffffff;}
#crinical .crinical_content04>div.date{ border-top: 1px solid #ffffff;}
#crinical .crinical_content04 .date ul{ width: 1150px; margin: 0 auto;}
#crinical .crinical_content04 .date ul li{ position: relative; float: left; width: 230px; text-align: center; padding: 42px 0 0 0; font-size: 1.125rem; font-family: 'Kanit', sans-serif; }
#crinical .crinical_content04 .date ul li:before{ content: ""; display: inline-block; width: 20px; height: 20px; background-color: #ffffff; border-radius: 50%; position: absolute; top: -10px; left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#crinical .crinical_content04 .date ul li:after{ content: ""; display: inline-block; width: 9px; height: 14px; background: url("/img/sub/pipe/pipe_icon_arrow.png") no-repeat center; position: absolute; right: 0; top: -8px;}
#crinical .crinical_content04 .date ul li:last-child:after{ display: none;}
#crinical .crinical_content04 .money ul{ width: 1200px; margin: 0 auto; padding-top: 98px;}
#crinical .crinical_content04 .money ul li{ text-align: center; line-height: 1.5; font-size: 1.125rem;}
#crinical .crinical_content04 .money ul li:nth-child(1){ width: 15%;}
#crinical .crinical_content04 .money ul li:nth-child(2){ width: 70%;}
#crinical .crinical_content04 .money ul li:nth-child(3){ width: 15%;}
#crinical .crinical_content04 .money ul li span{ font-size: 1.5rem;}
#crinical .m_crinical_content04{ display: none; position: relative;}



/* exemple */
#exemple .exemple_content01{ margin-bottom: 50px;}
#exemple .exemple_content02{ position: relative; margin-bottom: 30px;}
#exemple .exemple_content02 p{ position: absolute; top: 50%; left: 50%; color: #ffffff; font-size: 1.5rem; transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}

#exemple .exemple_content03{ margin-bottom: 54px;}
#exemple .exemple_content03 ul{}
#exemple .exemple_content03 ul li{ float: left; position: relative;} 
#exemple .exemple_content03 ul li div{ position: relative;}
#exemple .exemple_content03 ul li div p{ position: absolute; top: 50%; left: 50%; color: #666666; font-size: 1.125rem; text-indent: 20px; transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#exemple .exemple_content03 ul li div:before{ content: ""; display: inline-block; position: absolute; left: 65px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
#exemple .exemple_content03 ul li:nth-child(1) div:before{ width: 32px; height: 32px; background: url("/img/sub/exemple/exemple_icon01.png") no-repeat center;}
#exemple .exemple_content03 ul li:nth-child(2) div:before{ width: 32px; height: 32px; background: url("/img/sub/exemple/exemple_icon02.png") no-repeat center;}
#exemple .exemple_content03 ul li:nth-child(3) div:before{ width: 32px; height: 32px; background: url("/img/sub/exemple/exemple_icon03.png") no-repeat center;}
#exemple .exemple_content03 ul li:nth-child(3) div:after{ content: ""; display: inline-block; width: 53px; height: 73px; background: url("/img/sub/exemple/exemple_arrow.png") no-repeat center;
position: absolute; left: 50%; bottom: -62px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
#exemple .exemple_content03 ul li:nth-child(4) div:before{ width: 32px; height: 32px; background: url("/img/sub/exemple/exemple_icon04.png") no-repeat center;}


#exemple .exemple_content04{ background-color: #d7d7d7; color: #666666; border-radius: 50px; padding: 30px 0;}
#exemple .exemple_content04 ul li{ text-align: center; font-size: 1.5rem; line-height: 1.5;}


/* ¼öÁ¤ */
.mod_history_main{position:relative; padding-bottom:100px;}
#history figure{position:relative; text-align: center; z-index: 1;}
.mod_history_main::after{content:""; position:absolute; top: 0; left: 50%; transform:translateX(-50%); height: 100%; width: 1px; background: #d7d7d7;	}
.mod_history_main .mod_his{width: 50%;}
.mod_history_main .mod_his:first-child{padding-top:30px;}
.mod_history_main .mod_his.r{margin-left: auto;}
.mod_history_main .mod_his.l{text-align: right;}
.mod_history_main .mod_his .line_icon{display:inline-block; position:relative; color: #666666; font-size: 2.25rem; font-weight: 600; font-family: 'Kanit', sans-serif; padding-bottom: 32px;}
.mod_history_main .mod_his.r .line_icon{width: 83px; margin-left: 154px;}
.mod_history_main .mod_his.l .line_icon{width: 74px; margin-right:154px;}
.mod_history_main .mod_his.r .line_icon::after{content:url(/img/sub/his_arrow_r.png); position: absolute; right: 106.8px; top:-5px; z-index: 10;}
.mod_history_main .mod_his.l .line_icon::after{content:url(/img/sub/his_arrow_l.png); position:absolute; left: 99px; top:-5px; z-index: 10;}
.mod_history_main .mod_his.r ul{margin-left: 154px;}
.mod_history_main .mod_his.l ul{margin-right:154px;}
.mod_history_main .mod_his ul li{font-size:0; padding: 5px 0; line-height: 1.5; color: #888;}
.mod_history_main .mod_his ul li span{display:inline-block; width: calc(100% - 46px); vertical-align: top; font-size: 16px; margin-top:3px; }
.mod_history_main .mod_his.r ul li span{margin-right:6px;} 
.mod_history_main .mod_his.l ul li span{margin-left: 6px;}
.mod_history_main .mod_his ul li span.tit{display:inline-block; width: 40px; font-size:20px; color: #666; margin: 0; vertical-align: top;}