.old-content{padding:0 15px;line-height:1.4;}
.old-content section{margin-top:40px;overflow:hidden;font-size:13px;  text-align:justify; word-break:break-all;}
.old-content section:first-child{margin-top:0}
.old-content section *{ word-break:break-all;}
.old-content section h3 {position:relative; display:block;font-weight:400 !important; margin:0px 0 15px 0; font-size:180%;      padding-left: 20px;}
.old-content section h3:before {content: '';height: 3px;width: 13px;background: #e13b45;position: absolute;left: 0;top: 43%;}
.old-content section h4 {position:relative; display:block;font-weight:400 !important; margin:0; margin:20px 0; font-size:23px;}
.old-content section h4 span{background:#de0c03; color:#fff; padding:0 5px; margin-right:5px;}
.old-content section h5{display:block; font-size:16px; margin-bottom:20px; font-weight:400 !important;}
.old-content section em{font-size:200%; }
.old-content section .round{font-size:130%; border-radius:30px; padding:5px 25px; color:#fff; margin-bottom:1%; display:inline-block }
.old-content section p{color:#777;}
.old-content section p strong{font-weight:400 !important; color:#000; font-size:130%}
.old-content section dt, .old-content section th{font-weight:400 !important;  }
.old-content section li{position:relative;  padding:0px 5px 5px 15px; text-align:left !important}
/*.old-content section li:before{content:''; position:absolute; top:16px; left:0px; background:#999; width:3px; height:3px; border-radius:10px}*/
.old-content section .fl {float:left}
.old-content section .fr {float:right}
.old-content section .line_box{border:4px double rgba(0,0,0,0.2); padding:7% 2%; margin-bottom:2%; overflow:hidden}
.old-content section .tb{font-size:130%; }
.old-content section .tb01{font-size:130%; }
.old-content section i{display:block; padding:5px 5px}
.old-content section .center *{ text-align:center !important; }
.old-content section.privacy p{font-size:13px}
.old-content section.privacy p strong{font-size:16px}
.old-content section.privacy h4{font-size:18px}
.old-content section.privacy p:before{content:''; display:block; background:rgba(0,0,0,0.0); height:1px; margin:0 0}
.old-content section .line_box{border:1px solid #e6e6e6; background:#f5f5f5;    padding: 3% 3%; margin-left:2%}
.old-content section .box_bg{background:#fff; padding: 3% 3%; margin:0% 0;    overflow: hidden;}
.old-content section .list_box_color{background:#888; display:inline-block; color:#fff; font-size:115%; padding: 0.5% 2%  !important; margin:1% 0 1% 2%; }

.old-content .tc1{color:#b91616}

.old-content .docThumb .cell .viewImage a{border:0px;}

.privacy{font-size:15px;line-height:1.5;}

/*테이블*/
.tb tbody th{background-color:#fff; border-bottom:1px solid; padding:15px 0;}
.tb tbody th, .tb tbody td{font-size:85%;     padding: 15px 0;}
.tb tbody td{color:#777;}
.tb tbody td.p_color01{color:#000;}

.table_basic tbody td .wrap100{text-align:center;min-width:125px;white-space:normal}
.table_basic tbody td span img{margin-left:5px; margin-bottom:3px}

.table_design {width:100%;line-height:150%;border-collapse:collapse; margin:10px 0px; border-left:1px solid #ddd; border-top:2px solid #222;color:#555; }
.table_design th, .table_design td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 10px;  text-align:center;  }
.table_design th {color:#000; background-color:#efefef; }
.table_design td {background-color:#fff; }
.table_mobile {display:none}


 /* 기본테이블 디자인 */
.table_design {position:relative;  width:100%; margin:0px; border-collapse:collapse; font-size:13px; margin-bottom:0px;}
.table_design th {padding:5px; color:#333; background:#f5f5f5; text-align:center; border:1px solid #c2c2c2; }
.table_design td {border:1px solid #c2c2c2; padding:10px 6px; color:#555;  text-align:center;}
.table_design td.table_t {border-bottom:1px solid #efefef !important; color:#222;  font-weight:bold }
.table_design .width {width:auto !important}
.table_design .width50 {width:40%;}
.table_design .width100 {width:100px !important;}
.input_btn {display:block; color:#000 !important; font-size:16px; padding:20px 0px; font-weight:600; border:1px solid #aaa; background:#efefef; text-align:center}

 /* 기본테이블 디자인 */
.table_design2 {position:relative;  width:100%; margin:0px; border-collapse:collapse;  margin-bottom:0px; text-align:center; font-size:13px}
.table_design2 th, .table_design2 td {padding:7px 6px; color:#6d655f;   border:1px solid #ecebeb;  }
.table_design2 th {background:#f2f2f2;  }
.table_design2 .width {width:auto !important}
.table_design2 .width50 {width:50%; }
.table_design2 .width50_2 {width:50%; float:left }
.table_design2 .width80 {width:80%; padding:10px}
.table_design2 .width100 {width:100px !important;}
.table_design2 .width150 {width:150px !important;}
.table_design2 .width10 {width:10% !important;}
.table_design2 .width15 {width:15% !important;}

.tdbg01 {background:#f7cdcf !important}
.tdbg02 {background:#dbf2db !important}
.tdbg03 {background:#f1e0cf !important}


/* about 소개*/
.about { position:relative; overflow:hidden; text-align:left}
.about .title{ position:relative; font-weight:500; font-size:15px; color:#494949 }
.about .caption{ position:relative; font-size:13px; color:#444; margin:10px 0px}
.about dl dt{font-size:110%;}

.course_view .content{ position:relative; font-size:12px; color:#333; text-align:center; padding:5px 0px; line-height:16px;}
.course_view .content .title{ position:relative; font-size:20px; line-height:20px; font-weight:bold; color:#000; text-align:center; padding:13px 0px; width:100%; margin:0 auto}
.course_view .content p{padding:30px 0px; font-size:12px}
.course_view .img{width:100%;}

.course_view { position:relative; overflow:hidden; margin:20px 0px 5em 0px; font-size:100%}
.course_view .visual{ position:relative; text-align:center}
.course_view .content1{ position:relative; font-size:15px; color:#333; text-align:left; padding:5px 0px; line-height:20px; overflow:hidden}
.course_view .bar01{ background:url(/user/default/image/contents/sub_002_bar01.png) no-repeat center top; height:31px; margin:30px 0px}
.course_view .title{ position:relative; font-size:30px; line-height:30px; font-weight:500; color:#000;  padding:10px 0px;  margin:0 auto}
.course_view .title2{ position:relative; font-size:25px; line-height:30px; font-weight:bold; color:#6d655f;  padding:10px 0px;}
.course_view .content p{padding:30px 0px; font-size:15px}
.course_view .border-b{ border-bottom:1px solid #cfcfcf; margin-bottom:30px;}
.course_view .button { float:left; margin:0px 3px;color:#fff; background:#aaa; padding:5px 10px; display:block; width:200px; text-align:center}
.course_view p{margin-top:20px}


.m_info {display:none;}


.agreement .frame{height:200px !important}

.ResList{margin-top:0px; border-top:2px solid #cccccc; margin-bottom: 30px;}
.ResList ul,.ResList ol{display:table;width:100%;table-layout:fixed}
.ResList ol li,.agreeBox{border-top:1px solid rgba(0,0,0,0.8);}
.ResList li{display:table-cell;color:#222;text-align:center;padding:15px 10px 15px 10px;border:solid rgba(0,0,0,0.1);border-width:0 0 1px 1px;vertical-align:middle;position:relative;}
.ResList li:first-child{border-left:0}
.ResList li > *{float:none !important}
.ResList li span{display:inline-block;white-space:nowrap}
.ResList li .btnPack{padding:5px;font-size:90%;height:auto;line-height:inherit;font-weight:normal}
.ResList ol li em{font-weight:normal;font-size:90%;display:inline-block}
.ResList ul li em{display:inline-block}

.TabMenu{overflow:hidden;text-align:center;margin-bottom:30px;}
.TabMenu ul {border-top:3px solid #e13b45}
.TabMenu ul li{width:50%; display: block;overflow: hidden; float:left;  }
.TabMenu a{display:block;float:left;position:relative;padding:15px 0;font-size:150%;overflow:hidden; width:100% !important; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.TabMenu a.on{background:#e13b45; color:#fff; border-left:1px solid #e13b45;border-right:1px solid #e13b45;border-bottom:1px solid #e13b45;}


/* 설립자 인사말 */
.P001 dl{line-height:250%}
.P001 dl:first-child{margin-bottom:50px; }
.P001 dt{display:block; font-size:18px; margin-bottom:10px; font-weight:500 !important;color:red}
.P001 dd{display:block; font-size:14px; line-height:180%}
.P001 dd span{font-weight: 600;}

.ceo_top{background-color: #eee;overflow: hidden;    display: flex; align-items: center;}
.ceo_top .left{width:30%;text-align:center;}
.ceo_top .right{width:60%; text-align: justify; overflow: hidden;margin-left: 1%;}
.ceo_top .right p{font-size:14px;color:#000;line-height: 40px;}
.ceo_top .right p span{width:80px;font-size:14px;display: inline-block;font-weight:600;vertical-align: top;}
.ceo_top .right p span.con{width:80%;font-weight:400;line-height: normal;margin-top: 5px;}
.ceo_top .right p em{font-size: 100%;border: 2px solid red;border-radius: 13px;padding:0 15px; margin: 5px; color:red}
.ceo_mid{margin-top:50px;}
.ceo_mid .left{float:left;width: 30%; }
.ceo_mid .left p{margin-top: 20px;}
.ceo_mid .left img{border-radius: 10px;}
.ceo_mid .right{display: block;width: 65%;float: inline-start;text-align: left;margin-left: 5%;}
.ceo_mid .right ul{margin-top: 20px;}
.ceo_mid .right h4{font-size:14px;font-weight:600 !important;margin: 5px 0;color:#555;}

@media only screen and (max-width:768px) {
.ceo_top{display:block;position:relative;padding:30px 20px 20px 20px;}
.ceo_top *{word-break:keep-all;}
.ceo_top .left{width:100%;text-align:center;}
.ceo_top .left img{max-width:160px;}
.ceo_top .right{width:100%;;margin:40px 0 0 0;}
.ceo_top .right p{position:relative;padding-left:70px;line-height:32px;text-align:left;}
.ceo_top .right p span{position:absolute;top:0;left:0;}
.ceo_top .right p:nth-child(4){margin-top:8px;line-height:42px;}

.ceo_mid .left{float:none;width:auto;margin:0 -6px;overflow:hidden;}
.ceo_mid .left p{float:left;width:calc(33.333333% - 12px);margin:0 6px;}
.ceo_mid .right{float:none;width:100%;margin:40px 0 0 0;}
}

/*  교육과정소개*/
.P0701 dl{line-height:250%}
.P0701 dl {margin-bottom:50px; }
.P0701 dt{display:block; font-size:18px; margin-bottom:10px; font-weight:500 !important;}
.P0701 dd{display:block; font-size:14px; line-height:200%}
.P0701 dd .red{font-weight: 600;color:red; font-size:14px;}
.P0701 dt .gray01{font-weight: 400;color:#888;font-size:16px;}


/**/
#docCaseList{width:50% !important;}
#docCaseView{width:45% !important;}
#docCaseView img{width:100% !important;}
.table_basic tbody td, .table_list tbody td{font-family: 'Noto Medium';}
.table_basic tbody th, .table_list tbody th{font-family: 'Noto Medium';}
.table_basic , .table_list {font-size:13px}


.new_program { text-align:center;  margin:1em 0 3em 0;}
.new_program strong{overflow:hidden; font-size:23px; font-weight:300 !important }
.new_program strong span{display:block;  font-size:23px; }
.new_program dl{font-size:130%;margin-top:30px; border:4px double #eee; padding:30px}
.new_program dt{display:table-cell; }
.new_program dd{display:table-cell; }

/*
.m_banner { background:#000 url(/user/default/image/contents/study_bottom_banner.jpg) right no-repeat; background-size:auto 100%; font-size:180%; margin-top:3em}
.m_banner *{color:#fff; text-align:center; line-height:37px}
.m_banner .box_line { overflow:hidden; padding:53px 0}
.m_banner .box_line dl:first-child{float:left; width:40%}
.m_banner .box_line dl:last-child{float:left; width:60%}
.m_banner .box_line dl dt, .m_banner .box_line dl dd{display:inline; margin:0px 20px}
*/

.m_banner {position:relative; overflow:hidden; background-color: #000;color:#fff; text-align:center;border-radius: 20px; }
.m_banner a{line-height:40px; font-size:16px;padding: 1% 10%;}
.m_banner .box_line {margin:3px; border:1px solid #fff; overflow:hidden;}

/*.m_banner .box_line dl:last-child{float:left; width:60%}*/


.orderForm .cancel { background:#eee; padding:2em; text-align:center; margin-top:2em; font-size:13px; color:#999;}
.orderForm .cancel span{color:#222; font-size:13px; font-weight:500}



 /* 스케줄뷰 */
.schedule_view { position:relative; overflow:hidden; width:90%; margin:20px auto;}
.schedule_view .title{ position:relative; font-size:25px; font-weight:bold; color:#000;}
.schedule_view .name{ position:relative; font-size:16px; font-weight:bold; color:#000;  padding:5px 0px;}
.schedule_view .time{ position:relative; font-size:12px;  color:#555;}
.schedule_view .place{ position:relative; font-size:12px;  color:#555;}
.schedule_view .place input{ height:30px; width:260px !important}
.schedule_view .place *{text-align:center}
.schedule_view .box{ border-top:1px solid #000; padding:20px 10px; overflow:hidden; line-height:20px;}
.schedule_view .content{ position:relative; font-size:12px;  color:#000; background:#eee; padding:20px; margin:20px 0px 10px 0px; }
.schedule_view .button{ float:right; padding:0px 20px}

#eduAll {margin:5px auto}


.contentBody video { width:80% !important; margin-left:10%;}
/*#sub_t001007 .contentBody img { width:50% !important;}*/


.agreement h3 {font-size:16px}

/*3차메뉴 스타일*/


/*연혁*/
#sub_t001 .history>li {display:flex;margin-bottom:50px;padding:0}
#sub_t001 .history>li h3 {width:10%;font-weight:900 !important;line-height:30px;padding-left:0;margin:0 50px 0 0 ;font-size:26px;color:#e6213a}
#sub_t001 .history>li h3::before {display:none;}
#sub_t001 .history>li>ul {position:relative;padding-left:80px;margin-top:4px;}
#sub_t001 .history>li>ul::before {content:"";position:absolute;top:5px ;left:0; width:5px;height:5px;background-color:#e6213a;border-radius:50%;transform:translateY(50%);}
#sub_t001 .history>li>ul>li {padding:0;display:flex;margin-top:10px;font-size:16px;}
#sub_t001 .history>li>ul>li:first-child{margin-top:0;}
#sub_t001 .history>li>ul>li h5{margin-right:10px;font-weight:800 !important;margin-bottom:0}

/*산업재산권 보유현황(한국)*/
#sub_t001004001 .conts div:nth-child(3) #leftNaviText,#sub_t001004002 .conts div:nth-child(3) #leftNaviText  {display:block;}
#sub_t001 .P010401 ul {display:flex; flex-wrap:wrap;margin-bottom:100px;}
#sub_t001 .P010401 ul:last-child {margin-bottom:0;}
#sub_t001 .P010401 ul li {width:calc((100% - 160px) / 3);margin-right:80px;padding:0}
#sub_t001 .P010401 ul li:nth-child(3n){ margin-right:0; }
#sub_t001 .P010401 ul li:nth-child(n+4){ margin-top:100px; }
#sub_t001 .P010401 ul li img{ width:100%; }
#sub_t001 .P010401 ul li p{ font-size:1.125rem; font-weight:600; text-align:center; margin-top:5px; }

/*산업재산권 보유현황(베트남)*/
#sub_t001 .P010402{ margin-top:100px; }
#sub_t001 .P010402 ul{ display:flex; flex-wrap:wrap; }
#sub_t001 .P010402 ul li{ width:calc((100% - 80px) / 2); margin-right:80px;padding:0 }
#sub_t001 .P010402 ul li:nth-child(2n){ margin-right:0; }
#sub_t001 .P010402 ul li:nth-child(n+3){ margin-top:100px; }
#sub_t001 .P010402 ul li img{ width:100%; }
#sub_t001 .P010402 ul li p{ font-size:1.125rem; font-weight:600; text-align:center; margin-top:5px; }

/*사업수행경력*/
#sub_t001 .P0105{ padding-top:30px;line-height:1.4;}
#sub_t001 .P0105 h5{ font-size:16px; font-weight:400; }
#sub_t001 .P0105 h5 span{ display:block; font-size:16px}
#sub_t001 .P0105 ul{ margin-top:100px; display:flex; flex-wrap:wrap; }
#sub_t001 .P0105 ul li{ width:calc((100% - 40px) / 2); margin-right:40px; padding:0}
#sub_t001 .P0105 ul li:nth-child(2n){ margin-right:0; }
#sub_t001 .P0105 ul li:nth-child(n+3){ margin-top:40px; }
#sub_t001 .P0105 ul li img{ width:100%; border-radius:20px; }
#sub_t001 .P0105 ul li h5{ font-size:26px; font-weight:900 !important; color:#e6213a; margin-top:10px;margin-bottom:0 }
#sub_t001 .P0105 ul li h3{ font-size:1.25rem; font-weight:600 !important; margin:10px 0;padding-left:0 }
#sub_t001 .P0105 ul li h3:before{display:none;}
#sub_t001 .P0105 ul li p{ font-weight:400; opacity:.6; }

/*계열회사*/
#sub_t001 .box .title {position:relative;}
#sub_t001 .P0107 h3 {margin:0;padding:0;font-size:2.875rem;font-weight:800 !important;margin-bottom:20px}
#sub_t001 .P0107 h3:before {display:none;}
#sub_t001 .P0107 h4{font-size:1.5rem;font-weight:400;word-break:keep-all;margin:0}
#sub_t001 .P0107 .cont {padding:80px 0 0 0 ;}
#sub_t001 .P0107 .cont p {line-height:32px; font-size:1.125rem;font-weight:400;word-break:keep-all;}
#sub_t001 .P0107 .box01 .cont ul {margin-top:60px;}
#sub_t001 .P0107 .box01 .cont ul strong {font-size:1.875rem;font-weight:800 !important;display:block;margin-bottom:10px;}
#sub_t001 .P0107 .box01 .cont ul li {line-height:32px;font-size:14px;font-weight:400;word-break:keep-all; padding:0 0 0 18px ;position:relative;margin-bottom:5px;}
#sub_t001 .P0107 .box01 .cont ul li::before {content:"";position:absolute;top:15px; left:0;width:8px; height:1px; background:#333;}
#sub_t001 .P0107 h1 {display:block;font-size:2.375rem;font-weight:900 !important;margin:100px 0 20px 0;position:relative;}
#sub_t001 .P0107 h1::after {content:"";position:absolute;bottom:-20px;left:0;width:20px;height:4px;background:#e6213a;}
#sub_t001 .P0107 .box02 h3 {font-size:180%;}
#sub_t001 .P0107 .box02 .history {padding-top:30px;}
#sub_t001 .P0107 .box03 {background:rgba(64,36,35,.05);margin-top:100px;}
#sub_t001 .P0107 .box03>div {margin:0 auto;padding:100px 50px;}
#sub_t001 .P0107 .box03>div>h1{text-align:center;margin:0 0 20px 0;}
#sub_t001 .P0107 .box03>div>h1::after {left:50%;transform:tranlateX(-50%);}
#sub_t001 .P0107 .box03>div>img {margin:0 auto 20px auto;padding-top:20px;display:block;}
#sub_t001 .P0107 .box03>div>p {font-size:14px;font-weight:400;text-align:center;}
#sub_t001 .P0107 .box03>div>p strong {font-size:1.875rem;font-weight:800 !important;display:block;margin-bottom:10px;}
#sub_t001 .P0107 .box03>div>p span {color:#e6213a;font-size:1.875rem}
#sub_t001 .P0107 .box03>div>p>span {display:block;color:inherit;font-size:14px}
#sub_t001 .P0107 .box03>div ul {display:flex;margin-top:60px;}
#sub_t001 .P0107 .box03>div ul li {width:calc((100% - 60px) / 3);margin-right:30px;padding:0}
#sub_t001 .P0107 .box03>div ul li:last-child {margin-right:0;}
#sub_t001 .P0107 .box03>div ul li div {border-radius:20px; overflow:hidden;}
#sub_t001 .P0107 .box03>div ul li div img {width:100%;}
#sub_t001 .P0107 .box03>div ul li button {width:100%;height:50px; border:1px solid rgba(64,63,65,.15);border-radius:50px;margin-top:30px;}
#sub_t001 .P0107 .box03>div ul li button a {line-height:50px;font-size:0.875rem;display:block;}
#sub_t001 .P0107 .box03>div ul li button a i {margin-right:10px;display:initial;padding:0;}
#sub_t001 .P0107 .box04 {margin-top:100px;}
#sub_t001 .P0107 .box04>h1{text-align:center;margin:0 0 20px 0;}
#sub_t001 .P0107 .box04>h1::after{left:50%;transform:tranlateX(-50%);}
#sub_t001 .P0107 .box04 p {font-size:14px;font-weight:400;text-align:center;padding:30px 0 60px 0;}
#sub_t001 .P0107 .box04 span {display:block;font-size:14px;}
#sub_t001 .P0107 .box04 ul {display:flex;align-items:center;justify-content:center;}
#sub_t001 .P0107 .box04 ul li {position:relative;width:250px;height:250px; border:1px solid rgba(64,63,65,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0}
#sub_t001 .P0107 .box04 ul li:nth-child(1)::after{ content:""; position:absolute; top:50%; left:100%; transform:translateY(-50%); width:112px; height:1px; background-color:#e3e2e3; }
#sub_t001 .P0107 .box04 ul li:nth-child(2n){ width:auto; height:auto; border:none; margin:0 60px; }
#sub_t001 .P0107 .box04 ul li:nth-child(3)::after{ content:""; position:absolute; top:50%; right:100%; transform:translateY(-50%); width:112px; height:1px; background-color:#e3e2e3; z-index:-1; }

/*사회공헌*/
#sub_t001008 #sub_t001 div section h5 {font-size:14px !important;font-weight:400;padding-top:30px;}
#sub_t001 .P0108>h5>span {font-size:16px;}
#sub_t001 .P0108>ul {display:flex;margin-top:100px;}
#sub_t001 .P0108>ul>li {width:calc((100% - 60px) / 3);margin-right:30px;padding:0}
#sub_t001 .P0108>ul>li:last-child {margin-right:0;}
#sub_t001 .P0108>ul>li>div {border-radius:20px;overflow:hidden;}
#sub_t001 .P0108>ul>li img {width:100%;}
#sub_t001 .P0108>ul>li h3 {font-size:1.25rem;font-weight:600 !important;margin:10px 0;padding-left:0}
#sub_t001 .P0108>ul>li h3::before{display:none;}
#sub_t001 .P0108>ul>li>ul>li {position:relative;font-size:1rem;font-weight:400;margin-left:10px;padding:0}
#sub_t001 .P0108>ul>li>ul>li::before {content:"";position:absolute;left:-10px; top:6px;width:4px;height:4px;background:#403f41;}

@media only screen and (max-width:800px) {
#sub_t001 .P0108>ul {flex-wrap:wrap;}
#sub_t001 .P0108 h3 {font-size:1rem;}
#sub_t001 .P0108>ul>li {width:calc((100% - 30px) / 2);}
#sub_t001 .P0108>ul>li:nth-child(2n) {margin-right:0;}
#sub_t001 .P0108>ul>li:nth-child(n+3) {margin-top:40px;}
#sub_t001 .P0108>ul>li h3 {font-size:1.125rem;margin:15px 0 10px 0;}
#sub_t001 .P0108>ul>li>ul>li {font-size:0.975rem;}
}

@media only screen and (max-width:550px) {
#sub_t001 .P0108 h5 {}
#sub_t001 .P0108>ul>li {width:100%;margin-right:0;}
#sub_t001 .P0108>ul>li:nth-child(n+2) {margin-top:40px;}
}

/*지역 일자리 창출*/
#sub_t001 .P0109 h5{ font-size:16px; font-weight:400; text-align:center; padding-top:30px; margin-bottom:100px; }
#sub_t001 .P0109 h5 span{ display:block;font-size:16px }
#sub_t001 .P0109 p{ line-height:20px; font-size:14px; font-weight:600; margin-top:10px; text-align:center;}
#sub_t001 .P0109 p span{ display:block; font-size:14px}
#sub_t001 .P0109>ul{ background-color:rgba(64,36,35,.05); border-radius:20px; padding:20px 0; display:flex; align-items:center; justify-content:center; }
#sub_t001 .P0109>ul li{ width:200px; height:200px; text-align:center; display:flex; align-items:center; justify-content:center; margin-left:20px; padding:0}
#sub_t001 .P0109>ul li:first-child{ margin-left:0; }
#sub_t001 .P0109>ul>li div {display:flex;flex-direction:column;align-items:center}
#sub_t001 .P0109>ul>li div i{ font-size:2.5rem; color:#e6213a;padding:0 }
#sub_t001 .P0109>ul>li div .fa-handshake{ color:#403f41; }
#sub_t001 .P0109>ul>li>ul>li{ margin-left:0; }
#sub_t001 .P0109>ul>li>ul>li:first-child{ margin-bottom:20px; }
#sub_t001 .P0109>ul .square{ background-color:rgba(64,36,35,.05); border-radius:20px; }
#sub_t001 .P0109 .box01{ height:460px; background-color:rgba(64,36,35,.05); border-radius:20px; padding:20px 0; }
#sub_t001 .P0109 .bottom{ width:70px; height:70px; background-color:#403f41; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:80px auto; }
#sub_t001 .P0109 .bottomRed{ background-color:#e6213a; }
#sub_t001 .P0109 .bottom i{ font-size:1.5rem; color:#fff; transform:rotate(90deg); }
#sub_t001 .P0109 .both{ text-align:center; display:flex; align-items:center; justify-content:center; margin:80px auto; }
#sub_t001 .P0109 .both .fa-arrow-right{ transform:rotate(-90deg); }
#sub_t001 .P0109 .both .fa-arrow-left{ transform:rotate(-90deg); }
#sub_t001 .P0109 .both div{ width:70px; height:70px; background-color:#e6213a; border-radius:50%; display:flex; align-items:center; justify-content:center; }
#sub_t001 .P0109 .both i{ font-size:1.5rem; color:#fff; }
#sub_t001 .P0109 .both p{ margin:0 40px; }

/*협력사 및 협약기관*/
#sub_t001010001 .conts div:nth-child(4) #leftNaviText,#sub_t001010002 .conts div:nth-child(4) #leftNaviText  {display:block;}
#sub_t001 .P0110 {overflow:inherit;}
#sub_t001 .P0110 ul{ display:flex; flex-wrap:wrap; margin-top:100px; }
#sub_t001 .P0110 ul li{ position:relative; width:calc((100% - 40px) / 3); border:1px solid rgba(64,36,35,.15); margin-right:20px; display:flex; align-items:center; justify-content:center; padding:0}
#sub_t001 .P0110 ul li:nth-child(3n){ margin-right:0; }
#sub_t001 .P0110 ul li:nth-child(n+4){ margin-top:20px; }
#sub_t001 .P0110 ul li:hover{ box-shadow:0 0 20px rgba(64,36,35,.15); }
#sub_t001 .P0110 ul li p{ position:absolute; left:50%; bottom:40px; transform:translateX(-50%); width:100%; font-size:1.125rem; font-weight:600; text-align:center;font-weight:500; }

/*교육과정소개*/
.P0701 table {width:100%;text-align:center}
.P0701 table tr th {border:1px solid #ddd;background:#f2f2f2;padding:12px 0;background:#c5dce4;font-weight:600 !important;line-height:20px}
.P0701 table tr th span {display:block;color:#096f8c}
.P0701 table tr td {border:1px solid #ddd;padding:12px 0;line-height:20px}
.P0701 .table_01 tr th:first-child{width:20%}
.P0701 .table_01 tr th:nth-child(2){width:10%}
.P0701 .table_01 tr th:nth-child(3){width:10%}
.P0701 .table_01 tr th:nth-child(4){width:10%}
.P0701 .table_01 tr th:nth-child(5){width:10%}
.P0701 .table_01 tr th:nth-child(6){width:15%}
.P0701 .table_01 tr th {background:#f2f2f2;}
.P0701 dl dd ul {display:flex;}
.P0701 dl dd ul li{width:calc((100% - 40px) / 3);margin-right:20px;padding:0}
.P0701 dl dd ul li:last-child {margin-right:0;}
.P0701 dl dd ul li img {width:100%;}
.P0701 .table_02 {margin-top:20px;}
.P0701 .table_02 tr th{background:#f2f2f2;}
.P0701 .table_02 tr th:first-child, .P0701 .table_02 tr td:first-child {background:#c5dce4;font-weight:600;}

/*뷰티미용전문인력양성*/
#sub_t008 .P0801>h5{ font-size:2.375rem; font-weight:900 !important; text-align:center; margin:0 auto; }
#sub_t008 .P0801>h5:nth-child(2n){ margin-top:200px; }
#sub_t008 .P0801>h5>span{ display:block;font-size:2.375rem;font-weight:900 }
#sub_t008 .P0801 .box01{ padding:100px 0 0 0; }
#sub_t008 .P0801 .box01>div h4{ font-size:24px; font-weight:400; text-align:center; color:#e6213a; margin-bottom:60px; }
#sub_t008 .P0801 .box01>div h4 strong{ font-weight:800 !important; display:block;  font-size:24px;}
#sub_t008 .P0801 .box01>div h4 strong span{ font-size:1rem; font-weight:400; color:#333;background:initial }
#sub_t008 .P0801 .box02 .subTitle_h1{ font-size:24px; font-weight:400; text-align:center; color:#e6213a; margin:100px 0 50px 0;display:block;position:relative; }
#sub_t008 .P0801 .box02 .subTitle_h1::after{ left:50%; transform:translateX(-50%); content:"";position:absolute;bottom:-20px;width:20px;height:4px;background:#e6213a}
#sub_t008 .P0801 .box02 .subTitle_h1 strong{ font-weight:900 !important; display:block; font-size:24px}
#sub_t008 .P0801 .box02 p{ font-size:16px; font-weight:400; text-align:center;line-height:1.5em; }
#sub_t008 .P0801 .box02 p span{ display:block;font-size:16px }
#sub_t008 .P0801 .box02 ul{ margin-top:60px; display:flex; }
#sub_t008 .P0801 .box02 ul li{ width:calc((100% - 60px) / 3); border-radius:20px; margin-right:30px; overflow:hidden; padding:0}
#sub_t008 .P0801 .box02 ul li:last-child{ margin-right:0; }
#sub_t008 .P0801 .box03{margin:100px auto; display:flex; }
#sub_t008 .P0801 .box03 .arrow ul li{ width:70px; font-size:0.875rem; font-weight:600; text-align:center; background-color:rgba(64,36,35,.15); margin:auto; display:flex; align-items:center; justify-content:center; padding:0}
#sub_t008 .P0801 .box03 .arrow ul{ height:242px; }
#sub_t008 .P0801 .box03 .arrow ul .top{ width:100px; background-color:transparent; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:43.92px solid #e6213a; }
#sub_t008 .P0801 .box03 .arrow ul li{ height:calc(100% / 6); color:#fff; background-color:#e6213a;padding:0 }
#sub_t008 .P0801 .box03 .arrow ul li p {color:#fff;}
#sub_t008 .P0801 .box03 .table{ margin:0 0 0 60px; }
#sub_t008 .P0801 .box03 .table h3{ font-size:1.875rem; font-weight:800; text-align:center; margin-bottom:20px; }
#sub_t008 .P0801 .box03 .table p{ font-size:1rem; font-weight:400; word-break:keep-all; }
#sub_t008 .P0801 .box03 .table p strong{ position:relative; font-size:1.125rem; font-weight:800; display:block; margin-bottom:14px; }
#sub_t008 .P0801 .box03 .table p strong::after{ content:""; position:absolute; top:100%; left:0; width:10px; height:4px; background-color:#403f41; margin-top:5px; }
#sub_t008 .P0801 .box03 .table table{ width:100%; font-weight:400; text-align:center; margin-top:10px; }
#sub_t008 .P0801 .box03 .table table thead tr{ border-top:2px solid #403f41; }
#sub_t008 .P0801 .box03 .table table tr{ border-bottom:1px solid rgba(64,36,35,.15); }
#sub_t008 .P0801 .box03 .table table tr th{ font-weight:800; text-align:center; background-color:rgba(64,36,35,.15); padding:10px 0; }
#sub_t008 .P0801 .box03 .table table tr td{ padding:10px 0; }
#sub_t008 .P0801 .box03 .table .table02>h3{ color:#e6213a; }
#sub_t008 .P0801 .box03 .table .table02 table{ margin-top:0; }
#sub_t008 .P0801 .box03 .table .table02 table thead tr{ border-top:2px solid #e6213a; }
#sub_t008 .P0801 .box03 .table .table02 table tr th{ background-color:rgba(230,33,58,.05); }
#sub_t008 .P0801 .box04{margin:0 auto 100px auto; }
#sub_t008 .P0801 .box04 h3{ font-size:24px; font-weight:800 !important; text-align:center; padding:0}
#sub_t008 .P0801 .box04 h3:before{display:none;}
#sub_t008 .P0801 .box04 .com{ display:flex; justify-content:center; margin:40px 0; }
#sub_t008 .P0801 .box04 .com li {padding:0}
#sub_t008 .P0801 .box04 .com li:nth-child(1){ margin-right:30px; }
#sub_t008 .P0801 .box04 .button{ display:flex; }
#sub_t008 .P0801 .box04 .button button{ width:calc((100% - 30px) / 4); height:50px; border:1px solid rgba(64,63,65,.15); border-radius:50px; margin-right:10px; padding:0 20px; transition:.5s; }
#sub_t008 .P0801 .box04 .button button:hover{ background-color:#e6213a; border:1px solid #e6213a; }
#sub_t008 .P0801 .box04 .button button:hover a{ color:#fff; }
#sub_t008 .P0801 .box04 .button button:last-child{ margin-right:0; }
#sub_t008 .P0801 .box04 .button button a{ line-height:50px; font-size:0.875rem; display:block; font-size:1rem}
#sub_t008 .P0801 .box04 .button button a i{ margin-right:10px; transition:initial; }
#sub_t008 .P0801 .box04 p{ position:relative; font-size:1.625rem; font-weight:800; text-align:center; margin-top:40px; }
#sub_t008 .P0801 .box04 p::after{ content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:800px; height:12px; background-color:rgba(230,33,58,.15); border-radius:50px; }
#sub_t008 .P0801 .box05{ margin:100px auto 0 auto; }
#sub_t008 .P0801 .box05 .arrow ul{ height:272px; }
#sub_t008 .P0801 .box05 .arrow ul:nth-child(1) .top{ border-bottom:37.48px solid #e6213a; }
#sub_t008 .P0801 .box05 .arrow ul:nth-child(2) li{ color:#403f41; background-color:rgba(64,36,35,.15); }
#sub_t008 .P0801 .box05 .arrow ul li{ height:calc(100% / 8);padding:0 }
#sub_t008 .P0801 .box05 .table table:first-child{ margin-top:0;white-space:normal }
#sub_t008 .P0801 .box05 .table table:first-child tr td{ word-break:keep-all; padding:10px 100px; }
#sub_t008 .P0801 .box05 .table .table01>h3{ color:#e6213a; }
#sub_t008 .P0801 .box05 .table table tr th{ background-color:rgba(230,33,58,.05); }
#sub_t008 .P0801 .box05 .table table thead tr{ border-top:2px solid #e6213a; }
#sub_t008 .P0801 .box05 .table .table02 h3{ color:#403f41; }
#sub_t008 .P0801 .box05 .table .table02 table thead tr{ border-top:2px solid #403f41; }
#sub_t008 .P0801 .box05 .table .table02 table tr th{ background-color:rgba(64,36,35,.15); }

/*뷰티업소창업지원*/
/*#sub_t008 .P0802 .box .text div{ background-color:#fff; padding:0 0 0 80px;}*/
#sub_t008 .P0802 .box .text div h1{ position:relative; display:block; font-size:2.375rem; font-weight:900; margin-bottom:20px; }
#sub_t008 .P0802 .box .text div h1::after{ content:""; position:absolute; left:0; bottom:-20px; width:20px; height:4px; background-color:#e6213a; }
#sub_t008 .P0802 .box .text div h5{ font-size:14px; font-weight:400; padding-top:30px; }
#sub_t008 .P0802 .box .text div h5 span{ display:block;font-size:14px; }
#sub_t008 .P0802 .box .text div>ul{ margin-top:60px; }
#sub_t008 .P0802 .box .text div>ul>li{ width:100%; border:1px solid rgba(64,36,35,.15); padding:50px; }
#sub_t008 .P0802 .box .text div>ul>li h3{ font-size:1.25rem; font-weight:800 !important; margin:10px 0 20px 0; padding:0}
#sub_t008 .P0802 .box .text div>ul>li h3:before{ display:none; }
#sub_t008 .P0802 .box .text div>ul>li>ul>li{ position:relative; font-size:1rem; font-weight:400; word-break:keep-all; margin-left:10px;padding:0 }
#sub_t008 .P0802 .box .text div>ul>li>ul>li::before{ content:""; position:absolute; top:8px; left:-10px; width:4px; height:4px; background-color:#403f41; border-radius:50%; }
#sub_t008 .P0802>h3{ font-size:1.875rem; font-weight:800 !important; margin:100px auto 10px auto; padding:0}
#sub_t008 .P0802>h3:before {display:none; }
#sub_t008 .P0802>p{ font-weight:400; word-break:keep-all; margin:0 auto 20px auto; }
#sub_t008 .P0802 table{ font-weight:400; text-align:center;width:100%}
#sub_t008 .P0802 table thead tr{ border-top:2px solid #403f41; }
#sub_t008 .P0802 table thead tr th{ background-color:rgba(64,36,35,.15); }
#sub_t008 .P0802 table tr{ border-bottom:1px solid rgba(64,36,35,.15); }
#sub_t008 .P0802 table tr th{ font-weight:800 !important; text-align:center; word-break:keep-all; padding:10px 20px; }
#sub_t008 .P0802 table tr td{ word-break:keep-all; padding:10px 20px; }

/*뷰티미용 영상 콘텐츠 제작지원*/
#sub_t008 .P0803 .title{ text-align:center;margin-bottom:100px}
#sub_t008 .P0803 .title h1{ position:relative; display:block; font-size:2.375rem; font-weight:900; word-break:keep-all; margin-bottom:20px; }
#sub_t008 .P0803 .title h1::after{ content:""; position:absolute; left:50%; bottom:-20px; transform:translateX(-50%); width:20px; height:4px; background-color:#e6213a; }
#sub_t008 .P0803 .title h5{ font-size:1.125rem; font-weight:400; padding-top:30px; }
#sub_t008 .P0803 .title h5 span{ display:block;font-size:1.125rem;  }
#sub_t008 .P0803 ul{ position:relative; display:flex;  }
#sub_t008 .P0803 ul::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:1px; height:60px; background-color:rgba(64,36,35,.15); }
#sub_t008 .P0803 ul::after{ content:""; position:absolute; top:-60px; left:50%; transform:translatex(-50%); width:8px; height:8px; background-color:#403f41; border-radius:50%; }
#sub_t008 .P0803 ul li{ width:calc(100% / 6); border:1px solid rgba(64,36,35,.15); padding:50px 0; }
#sub_t008 .P0803 ul li img{ margin:auto; display:block; }
#sub_t008 .P0803 ul li h3{ font-size:1.25rem; font-weight:800 !important; text-align:center; margin-top:10px; padding:0;margin-bottom:0}
#sub_t008 .P0803 ul li h3:before{display:none;}

/*브랜드-공통*/
#sub_t002 section p{font-size:14px;font-weight:400 !important;text-align:center;word-break:keep-all;line-height:inherit;}
#sub_t002 section strong {font-size:1.875rem;font-weight:800 !important;display:block;margin-bottom:5px;}
#sub_t002 section p span {display:block;font-size:14px;}
#sub_t002 section .box03>div ul {display:flex;margin-top:60px;}
#sub_t002 section .box03>div ul li {width:calc((100% - 60px) / 3);margin-right:29px;padding:0}
#sub_t002 section .box03>div ul li:last-child {margin-right:0;}
#sub_t002 section .box03>div ul li div {border-radius:20px; overflow:hidden;}
#sub_t002 section .box03>div ul li div img{width:100%}
#sub_t002 section .button {display:flex;}
#sub_t002 section .button button {width: calc((100% - 30px) / 4);height: 50px; border: 1px solid rgba(64, 63, 65, .15); border-radius: 50px; margin: 30px 10px 0 0; padding: 0 20px;transition: .5s;}
#sub_t002 section .button button:hover{ background-color:#e6213a; border:1px solid #e6213a; }
#sub_t002 section .button button:hover a{ color:#fff; }
#sub_t002 section .button button:last-child{ margin-right:0; }
#sub_t002 section .button button a{ line-height:50px; font-size:14px; display:flex; align-items:center; justify-content:center; }
#sub_t002 section .button button a i{ margin-right:10px; transition:initial; }
#sub_t002 section .button button a img{ display:block; margin-right:10px; }
#sub_t002 section .button button:hover a img{ filter:brightness(0) invert(1); }

/*브랜드-헤어캇또 아카데미*/
#sub_t002 .P0201 .box03 div p strong span {color:#e6213a;font-size:1.875rem ;display:unset;}
.P0201 .imgBox .subTitle_h1{ text-align:center; display:block;position:relative;font-size:2.375rem;font-weight:900 !important; margin:100px 0 20px 0; word-break:keep-all;}
.P0201 .imgBox .subTitle_h1::after{ left:50%; transform:translateX(-50%); content:"";position:absolute;bottom:-20px;width:20px;height:4px;background:#e6213a}
.P0201 .imgBox .btnBox{ display:flex; justify-content:center; padding-top:30px; }
.P0201 .imgBox .btnBox li{ font-size:1.125rem; font-weight:400; margin-right:40px; cursor:pointer; padding:0}
.P0201 .imgBox .btnBox li:last-child{ margin-right:0; }
.P0201 .imgBox .btnBox .btnBox_on{ font-weight:800; }
.P0201 .img{ margin:30px auto 0 auto; }
.P0201 .img li {padding:0;}
.P0201 .img li .mySwiper{ margin-top:10px; display:none; }
.P0201 .img li .mySwiper .swiper-wrapper .swiper-slide{ width:calc((100% - 30px) / 4) !important; margin-right:10px; cursor:pointer; opacity:.4; }
.P0201 .img li .mySwiper .swiper-wrapper .swiper-slide:last-child{ margin-right:0; }
.P0201 .img li .mySwiper .swiper-wrapper .swiper-slide img{ width:100%; }
.P0201 .img li .mySwiper .swiper-wrapper .swiper-slide-thumb-active{ opacity:1; }
.P0201 .img li .mySwiper2 .swiper-wrapper .swiper-slide img{ width:100%; }
.swiper-button-prev, .swiper-button-next{ transform:translateY(-50%); width:60px !important; height:60px !important; color:#fff !important; border-radius:50%; box-sizing:border-box; margin-top:0 !important; transition:.5s; }
.swiper-button-prev:hover, .swiper-button-next:hover{ border:2px solid #fff; }
.swiper-button-prev:after, .swiper-button-next:after{ display:none; }
.swiper-button-prev{ left:30px !important; }
.swiper-button-next{ right:30px !important; }
.swiper-button-prev i, .swiper-button-next i{ font-size:1.5rem; }
.P0201 .box03 .button{ display:flex; }
.P0201 .box03 .button button{ width:calc((100% - 60px) / 3) !important; height:50px; border:1px solid rgba(64,63,65,.15); border-radius:50px; margin:30px 30px 0 0 !important; padding:0 20px; transition:.5s; }
.P0201 .box03 .button button:hover{ background-color:#e6213a; border:1px solid #e6213a; }
.P0201 .box03 .button button:hover a{ color:#fff; }
.P0201 .box03 .button button:last-child{ margin-right:0 !important; }
.P0201 .box03 .button button a{ line-height:50px; font-size:0.875rem; display:flex; align-items:center; justify-content:center; }
.P0201 .box03 .button button a i{ margin-right:10px; transition:initial; }
.P0201 .box03 .button button a img{ display:block; margin-right:10px; }
.P0201 .box03 .button button:hover a img{ filter:brightness(0) invert(1); }

/*브랜드-헤어캇또*/
#sub_t002 .P0202 .button button {width:calc((100% - 10px ) /2);}

/*브랜드-헤어12.5*/
#sub_t002 .P0203 .box03>div ul li button{ width:100%; height:50px; border:1px solid rgba(64,63,65,.15); border-radius:50px; margin-top:30px; }
#sub_t002 .P0203 .box03>div ul li button:hover{ background-color:#e6213a; border:1px solid #e6213a; transition:.5s; }
#sub_t002 .P0203 .box03>div ul li button:hover a{  color:#fff; }
#sub_t002 .P0203 .box03>div ul li button a{ line-height:50px; font-size:14px; display:block; }
#sub_t002 .P0203 .box03>div ul li button a i{ margin-right:10px; transition:initial; }

#sub_t006 .subTitle h3 span {font-size:23px;}

@media only screen and (max-width:1200px) {
#sub_t001 .P0109 .box01{ width:460px; height:auto; flex-wrap:wrap; margin:auto; padding:20px; }
#sub_t001 .P0109 .box01>li{ width:100%; margin:0; }
#sub_t001 .P0109 .box01>li:first-child{ display:none; }
#sub_t001 .P0109 .box01>li:last-child{ margin-top:20px; }
#sub_t001 .P0109>ul>li>ul{ display:flex; flex-wrap:wrap; }
#sub_t001 .P0109>ul>li>ul>li:first-child{ margin:0 20px 0 0; }

#sub_t008 .P0801 .box01>div>div {overflow:auto;}
#sub_t008 .P0801 .box01>div img {width:auto;display:block;max-width:none;}
#sub_t008 .P0801 .box02 ul li img {width:100%;}
#sub_t008 .P0801 .box03 .table {overflow-x:auto;white-space:nowrap;}
#sub_t008 .P0801 .box03 .table .tableS {width:920px;}
#sub_t008 .P0801 .box04 .button {flex-wrap:wrap;}
#sub_t008 .P0801 .box04 .button button {width: calc((100% - 94px) / 2)}

#sub_t002 section p span {display:inline}
#sub_t002 section .box03> ul li{width: calc((100% - 40px ) /2);margin-right:20px;}
/*#sub_t002 section .button {flex-wrap:wrap}*/
#sub_t002 section .button button a {line-height:initial;word-break:keep-all;padding:0 20px;}
#sub_t002 .P0201 .box03>div .button button {width:calc((100% - 94px) / 2);}
#sub_t002 .P0201 .box03>div .button button:nth-child(2n) {margin-right:0}
#sub_t002 .P0202 .button button {width:calc((100% - 94px)/2);}
#sub_t002 .P0202 .button button:nth-child(2n) {margin-right:0;}

#sub_t001 .P0110 ul li img {width:100%;}
}


@media only screen and (max-width:1000px) {
.table_div {position:relative; overflow:auto}
.table_width {width:900px;}
.table_width2 {width:600px;}

#sub_t001 .P010401 ul {margin-bottom:80px;}
#sub_t001 .P010401 ul li {width:calc((100% - 120px) / 3);margin-right:60px;}
#sub_t001 .P010401 ul li:nth-child(n+4), #sub_t001 .P010402 ul li:nth-child(n+3) {margin-top:80px;}
#sub_t001 .P010402 ul li {width:calc((100% - 60px) / 2);margin-right:60px;}

#sub_t001 .P0107 h3 {font-size:2.625rem;}
#sub_t001 .P0107 h4 {font-size:1.25rem;}
#sub_t001 .P0107 .cont {padding:60px 0 0 0 ;}
#sub_t001 .P0107 .box03 {padding:0 50px;}
#sub_t001 .P0107 .box03>div {width:100%;padding:100px 0;}
#sub_t001 .P0107 .box03>div>p {word-break:keep-all;margin:auto;}
#sub_t001 .P0107 .box03>div>p>span{display:inline}
#sub_t001 .P0107 .box03>div ul li{width:calc((100% - 40px) / 2);margin-top:20px;}
#sub_t001 .P0107 .box03>div ul li button a {line-height:initial;word-break:keep-all;padding:0 20px;}
#sub_t001 .P0107 .box04 {margin:100px 0 0 0;}
#sub_t001 .P0107 .box04 p {word-break:keep-all;margin:auto;}
#sub_t001 .P0107 .box04 span {display:inline;}
#sub_t001 .P0107 .box04 ul {flex-wrap:wrap;}
#sub_t001 .P0107 .box04 ul li {width:220px;height:220px;}
#sub_t001 .P0107 .box04 ul li:nth-child(1n) img, #sub_t001 .P0107 .box04 ul li:nth-child(3n) img {height:20px;}
#sub_t001 .P0107 .box04 ul li:nth-child(2n){ width:100%; margin:40px 0; }
#sub_t001 .P0107 .box04 ul li:nth-child(2n) img{ height:380px; }
#sub_t001 .P0107 .box04 ul li:nth-child(1)::after{ top:auto; bottom:-60px; left:50%; transform:translate(0, -50%); width:1px; height:40px; }
#sub_t001 .P0107 .box04 ul li:nth-child(3)::after{ top:-40px; left:50%; transform:translate(0, -50%); width:1px; height:80px; }

#sub_t001 .P0109 .box01{ width:400px; }
#sub_t001 .P0109>ul li{ width:170px; height:170px; }

#sub_t008 .P0801 .box04 .com li img {width:100%;}

#sub_t001 .P0110 ul li p {bottom:25px; word-break:keep-all;padding:0 20px;}


.swiper-button-prev, .swiper-button-next{ width:40px !important; height:40px !important; }
.swiper-button-prev i, .swiper-button-next i{ font-size:1rem; }
}



@media only screen and (max-width:800px) {

#sub_t001 .history>li {flex-wrap:wrap;}
#sub_t001 .history>li h3 {margin:0 0 0 22px;width:100%}
#sub_t001 .history>li>ul {width:100%; padding-left:22px; margin-top:15px;}
#sub_t001 .history>li>ul::before {top:-33px;}
#sub_t001 .history>li>ul>li h5 {width:24px; }
#sub_t001 .history>li>ul>li>div {width:calc(100% - 24px);}
#sub_t001 .history>li>ul>li p {word-break:keep-all;}


#sub_t001 .P010401 ul {margin-bottom:60px;}
#sub_t001 .P010401 ul li, #sub_t001 .P010402 ul li {width:calc((100% - 25px) / 2);margin-right:25px;}
#sub_t001 .P010401 ul li:nth-child(2n) {margin-right:0;}
#sub_t001 .P010401 ul li:nth-child(3n) {margin-right:auto;}
#sub_t001 .P010401 ul li:nth-child(n+3), #sub_t001 .P010402 ul li:nth-child(n+3) {margin-top:60px;}


#sub_t001 .P0105{ padding-top:25px; }
#sub_t001 .P0105 h5{ word-break:keep-all;font-size:1.125rem; }
#sub_t001 .P0105 h5 span{ display:inline; font-size:1.125rem;}
#sub_t001 .P0105 ul li{ width:calc((100% - 25px) / 2); margin-right:25px;}
#sub_t001 .P0105 ul li h5{ font-size:1.5rem}
#sub_t001 .P0105 ul li h3{ font-size:1.125rem }
#sub_t001 .P0105 ul li p{ font-size:0.975rem }

#sub_t001 .P0107 .title {text-align:center;display:flex;justify-content:center;}
#sub_t001 .P0107 .cont {padding:40px 40px 0 40px}
#sub_t001 .P0107 .cont p {text-align:center;}
#sub_t001 .P0107 .box01 .cont ul strong{ font-size:1.675rem; }
#sub_t001 .P0107 .box01 .cont ul li{ line-height:28px;}
#sub_t001 .P0107 h1 {margin:100px 0 15px 0;}
#sub_t001 .P0107 .box03>div>h1{margin:0 0 15px 0;}
#sub_t001 .P0107 .box03>div>h1::after {bottom:-15px;}
#sub_t001 .P0107 .box03>div>img {margin:35px auto 15px auto;padding-top:0;height:45px;}
#sub_t001 .P0107 .box03>div>p {width:75%;}
#sub_t001 .P0107 .box03>div ul {flex-wrap:wrap;margin-top:40px;}
#sub_t001 .P0107 .box03>div ul li {width:100%;margin: 0 0 40px 0;}
#sub_t001 .P0107 .box03>div ul li button {margin-top:20px;}
#sub_t001 .P0107 .box04 {margin:100px 0 0 0;}
#sub_t001 .P0107 .box04>div>h1{margin:0 0 15px 0;}
#sub_t001 .P0107 .box04>div>h1::after {bottom:-15px;}
/*#sub_t001 .P0107 .box04 p {font-size:1.15rem;}*/
/*#sub_t001 .P0107 .box04 span {font-size:1.15rem;}*/
#sub_t001 .P0107 .box04 ul li {width:200px; height:200px;}

#sub_t001 .P0109 h5{ width:80%;  word-break:keep-all; padding-top:25px; margin:0 auto 100px auto; }
#sub_t001 .P0109 h5 span{ display:inline; }
/*#sub_t001 .P0109 p{ font-size:0.875rem; }*/
/* #sub_t001 .P0109 .box02{ width:170px; flex-wrap:wrap; margin:auto; } */
#sub_t001 .P0109 .box02 li{ margin-left:0; }
#sub_t001 .P0109 .box03{ width:400px; flex-wrap:wrap; margin:auto; }
#sub_t001 .P0109 .box03 li:nth-child(3){ margin-left:0; }
#sub_t001 .P0109 .box03 li:nth-child(n+3){ margin-top:20px; }
#sub_t001 .P0109>ul>li div i{ font-size:2.375rem; }
#sub_t001 .P0109 .bottom{ width:60px; height:60px; margin:60px auto; }
#sub_t001 .P0109 .bottom i, #sub_t001 .P0109 .both i{ font-size:1.375rem; }
#sub_t001 .P0109 .both div{ width:60px; height:60px; }

.P0701 dl dd ul li {width:calc((100% - 30px ) / 3);margin-right:15px}
.P0701 table span{display:block;}
.P0701 .table_02 tr th:first-child, .P0701 .table_02 tr th:last-child{width:20%;}


#sub_t008 .P0801>h5{ font-size:2.125rem; }
#sub_t008 .P0801>h5 span {font-size:2.125rem;display:inline}
#sub_t008 .P0801 .box01>div img {height:220px}
#sub_t008 .P0801 .box01>div h4 {font-size:1.75rem;font-size:20px}
#sub_t008 .P0801 .box01>div h4 strong {font-size:1.75rem;font-size:20px}
/*#sub_t008 .P0801 .box02 .subTitle_h1 {font-size:1.75rem;font-size:20px}*/
#sub_t008 .P0801 .box02 p {font-size:14px;line-height:1.5em}
#sub_t008 .P0801 .box02 p span {font-size:14px}
#sub_t008 .P0801 .box02 ul li {width:calc((100% - 20px) /3);margin-right:10px;}
#sub_t008 .P0801 .box03 .arrow ul {height:232px;}
#sub_t008 .P0801 .box03 .arrow ul li {width:60px;}
#sub_t008 .P0801 .box04 .button {flex-wrap:wrap;}
#sub_t008 .P0801 .box04 .button button {width:100%;margin-right:0;}
#sub_t008 .P0801 .box04 .button button:nth-child(n+2) {margin-top:10px;}
#sub_t008 .P0801 .box05 .arrow ul {height:280px;}

#sub_t008 .P0802 .box .text div>ul>li{padding:40px;}
#sub_t008 .P0802 .box .text div h5 span {display:inline;}

#sub_t008 .P0803 .title h5 span {display:inline;}
#sub_t008 .P0803 ul {flex-wrap:wrap;}
#sub_t008 .P0803 ul li {width:calc(100% / 3);padding:25px 0;}


#sub_t002 section p strong {font-size:1.75rem;}
#sub_t002 section .box03>div ul {flex-wrap:wrap;margin-top:40px;}
#sub_t002 section .box03>div ul li{width:100% ;margin:0 0 40px 0}
#sub_t002 section .box03>div ul li:last-child{margin:0}
#sub_t002 section .button {flex-wrap:wrap}
#sub_t002 .P0201 .box03>div .button button {width:100% !important;margin-right:0 !important}
#sub_t002 .P0201 .box03>div .button button:nth-child(n+2) {margin-top:10px !important;}
#sub_t002 .P0202 .button button {width:100%;margin-right:0;}
#sub_t002 .P0202 .button button:nth-child(n+2) {margin-top:10px;}

#sub_t002 .P0203 .box03>div ul li button {margin-top:20px;}


#sub_t001 .P0110 ul li {width:calc((100% - 20px ) /2);}
#sub_t001 .P0110 ul li:nth-child(2n) {margin-right:0;}
#sub_t001 .P0110 ul li:nth-child(3n) {margin-right:auto;}
#sub_t001 .P0110 ul li:nth-child(n+3) {margin-top:20px;}
}


@media only screen and (max-width:770px) {


.new_program strong{font-size:16px;}
.new_program strong span{display:inline; font-size:16px;}

/*.list01 li {padding-left: 15px;background: url(/user/default/image/icon/dot_icon.gif) 5px 10px no-repeat;line-height: 25px;}*/
.P002 section p{padding:0 20px;}
.table_design2 th, .table_design2 td {padding:5px 5px; }

.m_banner .box_line dl:first-child{float:left; width:40%}
.m_banner .box_line dl:last-child{float:left; width:60%}
.m_banner .box_line {margin:2px; border:1px solid #fff; overflow:hidden; padding:0.2% 0;}


.tb tbody th{ padding:8px 0;}
.tb tbody th, .tb tbody td{ padding: 8px 0;}


/*#sub_t001007 .contentBody img { width:100% !important;}*/
.P001 .logo li{/*width:50%;*/width:33%;}

}


@media only screen and (max-width:550px) {

#sub_t001 .P010402 ul li {width:100%; margin:40px 0 0 0 }
#sub_t001 .P010402 ul li:first-child {margin:0}


/*#sub_t001 .P0105 h5{ font-size:0.875rem }*/
#sub_t001 .P0105 ul li{ width:100%; margin:40px 0 0 0}
#sub_t001 .P0105 ul li:first-child{margin: 0 0 0}
#sub_t001 .P0105 ul li h5{ font-size:1.375rem}
#sub_t001 .P0105 ul li h3{ min-height:auto}
/*#sub_t001 .P0105 ul li p{ font-size:0.75rem }*/


#sub_t001 .P0107 .box01 .title{ padding:0 0 60px 0; }
#sub_t001 .P0107 .box01 .cont{ padding:25px 0 0 0; }
#sub_t001 .P0107 .box01 .cont p{ word-break:break-all;line-height:28px; }
#sub_t001 .P0107 .box01 .cont ul strong{ font-size:1.475rem; }
#sub_t001 .P0107 .box01 .cont ul li{ line-height:24px; }
#sub_t001 .P0107 .box03>div>p{ width:100%; }
#sub_t001 .P0107 .box03>div>p strong{ font-size:1.725rem;line-height:32px; }
#sub_t001 .P0107 .box03>div>p span {word-break:keep-all;}
/*#sub_t001 .P0107 .box03>div>p>span {font-size:0.975rem;}*/
#sub_t001 .P0107 .box03>div ul li button{ margin-top:10px; }
#sub_t001 .P0107 .box03>div>img{ height:35px; }
#sub_t001 .P0107 .box04 p{ width:100%; }
#sub_t001 .P0107 .box04 ul li{ width:100%; height:50px; border-radius:50px; }
#sub_t001 .P0107 .box04 ul li:nth-child(2n) img{ width:100%; height:auto; }

#sub_t001 .P0109 h5{ width:auto;  }
#sub_t001 .P0109 p{ word-break:keep-all; margin-top:5px; }
#sub_t001 .P0109 p span{ display:inline; }
#sub_t001 .P0109 .box01{ width:auto; }
#sub_t001 .P0109 .box01>li:last-child{ margin-top:10px; }
#sub_t001 .P0109 .box01>li:nth-child(4){ height:290px; }
#sub_t001 .P0109 .box02{ width:auto; flex-wrap:wrap; }
#sub_t001 .P0109 .box02 li{ width:100%; }
#sub_t001 .P0109 .box03{ width:auto; }
#sub_t001 .P0109 .box03 li:nth-child(n+2){ margin-top:10px; }
#sub_t001 .P0109>ul{ padding:20px; }
#sub_t001 .P0109>ul .square{ padding:0 25px; }
#sub_t001 .P0109>ul>li{ width:100%; height:140px; margin-left:0; }
#sub_t001 .P0109>ul>li div i{ font-size:2.25rem; }
#sub_t001 .P0109>ul>li>ul{ width:100%; }
#sub_t001 .P0109>ul>li>ul>li{ width:100%; height:140px; }
#sub_t001 .P0109>ul>li>ul>li:first-child{ margin:0 0 10px 0; }
#sub_t001 .P0109 .bottom{ width:50px; height:50px; margin:40px auto; }
#sub_t001 .P0109 .bottom i, #sub_t001 .P0109 .both i{ font-size:1.25rem; }
#sub_t001 .P0109 .both{ flex-wrap:wrap; }
#sub_t001 .P0109 .both div{ width:50px; height:50px; }
#sub_t001 .P0109 .both p{ width:100%; margin:25px 0; }
#sub_t001 .P0109 .both p span{ display:block; }


/*#sub_t008 .P0801>h5{ font-size:1.75rem; }*/
/*#sub_t008 .P0801>h5 span {font-size:1.75rem;}*/
#sub_t008 .P0801 .box01>div h4{word-break:keep-all; }
#sub_t008 .P0801 .box01>div h4 strong{ display:inline;}
#sub_t008 .P0801 .box01>div h4 strong span{ font-size:0.85rem; display:block; }
#sub_t008 .P0801 .box01>div img{ height:200px; }
#sub_t008 .P0801 .box02 p{ word-break:keep-all; }
#sub_t008 .P0801 .box02 p span{ display:inline; }
#sub_t008 .P0801 .box02 ul{ flex-wrap:wrap; margin-top:40px; }
#sub_t008 .P0801 .box02 ul li{ width:100%; margin:0 0 20px 0; }
#sub_t008 .P0801 .box02 ul li:last-child{ margin:0; }
#sub_t008 .P0801 .box03 .arrow ul:nth-child(2){ height:362px; }
#sub_t008 .P0801 .box03 .arrow ul .top{ width:60px; border-left:30px solid transparent; border-right:30px solid transparent; }
#sub_t008 .P0801 .box03 .arrow ul li{ width:40px; }
#sub_t008 .P0801 .box03 .table{ width:calc(100% - 80px); }
#sub_t008 .P0801 .box03 .table h3{ font-size:1.625rem; text-align:left; word-break:keep-all; }
/*#sub_t008 .P0801 .box04 h3{ font-size:1.375rem; }*/
#sub_t008 .P0801 .box04 p{ word-break:keep-all; }
#sub_t008 .P0801 .box04 p::after{ display:none; }
#sub_t008 .P0801 .box04 p span{ display:inline; }
#sub_t008 .P0801 .box04 .com li:nth-child(1){ margin-right:15px; }

#sub_t008 .P0802 .box .text div>ul>li{padding:35px;}
#sub_t008 .P0802 .tableS {overflow-x:auto;white-space:nowrap;}

#sub_t008 .P0803 ul li {width:calc(100% / 2);}

#sub_t002 section p strong {font-size:1.625rem;}
#sub_t002 section p strong span {font-size:1.625rem !important;}
.swiper-button-prev, .swiper-button-next{ width:30px !important; height:30px !important; }
.swiper-button-next{ right:20px !important; }
.swiper-button-prev{ left:20px !important; }

#sub_t002 .P0203 .box03>div ul li button {margin-top:10px;}

#sub_t001 .P0110 ul li{width:100%;height:180px; margin-right:0;}
#sub_t001 .P0110 ul li:nth-child(n+2) {margin-top:10px;}
#sub_t001 .P0110 ul li p {bottom:20px;}
#sub_t001 .P0110 ul li img {width:80%;}
}