/* Ã¬Â»Â¨Ã­â€¦ÂÃ¬Â¸Â  ÃªÂ³ÂµÃ­â€ Âµ css */
.comm_list{margin:20px 0;padding-left:20px;text-align:left;}
.comm_list li{font-size:15px;color:#545454;list-style-type:disc;list-style-position:inside}
.comm_list li.title_p{list-style:none}
.comm_list li.s_list{list-style:none;padding-left:20px}
.comm_list p{margin:10px 0;font-weight:500;color:#404040}

@media(max-width:480px){
.comm_list{padding-left:0;}
.comm_list li{font-size:14px}
}
@media(max-width:320px){
.comm_list li{font-size:12px}
}

.content_text{padding:0 0 30px 0; text-align:center}
.content_text .title{font-size:20px;color:#3b3b3b;background:url('../img/page/title_bg.jpg')no-repeat left;padding-left:20px;margin:40px 0 30px;text-align:left}
.content_text .title_s{font-size:17px;color:#3b3b3b;background:url('../img/page/title_bg2.jpg')no-repeat left;padding-left:25px;font-weight:500;margin:15px 0;margin-left:20px;text-align:left}
.content_text .text{font-size:15px;color:#545454;padding-left:20px;text-align:left; line-height: 1.6; margin-bottom: 30px;}
.content_text:last-child{border-bottom:1px solid #dcdcdc}

@media(max-width:1300px){
.imgbox_1300 img{width:100%}
}
@media(max-width:800px){
.sub_content img{width:100%}
}

@media(max-width:480px){
.content_text .text{word-break:keep-all;padding-left:0}
}

/* ÃªÂ²Å’Ã¬â€¹Å“Ã­Å’Â css */
#board{position:relative; padding:0 10px; margin:0 auto;float: right;width:1020px;}
@media(max-width:1300px){
#board{width:80%}
}

@media(max-width:960px){
#board{width:100%;float:none}
}

/* sub1-1 Ã­â€¢â„¢ÃªÂ³Â¼ÃªÂ°Å“Ã¬Å¡â€-Ã­â€¢â„¢ÃªÂ³Â¼Ã«Â¹â€žÃ¬Â â€ž */
.obj_tit{width:100%;height:auto;margin-bottom:40px;background:url('../img/page/text_bg.jpg') no-repeat 50% 50%;background-size:cover;text-align:center}
.obj_tit .col_01{color:#009DE8}
.obj_tit p{display:inline-block;padding:12px 20px;line-height:1.2;font-weight: 500;font-size: 20px;color: #333;}

@media only screen and (max-width:1024px){
.obj_tit{margin-bottom:20px}
	.obj_tit p{padding:5px 10px}
	.obj_tit p,
.obj_tit p span{font-size:20px}
}

/* sub1-3 Ã¬Â â€žÃªÂ³ÂµÃ¬â€ Å’ÃªÂ°Å“ */
.diag_wrap {text-align: center;}
.diag_wrap > ul {display: flex;}
.diag_wrap > ul > li {flex: 1 1 0%;}
.diag_wrap > ul > li + li {margin-left: 20px;}
.diag_wrap > ul.ul_col > li {flex: inherit;}
.diag_wrap > ul.ul_col > li + li {margin-left: 0px;}
.diag_wrap strong {display: block; position: relative; width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 100px; font-weight: 400; text-align: center; font-size: 20px; color: rgb(255, 255, 255); background: url("../img/page/graph_text_bg.png") 100% 50% no-repeat;}
.diag_wrap strong::before, .diag_wrap strong::after {content: ""; display: block; position: absolute; bottom: -30px; left: 50%;}
.diag_wrap strong::before {width: 1px; height: 30px; background: rgb(229, 229, 229);}
.diag_wrap strong::after {bottom: -34px; width: 9px; height: 9px; margin-left: -4px; border-radius: 50%;}
.diag_wrap strong.skyblue, .diag_wrap strong.skyblue::after {background-color: rgb(0, 157, 232);}
.diag_wrap strong.green, .diag_wrap strong.green::after {background-color: rgb(1, 176, 178);}
.diag_wrap strong.blue, .diag_wrap strong.blue::after {background-color: rgb(33, 107, 187);}
.diag_wrap strong.purple, .diag_wrap strong.purple::after {background-color: rgb(140, 82, 206);}
.diag_wrap strong.green2, .diag_wrap strong.green2::after {background-color: rgb(1, 154, 98);}
.diag_wrap strong.mint, .diag_wrap strong.mint::after {background-color: rgb(1, 176, 178);}
.diag_wrap strong.pink, .diag_wrap strong.pink::after {background-color: rgb(196, 58, 156);}
.diag_wrap .gray_bg {padding: 30px 20px;}
.diag_tit {width: 290px; padding: 15px 30px; margin: 0px auto 30px; border-radius: 5px; background: rgb(60, 61, 65); font-weight: 400; font-size: 20px; color: rgb(255, 255, 255); text-align: center;}
.diag_tit.gray {border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); color: rgb(26, 26, 26);}
.diag_wrap .diag_tit {display: inline-block; width: auto; min-width: 220px;}
.diag_tit.sq {width: 100%; border-radius: 0px; margin-bottom: 0px;}
.diag_wrap.sq .gray_box {height: calc(100% - 65px); padding: 20px;}
.diag_wrap.sq strong {height: auto; padding: 15px 10px; margin: 0px; border-radius: 0px; font-weight: 400; font-size: 18px; line-height: 1.4; background-image: url("../img/page/diag_text_bg_sq.png");}
.diag_wrap.sq strong::before, .diag_wrap.sq strong::after {display: none;}
.diag_wrap.sq strong + div {text-align: center;}
.diag_wrap.circle {position: relative;}
.diag_wrap.circle strong {display: flex; align-items: center; justify-content: center; width: 135px; height: 135px; margin: 0px auto 30px; border-radius: 50%; font-size: 15px; line-height: 1.2;}
.diag_wrap.circle strong span {font-weight: 400; color: rgb(255, 255, 255);}
.diag_wrap.circle strong::before {bottom: -30px; height: 30px;}
.diag_wrap.circle strong::after {bottom: -36px;}
.diag_wrap.circle strong.skyblue {background: url("../img/page/diag_circle_skyblue_bg.png") 0px 50% no-repeat rgb(0, 157, 232);}
.diag_wrap.circle strong.green {background: url("../img/page/diag_circle_green_bg.png") 100% 0px no-repeat rgb(0, 148, 150);}
.diag_wrap.circle strong.green2 {background: url("../img/page/diag_circle_green_bg.png") 100% 0px no-repeat rgb(1, 154, 98);}
.diag_wrap.circle strong.blue {background: url("../img/page/diag_circle_blue_bg.png") 100% 50% no-repeat rgb(33, 107, 187);}
.diag_wrap.circle strong.purple {background: url("../img/page/diag_circle_skyblue_bg.png") 0% 50% no-repeat rgb(140, 82, 206);}
.diag_wrap.circle strong.pink {background: url("../img/page/diag_circle_blue_bg.png") 100% 50% no-repeat rgb(196, 58, 156);}
.diag_wrap.circle .gray_bg {height: calc(100% - 165px); text-align: center;}
.diag_wrap.circle .gray_bg span {font-weight: 600;}
.diag_wrap.circle strong.size {width: 165px; height: 165px;}
.diag_wrap.circle strong.size + .gray_bg {height: calc(100% - 195px);}
.diag_wrap.circle::before {content: ""; display: block; position: absolute; top: -30px; left: 0px; width: 100%; height: 75px; background: 50% 50% no-repeat;}
.diag_wrap.tree.circle::before {display: none;}
.diag_wrap.tree .diag_tit {position: relative; margin-bottom: 60px;}
.diag_wrap.tree .diag_tit::before {content: ""; display: block; position: absolute; left: 50%; bottom: -30px; width: 1px; height: 30px; background: rgb(221, 221, 221);}
.diag_wrap.tree > ul {position: relative;}
.diag_wrap.tree > ul::before {content: ""; display: block; position: absolute; left: 50%; top: -30px; width: calc(50% + 13.33px); height: 1px; background: rgb(221, 221, 221); transform: translateX(-50%);}
.diag_wrap.tree > ul > li {position: relative;}
.diag_wrap.tree > ul > li::before {content: ""; display: block; position: absolute; left: 50%; top: -30px; width: 1px; height: 30px; background: rgb(221, 221, 221);}
.diag_wrap.tree > ul > li > strong > span {padding: 0 10px 0px; background: 50% 0px no-repeat;}
.diag_wrap.circle.tree .diag_tit::before {margin-left: -1px;}

@media (max-width:1024px){
.diag_wrap > ul {display: block;}
.diag_wrap > ul > li + li {margin-left: 0px; margin-top: 15px;}
.diag_wrap strong {padding: 6px 10px; margin-bottom: 15px; font-size: 16px;}
.diag_wrap strong::before {height: 15px; bottom: -15px;}
.diag_wrap strong::after {width: 7px; height: 7px; bottom: -19px; margin-left: -3px;}
.diag_wrap .gray_bg {padding: 15px 10px;}
.diag_wrap.sq strong {padding: 10px; font-size: 16px;}
.diag_wrap.sq strong + div {padding: 15px;}
.diag_wrap.circle strong, .diag_wrap.circle strong.size {width: 100%; height: auto; padding: 8px 15px; margin-bottom: 15px; border-radius: 50px; line-height: 1;}
.diag_wrap.circle strong::before {height: 15px; bottom: -15px;}
.diag_wrap.circle strong::after {width: 7px; height: 7px; bottom: -19px; margin-left: -3px;}
.diag_tit {width: 100%; height: auto; padding: 8px 15px; margin-bottom: 15px; line-height: 1.6; font-size: 16px;}
.diag_wrap.three_line .diag_tit {width: 100%; padding: 12px 15px; margin: 0px auto 15px; font-size: 15px;}
.diag_wrap.three_line > ul > li {padding: 15px;}
.diag_wrap.three_line > ul::before {display: none;}
.diag_wrap.three_line > ul > li::before {height: 15px; top: -15px;}
.diag_wrap.circle::before {display: none;}
.diag_wrap.three_line.circle .diag_tit {width: auto; height: auto; padding: 12px 30px; margin-bottom: 15px; line-height: 1; font-size: 16px;}
.diag_wrap.three_line.circle strong {width: 100%; height: 40px; border-radius: 50px; justify-content: center;}
.diag_wrap.three_line.circle strong.skyblue, .diag_wrap.three_line.circle strong.green, .diag_wrap.three_line.circle strong.blue {background-image: none;}
.diag_wrap.three_line.circle strong span {width: auto; padding-top: 0px; padding-left: 30px; font-size: 15px; background-position: 0px 50%; background-size: 22px;}
.diag_wrap.three_line.circle > ul > li {margin-top: 10px;}
.diag_wrap.three_line.circle > ul > li::before, .diag_wrap.three_line.circle > ul > li:nth-child(2)::before {top: -10px; width: 1px; height: 10px;}
.diag_wrap.three_line.circle > ul > li:nth-child(1)::before {top: -20px; width: 1px; height: 20px;}
.diag_desc {padding: 10px 0px;}
.diag_desc strong {padding: 60px 0px 0px; font-size: 16px; background-size: 45px;}
.diag_wrap.dashed {padding: 10px; border-radius: 0px;}
.diag_wrap.tree .diag_tit {margin-bottom: 20px;}
.diag_wrap.tree > ul::before, .diag_wrap.tree .diag_tit::before, .diag_wrap.tree > ul > li::before {display: none;}
.diag_wrap.tree > ul > li > strong > span {padding: 0px 5px; background-position: 0px 50%; background-size: 30px;}
}

/* sub1-5 Ã¬ËœÂ¤Ã¬â€¹Å“Ã«Å â€ÃªÂ¸Â¸ */
.map {width: 100%; margin-top: -1px; position: relative;}
.map .map_box {width: 100%; height: 420px;}
.map .map_text {width: 100%; padding: 17px 20px; line-height: 1.6em; background-color: rgba(0, 0, 0, 0.7); text-align: center; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
.map .map_text span {color: rgb(255, 255, 255);}
.map .map_text span::before {display: inline-block; content: ""; width: 1px; height: 14px; background-color: rgb(255, 255, 255); margin: -2px 15px 0px; vertical-align: middle;}
.map .map_text span:first-child::before {display: none;}
.map + div {padding: 30px; background: url("../img/page/map_btn_bg.png") left center / auto 100% no-repeat; text-align: right;}
.map + div p {display: inline-block;}
.map + div p + p {margin-left: 7px;}
.map + div .btn01.video span {background: url("../img/page/icon_start.png") right center no-repeat; padding-right: 26px;}
.root_daum_roughmap .wrap_controllers {display: none;}
.guide_btn .btn01 {/* height: 50px; */line-height: 50px;background-color: rgb(49, 49, 49);padding: 0px 30px;margin-left: 0px;border: none;opacity: 1;}
.guide_btn .btn01 span {color: rgb(255, 255, 255); background: url("../img/page/icon_search.png") right center no-repeat; padding-right: 30px; height: 100%;}
.guide_btn .btn01:hover {background: rgb(0, 157, 232);}

/* sub3-1 Ã¬Â¡Â¸Ã¬â€”â€¦Ã­â€ºâ€ž Ã¬Â§â€žÃ«Â¡Å“ */
.img_info_list > ul > li {display: flex; flex-wrap: wrap; align-items: center; background: rgb(244, 244, 244);}
.img_info_list > ul > li + li {margin-top: 20px;}
.img_info_list > ul > li:nth-child(2n) {flex-direction: row-reverse;}
.img_info_list .img_wrap {display: flex; overflow: hidden; align-items: center; width: 370px;}
.img_info_list .img_wrap img {max-width: fit-content;}
.img_info_list .text_wrap {width: calc(100% - 370px); padding: 20px 40px;}
.img_info_list strong {font-weight: 600;}
.img_info_list .cont_tit {margin: 0px 0px 10px; font-size: 20px;}
.img_info_list.half .img_wrap, .img_info_list.half .text_wrap {width: 50%;}
.img_info_list .text_box + .text_box {margin-top: 20px;}
.img_info_list h5 {font-weight: 500;font-size: 24px;text-align: left;color: #000;}
.img_info_list .img_wrap {position: relative;}
.img_info_list .feature_desc {position: absolute; top: 40px; left: 40px; text-align: left;}
.img_info_list .feature_desc span, .img_info_list .feature_desc p {color: rgb(255, 255, 255);}
.img_info_list .feature_desc .feature_tit {font-size: 28px; background: 0px 100% no-repeat;}
.img_info_list > ul > li:nth-child(2n) .feature_desc {left: auto; right: 40px; text-align: right;}
.img_info_list > ul > li:nth-child(2n) .feature_desc .feature_tit {background-position-x: 100%;}
h5 + p, h5 + ul, h5 + div {margin-top: 20px;}


@media only screen and (max-width: 1024px) {
.img_info_list.half .img_wrap, .img_info_list.half .text_wrap {width: 100%;}
.img_info_list h5 {font-size: 18px;}
}

/* Ã­â€¢â„¢ÃªÂ³Â¼Ã­â„¢ÂÃ«Â³Â´ */
.cont_tit {margin-bottom: 15px;font-weight: 400;}
.hept {display: flex;}
.hept .cont_tit {font-size: 22px; word-break: keep-all; color: #333;}
.hept .blue_bg, .hept .gray_box {display: flex; align-items: center;}
.hept .box_inner {width: 100%;}
.hept .gray_box {width: calc(100% - 240px);}
.hept .gray_box .box_inner { }
.hept .blue_bg {width: 240px; background: rgb(0, 157, 232); text-align: center;}
.hept .blue_bg p { color: rgb(255, 255, 255); line-height: 1.6;}
.cont_box {margin-top: 40px;}

.chk_list > li { position: relative; padding: 4px 20px; }
.chk_list > li::before { content: ""; display: block; width: 14px; height: 10px; position: absolute; top: 11px; left: 0px; background: url("../img/page/chk_ic.png") 0px 50% no-repeat; }

@media only screen and (max-width: 1024px) {
.hept { display: block; }
.hept .cont_tit { font-size: 18px; }
.hept .blue_bg, .hept .gray_box { display: block; width: 100%; }
.hept .blue_bg { height: auto; padding: 20px; }
.hept .gray_box .box_inner { background-size: 80px; }
}

/* sub1-1 Ã¬â€¹Â¤Ã«Â¬Â´Ã¬â€¹Â¤Ã¬Å Âµ */
.ul_col{display:flex;flex-wrap:wrap}
.ul_col > li{width:calc(50% - 10px);margin-right:20px;margin-top:20px}
.ul_col > li:nth-child(2n){margin-right:0}
.ul_col > li:nth-child(1),
.ul_col > li:nth-child(2){margin-top:0}
.ul_col.three > li{width:calc(33.33% - 13.33px);padding:30px;}
.ul_col.three > li:nth-child(2n){margin-right:20px}
.ul_col.three > li:nth-child(3n){margin-right:0}
.ul_col.three > li:nth-child(1),
.ul_col.three > li:nth-child(2),
.ul_col.three > li:nth-child(3){margin-top:0}
.ul_col.three.img > li{padding:0;}
.ul_col.three.img > li > img{width:100%}
.gray_box{padding:40px;border:1px solid #ddd}
.gray_bg{padding:40px;border:1px solid #ddd;background:#F4F4F4;color: #333;line-height: 1.6;letter-spacing: -0.8px;}
.text_sq_wrap + .text_sq_wrap{margin-top:20px}
.text_sq{padding:0 !important;text-align:center}
.text_sq .cont_tit{padding:15px 25px;margin:0;border:0}
.text_sq .text_wrap{padding:15px 25px; word-break: keep-all;}

@media(max-width:1024px){
.ul_col{display:block}
	.ul_col > li,
	.ul_col.three > li,
	.ul_col.four > li{width:100%;margin-right:0;margin-top:15px}
	.ul_col > li:nth-child(1),
	.ul_col > li:nth-child(2),
	.ul_col.three > li:nth-child(1),
	.ul_col.three > li:nth-child(2),
	.ul_col.three > li:nth-child(3),
	.ul_col.four > li:nth-child(1),
	.ul_col.four > li:nth-child(2),
	.ul_col.four > li:nth-child(3),
	.ul_col.four > li:nth-child(4),
	.ul_full > li + li{margin-top:15px}
	.ul_col.three > li{padding:15px}
}

/* sub1-2 Ã¬â€”Â°Ã­ËœÂ */
.year_wrap {position:relative;padding-top: 1.5rem; padding-left: 2rem;}
.year_wrap:before {width: 1px;height: 100%;content: "";display: block; position: absolute;left: 2.5rem;top: 0;background: url('../img/page/year_blit_02.png') repeat-y center center;}
.year_wrap .year_box {padding-left: 7rem;position: relative;margin-top: 2rem;}
.year_wrap .year_box:first-of-type {margin-top: 0;}
.year_wrap .year_box .year_tit {position: absolute;font-size: 25px;display: block;color:#174a9a;font-weight: bold;top: 0;left: 0;padding-left: 2rem;}
.year_wrap .year_box .year_tit:before {display: block;width: 1.1rem;height: 1.1rem;content: ""; position: absolute; left: 0; top:0; background: url('../img/page/year_blit_01.png') no-repeat center center/cover;}
.year_wrap .year_box .month_wrap .month {position: relative;padding-left: 12.5rem;margin-top:1.5rem;}
.year_wrap .year_box .month_wrap .month:first-of-type {margin-top: 0;}
.year_wrap .year_box .month_wrap .month .month_tit {font-size: 18px;color:#2a2a2a;position: absolute;left: 0;top: 0;}
.year_wrap .year_box .month_wrap .month .month_cont .month_list li{padding-left: .75rem;line-height: 150%;position: relative;font-size: .8rem;font-weight: 300;color:#717171;}
.year_wrap .year_box .month_wrap .month .month_cont .month_list li:before {width: .3rem;height: .1rem;background: #c9c9c9;position: absolute;top: .5rem;left: 0;content: "";}
.year_wrap .year_box .month_wrap .month .month_cont p {color:#717171;font-size: 15px;margin-top: 0;text-align: left;line-height: 1.6; word-break: keep-all;}
.year_wrap .year_box .month_wrap {padding-bottom: 3rem;position: relative;background: url('../img/page/year_blit_03.png') repeat-x left bottom;}

@media (max-width:800px){
.year_wrap .year_box .month_wrap .month {padding-left: 11rem;}
.year_wrap .year_box .month_wrap .month .month_tit{font-size: 16px;}
.year_wrap .year_box .month_wrap .month .month_cont p {font-size: 14px;}
}

@media (max-width:640px){
.year_topbox {padding: 2rem;}
.year_topbox strong {font-size: 1.3rem;}
.year_wrap:before {left: .5rem;}
.year_wrap {padding-left: 0;}
.year_wrap .year_box {padding-left: 2.5rem;padding-top: 2rem;}
}

/* sub1-3 Ã¬Â â€žÃªÂ³ÂµÃ¬â€ Å’ÃªÂ°Å“ */
.contTable {position: relative; border-collapse: collapse; width: 100%; border-top: 2px solid rgb(51, 51, 51); letter-spacing: -0.05em; line-height: 1.26rem; table-layout: fixed;}
.contTable::after {display: block; content: ""; position: absolute; width: 100%; height: 1px; background: rgb(158, 158, 158); bottom: 0px; left: 0px; z-index: 2;}
.contTable thead th {background: rgb(245, 246, 249); color: rgb(62, 62, 62); font-size: 0.8rem; padding: 0.8rem 0.6rem; border-width: 1px 1px 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(198, 198, 198);
border-bottom-color: rgb(198, 198, 198); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: solid; border-right-color: rgb(213, 213, 213); text-align: center; word-break: keep-all; overflow-wrap: break-word; font-size: 14.9px; word-wrap: break-word;}
.contTable tbody th {background: rgb(245, 246, 249); padding: 0.66rem; border-bottom: 1px solid rgb(198, 198, 198); border-right: 1px solid rgb(213, 213, 213); font-weight: 400; color: rgb(79, 86, 91); text-align: center;}
.contTable td {background: rgb(255, 255, 255); padding: 0.66rem; border-width: 0px 0px 1px 1px; border-bottom-style: solid;
border-bottom-color: rgb(198, 198, 198); border-image: initial; border-left-style: solid; border-left-color: rgb(213, 213, 213); border-right: 1px solid rgb(213, 213, 213) !important;
border-top-style: initial; border-top-color: initial; text-align: center; font-weight: 300; color: rgb(75, 75, 75); word-break: keep-all;
overflow-wrap: break-word; border-left: 1px solid rgb(213, 213, 213) !important; border-bottom: 1px solid rgb(213, 213, 213) !important; word-wrap: break-word;}
.contTable tr td:first-child {border-left: 0px !important; border-right: 1px solid rgb(213, 213, 213) !important;}
.contTable tr th:last-child {border-right: 0px !important;}
.contTable tr td.l_line:first-child {border-left: 1px solid rgb(213, 213, 213) !important;}
.contTable tr th.ll_line {border-left: 1px solid rgb(213, 213, 213) !important;}
.contTable.full {min-width: 100% !important;}
.table_tbody {position: relative; border-collapse: collapse; width: 100%; border-top: 2px solid rgb(51, 51, 51); letter-spacing: -0.05em; line-height: 1.26rem;}
.table_tbody::after {display: block; content: ""; position: absolute; width: 100%; height: 1px; background: rgb(158, 158, 158); bottom: 0px; left: 0px; z-index: 2;}
.table_tbody tbody th {background: rgb(245, 246, 249); color: rgb(62, 62, 62); padding: 0.66rem; border-width: 0px 1px 1px 0px; border-bottom-style: solid; border-bottom-color: rgb(198, 198, 198); border-image: initial;
border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: rgb(213, 213, 213);}
.table_tbody tbody td {padding: 0.66rem; border-left: 1px solid rgb(213, 213, 213); border-bottom: 1px solid rgb(198, 198, 198); font-weight: 300; color: rgb(79, 86, 91); text-align: center;}
table.text_left td {text-align: left !important;}
table.text_many thead th {padding: 0.8rem 2px;}
table.text_many tbody th {padding: 0.66rem 3px;}
table.text_many tbody td {padding: 0.66rem 3px;}
.td_line {border-left: 1px solid rgb(213, 213, 213) !important;}
.td_line2 {border-right: 1px solid rgb(213, 213, 213) !important;}
.line_none_right {border-right: 0px !important;}
.line_none_left {border-left: 0px !important;}
.p_text {font-size: 0.8rem;}
.half_Table {position: relative;}
.half_Table table {width: 49.2%; display: inline-block;}
.half_Table table:last-child {margin-left: 0.5rem;}
.mCont_scroll::before {display: none; content: ""; width: 20px; height: 37px; position: absolute; top: 0px; right: 23px; animation: 0.7s linear 1s infinite alternate none running leftright; background: url("../img/page/mCont_scroll_ico.png") center center / 20px no-repeat;}
@keyframes leftright {
0% {transform: translateX(-3px);}
100% {transform: translateX(3px);}
}

@media screen and (max-width: 767px) {
.contTable thead th {padding: 0.66rem 0.3rem; font-size: 12.8px;}
.contTable tbody th {padding: 0.53rem 0.3rem; font-size: 12.8px;}
.contTable tbody td {padding: 0.53rem 0.3rem;font-size: 12.8px;}
.table_tbody tbody th {padding: 0.53rem 0.3rem; font-size: 12.8px;}
.table_tbody tbody td {padding: 0.53rem 0.3rem; font-size: 12.8px;}
.p_text {display: block;}
}

@media (max-width: 640px) {
.mCont_scroll {padding-top: 3rem; background: url("../img/page/mCont_scroll_ico_arr.png") right 0px / 68px 40px no-repeat; position: relative;}
.mCont_wrap {overflow-x: auto;}
.mCont_scroll::before {display: block;}
.contTable {min-width: 640px;}
.half_Table table {width: 100%; display: block; table-layout: fixed; min-width: 100%;}
.half_Table table:last-child {margin-left: 0px;}
}

/* sub1-4 ÃªÂµÂÃ¬Ë†ËœÃ¬â€ Å’ÃªÂ°Å“ */
.professor_list_wrap > li {position: relative;margin-top: 40px;padding: 40px 15px;border: 1px solid rgb(221, 221, 221);background: url("../img/page/professor_bg01.png") right top no-repeat;width: 31.3%;float: left;margin-right: 2%;height: 490px;}
.professor_list_wrap > li:first-child {/* margin-top: 0px; */}
.professor_list_wrap > li::before {position: absolute; left: -1px; top: 20px; display: inline-block; width: 2px; height: 180px; content: ""; background: rgb(137, 137, 137);}
.professor_list_wrap .professor_box {clear: both; overflow: hidden;}
.professor_list_wrap .professor_box > li {float: left; display: block;}
.professor_list_wrap .professor_box .box01 {transition: all 0.5s ease 0s;}
.professor_list_wrap .professor_box .box01 .img_box {position: relative; width: 150px; height: 180px; overflow: hidden;}
.professor_list_wrap .professor_box .box01 .img_box img {position: relative; top: 50%; transform: translateY(-50%); max-height: 200px; height: 100%;}
.professor_list_wrap .professor_box .box01 .text01 {font-size: 26px; letter-spacing: -0.5px; color: rgb(26, 26, 26); padding-top: 15px;}
.professor_list_wrap .professor_box .box01 .text01 span {color: rgb(0, 157, 232); padding-right: 0px; font-weight: 500;}
.professor_list_wrap .professor_box .box01 .text02 {padding-top: 20px; font-size: 14px;}
.professor_list_wrap .professor_box .box01 .text02 li {line-height: 10px;padding-bottom: 14px;}
.professor_list_wrap .professor_box .box01 .text03 {padding-top: 17px;}
.professor_list_wrap .professor_box .box01 dl dt {padding-left: 27px;}
.professor_list_wrap .professor_box .box01 .text02 dt {background: url("../img/page/professor_icon01.png") left center no-repeat;}
.professor_list_wrap .professor_box .box01 .text03 dt {background: url("../img/page/professor_icon02.png") left center no-repeat;}
.professor_list_wrap .professor_box .box01 dl dt, .professor_list_wrap .professor_box .box01 dl dd {display: block;}
.professor_list_wrap .professor_box .box01 dl dd {padding-top: 7px;font-size: 15px;color: rgb(26, 26, 26);font-family: Roboto;line-height: 1.5em;}
.professor_list_wrap .professor_box .box02 {width: calc(100% - 190px); min-height: 361px; padding-left: 40px; border-left: 1px solid rgb(238, 238, 238); transition: all 0.5s ease 0s;}
.professor_list_wrap .professor_box .box02 .text01 {font-size: 24px; color: rgb(26, 26, 26); font-weight: 500;}
.professor_list_wrap .professor_box .box02 .text02 {padding-top: 15px; color: rgb(51, 51, 51);}
.professor_list_wrap .professor_box .box02 .text03 {padding-top: 20px; color: rgb(51, 51, 51);}
.professor_list_wrap .professor_box .box02 .video_box {position: relative; width: 100%; margin-bottom: 40px; height: 0px; overflow: hidden; padding-bottom: 50%;}
.professor_list_wrap .professor_box .box02 .video_box iframe {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

@media(max-width:480px){
.professor_list_wrap > li {width: 100%; margin-top: 20px !important;}
}


/* sub3-1 Ã¬Â·Â¨Ã¬â€”â€¦Ã«Â¶â€žÃ¬â€¢Â¼ */
.dl_text_wrap{border:0;padding:0;}
.gray_box{padding:40px;border:1px solid #ddd; text-align: left; line-height: 1.6; letter-spacing: 0.8px;}
.gray_bg{padding:40px;border:1px solid #ddd;background:#F4F4F4; /*border-top: none;*/}
.gray_bg2{padding:15px 20px;background:#ddd;font-weight:400;color:#333}
.dot_list > li{padding:4px 13px;padding-right:20px;text-indent:-13px;line-height:1.6;font-weight:300; text-align: left; color:#333 !important;}
.dot_list > li::before{content:'';display:inline-block;width:3px;height:3px;margin-right:10px;background:#333;vertical-align:middle}


/* sub3-2 Ã¬Å¡Â°Ã¬Ë†ËœÃ¬Â·Â¨Ã¬â€”â€¦Ã¬Å¾ÂÃ¬â€ Å’ÃªÂ°Å“ */
.prof_wrap + .prof_wrap{margin-top:20px}
.prof_box{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-bottom:40px}
.prof_box .prof_img{position:relative;width:88px;height:88px}
.prof_box .prof_img::before{content:'';display:block;position:absolute;left:-41px;top:0;width:2px;height:100%;background:#898989}
.prof_box .prof_text{display:flex;align-items:center;width:calc(100% - 90px);padding-left:20px}
.prof_box .prof_text .name{font-weight:400;font-size:24px;margin-right:10px}
/* .prof_box .prof_text .name_box{width:35%;padding-right:20px;} */
.prof_box .prof_text .prof_info{width:75%;padding-left:20px;border-left:1px solid #ddd;color:#666}
.prof_box .btn01{position:absolute;top:15px;right:0}
.prof_wrap.profe{background:#F4F4F4;border:0}
.prof_wrap.profe .prof_box{margin-bottom:0}
.prof_wrap.profe .prof_box .prof_text{display:block}

.prof_wrap.profe .prof_box .prof_img::before{display:none}
.prof_wrap.profe .prof_box .prof_text{padding-left:30px}
.prof_wrap.profe .prof_box .prof_text .name{font-size:20px;}
.prof_wrap.profe .prof_box .prof_text .major_posi{margin-bottom:15px;font-size:13px;}

/* sub4-1 Ã­â€¢â„¢ÃªÂ³Â¼Ã­â„¢ÂÃ«Â³Â´ */
.dl_wrap01.bg01 {background: url(../img/page/dl_wrap01_bg01.png) left 40px center no-repeat;}
.di_52.dl_wrap01.bg01{background-image:url(../img/page/di_52_top_box_bg.png)}
.di_53.dl_wrap01.bg01{background-image:url(../img/page/di_53_top_box_bg.png)}
.dl_wrap01{min-height:95px;padding:40px 40px 40px 165px;margin-bottom:40px;border:1px solid #dddddd;}
.dl_wrap01.bg01{background: url(images/sub/dl_wrap01_bg01.png) left 40px centerno-repeat;}
.dl_wrap01 .text_box{padding-left:40px; border-left:1px solid #eeeeee;}
.dl_wrap01 .text_box .text01{padding-top:5px;padding-bottom:10px;font-size:18px;color:#1a1a1a; line-height: 1.2em;min-height:46px; text-align: left;}
.dl_wrap01 .text_box .text02{line-height: 1.6; font-size:15px; min-height:75px; text-align: left; word-break: keep-all;}
.dl_wrap01 .text_box .text03{padding-top:20px; text-align: left;}
.dl_wrap01 .text_box .text03 .btn01{height:50px; padding:0 28px;margin:2px 0;margin-right:7px; line-height:48px;line-height:1;border:1px solid #313131;background:#fff;}
.dl_wrap01 .text_box .text03 .btn01:hover{border-color:#009DE8;color:#009DE8}
.dl_wrap01 .text_box .text03 .btn01 span{display: inline-block; padding:16px 0;}
.dl_wrap01 .text_box .text03 .btn01.icon01 span{padding-right:34px;background: url(../img/page/dl_wrap01_icon01.png) 99% center no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon01:hover span{background-image:url(../img/page/dl_wrap01_icon01_over.png)}
.dl_wrap01 .text_box .text03 .btn01.icon02 span{padding-right:34px;background: url(../img/page/dl_wrap01_icon02.png) 99% center no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon02:hover span{background-image:url(../img/page/dl_wrap01_icon02_over.png)}
.dl_wrap01 .text_box .text03 .btn01.icon03 span{padding-right:28px;background: url(../img/page/btn_link_ic.png) 99% center no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon04 span{padding-right:28px;background: url(../img/page/btn_new_link_ic.png) 99% center no-repeat;}
.dl_wrap01 .text_box .text03 .btn01.icon04:hover span{background-image:url(../img/page/btn_link_ic_w_over.png)}

.di_73.dl_wrap01.bg01{background-image:url(../img/page/sub/di_73_top_box_bg.png)}
.btn01{display:inline-block; min-width:30px; padding: 0; text-align:center; font-size:16px; border-radius:0; word-break: keep-all;opacity: 1;}

@media only screen and (max-width:1024px){
	.dl_open_img_wrap{padding:20px 0 40px;}

	.dl_wrap01{padding:20px;margin-bottom:20px;background: none !important;min-height: auto;}
	.dl_wrap01 .text_box{border-left:none;padding-left:0;}
	.dl_wrap01 .text_box .text03{clear: both;overflow: hidden;}
	.dl_wrap01 .text_box .text03 .btn01{width:100%;padding:0 10px;float: left;margin-right:0;}
	.dl_wrap01 .text_box .text03 .btn01 + .btn01{margin-top:5px}
}

/* sub6-2 Ã«Ââ€Ã¬Â¡Â´ERPÃ­Å Â¸Ã«Å¾â„¢Ã¬â€šÂ¬Ã¬â€”â€¦Ã«Â¹â€žÃ¬Â â€ž */
.img_info_list > ul > li{display:flex;flex-wrap:wrap;align-items:center;background:#F4F4F4}
.img_info_list > ul> li + li{margin-top:20px}
.img_info_list > ul> li:nth-child(2n){flex-direction:row-reverse;}
.img_info_list .img_wrap{display:flex;overflow:hidden;align-items:center;width:370px;}
.img_info_list .img_wrap img{max-width:fit-content}
.img_info_list .text_wrap{width:calc(100% - 370px);padding:20px 40px}
.img_info_list strong{font-weight:600}
.img_info_list .cont_tit{margin:0 0 10px;font-size:20px;color: #005194;line-height: 1.6;letter-spacing: -0.8px;text-align: left; font-weight: 600;}
.img_info_list p{color: #333;line-height: 1.6;letter-spacing: -0.8px;text-align: left; word-break: keep-all;}
.img_info_list.half .img_wrap,
.img_info_list.half .text_wrap{width:50%}
.img_info_list .text_box + .text_box{margin-top:20px}
.img_info_list h5{font-weight:500}
.img_info_list .img_wrap{position:relative}
.img_info_list .feature_desc{position:absolute;top:40px;left:40px;text-align:left}
.img_info_list .feature_desc span,
.img_info_list .feature_desc p{color:#fff}
.img_info_list .feature_desc .feature_tit{font-size:28px;background:no-repeat 0 100%}
.img_info_list > ul> li:nth-child(2n) .feature_desc{left:auto;right:40px;text-align:right}
.img_info_list > ul> li:nth-child(2n) .feature_desc .feature_tit{background-position-x:100%}

@media only screen and (max-width:1024px){
.img_info_list > ul > li{display:block}
	.img_info_list > ul > li + li{margin-top:10px}
	.img_info_list .img_wrap{width:100%;text-align:center}
	.img_info_list .text_wrap{width:100%;padding:15px}
	.img_info_list .cont_tit{margin:5px 0;font-size:17px;}
	.img_info_list.half .img_wrap,
	.img_info_list.half .text_wrap{width:100%}
	.img_info_list .feature_desc,
	.img_info_list > ul > li:nth-child(2n) .feature_desc{top:15px;left:15px;right:auto;text-align:left}
	.img_info_list > ul > li:nth-child(2n) .feature_desc .feature_tit{background-position-x:0}
	.img_info_list .feature_desc .feature_tit{padding-bottom:50px;font-size:22px;background-size:45px}
	.img_info_list .text_box + .text_box{margin-top:10px}
}

/* sub6-3 Ã­Ëœâ€˜Ã¬â€¢Â½ÃªÂ¸Â°Ã¬â€”â€¦Ã­Ëœâ€žÃ­â„¢Â© */
.convention {background: #fff;padding:35px 45px;display:flex;flex-wrap:wrap;justify-content:flex-start;border: 1px solid #ddd;}
.convention li {transition:all .4s;position:relative;margin:5px;color: #333;width:220px;height:70px;background: #F4F4F4;display:flex;align-items:center;justify-content:center;}
.convention li:after {position:absolute;right:0;top:0;content:'';display:block;width: 0px;height: 0px;border-bottom: 13px solid transparent;border-right: 13px solid #CCCCCC;top: 3px;right: 3px;}
.convention li:hover {box-shadow:0 0 15px rgba(0,0,0,.5)}
