.ttxt {text-align:center; font-size:16px; font-weight:bold;}
.ttxt strong {font-weight:bold;}
.blue {color:#376ac8 !important;}
.red {color:#c8373a !important;}

#detail_con>h5 {margin-top:60px; font-size:22px;}
.para01 {margin-left:10px; margin-top:35px;}
.bl02 {padding-left:25px; font-size:18px; line-height:1.5em; background:url('/yglec/img/contents/bl02.gif') no-repeat left 5px;}
.bl03 {margin-left:10px; margin-top:20px;}
.bl03>li, p.bl03 {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
.bl03>li:before, p.bl03:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#666;}
.boxin {margin-left:0; margin-top:0;}
.bl04>li, p.bl04 {position:relative; padding-left:8px;}
.bl04>li:before, p.bl04:before {display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:1px; background:#666;}
.box {margin-top:20px;padding:50px; border:1px solid #ccc; text-align:center;}
.golink {padding-left:20px; margin-left:3px; margin-right:3px; background:url('/yglec/img/contents/golink.gif') left 2px no-repeat; text-decoration:underline !important;}

#detail_con .photo { display:inline-block; position:relative; margin:1% .5% 1% 1%; width:47.5%;}
#detail_con .photo.center { display:block; margin:1% auto; }
#detail_con .photo.center img { width:85%; }
#detail_con .photo .img { position:relative; left:-2px; top:-2px; padding:2%; border:1px solid #dbdbdb; background:#fff; box-sizing:border-box; overflow:hidden; }
#detail_con .photo .img img { vertical-align:top; width:100%; }
#detail_con .photo .txt { position:absolute; bottom:2%; padding:8px 0px; width:96%; text-align:center; color:#fff; font-weight:bold;  background:rgba(0,0,0,.7); }

#detail_con .tableBox:first-child {margin-left:0;}
.tableBox {margin-left:10px; margin-top:10px;}
.tableBox .right {margin-top:-10px; margin-bottom:10px;}
table.data {position:relative; width:100%; border-top:2px solid #000; border-spacing:0; border-collapse:collapse;}
table.data caption {position:absolute; width:0; height:0; text-indent:-100%; font-size:0; line-height:0; overflow:hidden;}
table.data.nothead {border-top:0;}
table.data.nothead tr:first-child th, table.data.nothead tr:first-child td {border-top:2px solid #000;}
table.data.fix {table-layout:fixed;}
table.data:before {display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff;}
table.data:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
table.data th, table.data td {padding:10px 18px 12px; font-size:15px; font-weight:600; color:#000; line-height:22px;}
table.data thead {border-bottom:1px solid #000;}
table.data thead th {text-align:center; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:25px; border-top:1px solid #000; border-left:1px solid #000; background:#f8f8f8; word-break:keep-all}
table.data tr:first-child th:first-child {border-left:none;}
table.data tbody th, table.data tfoot th, table.data td {border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
table.data td:last-child {border-right:0 !Important;}
table.data tbody tr th:first-child, table.data tfoot th:first-child {border-right:1px solid #d4d4d4; border-left:0;}
table.data tbody tr td {border-right:1px solid #d4d4d4; word-break:keep-all}
table.data tbody tr td:first-child {border-left:none; border-right:1px solid #d4d4d4;}
table.data tbody tr td.line {border-left:1px solid #d4d4d4;}
table.data tbody .bg {background:#f9f9f9;}
table.data tbody .bg_yl {background:#fff9f4;}
table.data tbody .bg_red {background:#ffeeee;}
table.data .bdr_line {border-right:1px solid #d4d4d4;}
table.data tbody th, table.data tfoot th , table.data tfoot td {text-align:center; /* background-color:#f6f6f6; */}
table.data .ssblet {margin-bottom:0; font-size:14px; font-weight:500; line-height:25px;}


#detail_con .tbox {padding:30px; border:1px solid #dcdcdc; background:#fbfbfb;}

.popup {position:absolute; left:50%; top:5px; margin-left:-400px; z-index:9999; padding:4px; background:#444;}
.popup img {width:100%;}
.popup p {padding:8px 10px; text-align:right;}
.popup p label {color:#fff;}
.popup p a{display:inline-block; padding:3px 10px; margin-left:5px; background:#fff; color:#333; border-radius:20px;}

.greeting {position:relative; padding:7.5%; background:url('/yglec/img/contents/greeting_bbg.gif');}
.greeting:after {content:''; position:absolute; left:0; top:25px; width:100%; height:120px; background:url('/yglec/img/contents/greeing_bgline.png') center top no-repeat; -webkit-background-size:100%; background-size:100%;}
.greeting:before {content:''; position:absolute; left:0; bottom:25px; width:100%; height:120px; background:url('/yglec/img/contents/greeing_bgline.png') center top no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -webkit-background-size:100%; background-size:100%;}
.greeting .txt {padding:0 0 3% 3%;color:#003052; font-size:18px; font-weight:bold;}
.greeting .tit {padding:5% 400px 5% 3%; color:#fff; font-size:40px; line-height:48px; letter-spacing:-.5px; z-index:9;}
.greeting .tit span {color:#0097ff; font-weight:bold;}
.greeting .con {position:relative;}
.greeting .con:after {content:''; position:absolute; right:20px; top:-340px; width:448px; height:341px; background:url('/yglec/img/contents/greeing_headman.png') right bottom no-repeat; -webkit-background-size:100%;
background-size:100%; z-index:1;}
.greeting .con p:first-child {margin-top:0;}
.greeting .con p {margin-top:35px; font-weight:bold;}
.greeting .con{padding:4%; background-color:#fff;}
.greeting.gr_center .con:after {content:''; position:absolute; right:20px; top:-340px; width:448px; height:341px; background:url('/yglec/img/contents/greeting_centerman.png') right bottom no-repeat; -webkit-background-size:100%;
background-size:100%; z-index:1;}

.history {position:relative; min-height:580px; margin-top:80px; padding-left:50%;}
.history .photo {position:absolute; left:0; max-width:48%;}
.history .photo img {width:100%;}
.history ol {position:relative; padding-top:40px;}
.history ol:before {display:block; content:""; position:absolute; left:0; top:0; width:1px; height:96%; background:linear-gradient(to bottom, #fff 1%, #ccc 94%, #d5d5d5 5%)}
.history ol li {position:relative; padding-left:30px; margin-top:20px;}
.history ol li:after {display:block; content:""; clear:both;}
.history ol li:before {display:block; content:""; position:absolute; left:-2px; top:16px; width:5px; height:5px; border-radius:50%; background:#3c69c4;}
.history .date {float:left; font-weight:bold; font-size:23px; color:#3c69c4;}
.history .txt {float:left; padding-top:6px; margin-left:30px; font-size:18px; color:#333; line-height:24px;}
.history .bg {position:absolute; bottom:11px; color:#dfdfdf; font-size:61px;}

.organ {text-align:center;}
.organ .head {position:relative; width:180px; margin:0 auto; padding:12px 0 18px; color:#fff; font-size:22px; font-weight:bold; border-radius:5px; background:linear-gradient(to bottom, #166cc2, #0856a3);}
.organ .head:after {display:block; content:""; position:absolute; left:50%; top:100%; width:1px; height:40px; background:#d6d6d6;}
.organ .list {position:relative; margin-top:40px; overflow:hidden;}
.organ .list:before {display:block; content:""; position:absolute; left:17.4%; top:0; width:65.4%; height:1px; background:#d6d6d6;}
.organ .list>li {position:relative; float:left; width:31.7%; padding-bottom:10px; margin-top:40px; margin-left:1%; border-radius:5px; background:#166cc2;}
.organ .list>li:first-child {margin-left:1.5%;}
.organ .list>li:before {display:block; content:""; position:absolute; left:50%; top:-40px; width:1px; height:40px; background:#d6d6d6;}
.organ .list>li>p {padding:20px 0 15px; font-size:20px; font-weight:bold; color:#fff;}
.organ .list .boxs>li {margin:5px 15px; padding:15px 10px; font-weight:bold; color:#354789; border-radius:5px; background:#fff;}
.organ .list .boxs>li>ul {margin-top:5px; border-top:1px solid #e0e3ed;}
.organ .list .boxs>li>ul>li {position:relative; text-align:left; margin-top:5px; padding-left:14px; font-size:14px; font-weight:normal;}
.organ .list .boxs>li>ul>li:before {display:block; content:""; position:absolute; left:5px; top:8px; width:4px; height:4px; border-radius:50%; background:#354789;}

.teacher>ul{overflow:hidden;}
.teacher>ul>li{position:relative; float:left; margin:.6%; width:23.8%; background:#fff; border:1px solid #ccc;}
.teacher>ul>li dl{padding:0px 10%; height:410px; border:3px solid transparent; box-sizing:border-box;}
.teacher>ul>li dl dt{padding:0px 5px; border-bottom:1px solid #d9d9d9; overflow:hidden}
.teacher>ul>li dl dt .nation{position:absolute; right:0; top:0;}
.teacher>ul>li dl dt .photo{margin:20px auto 10px auto;}
.teacher>ul>li dl dt p{margin-bottom:20px; text-align:center; color:#111; font-size:21px; word-break:keep-all}
.teacher>ul>li dl dd{padding:20px 0px; height:120px;}

.twopic img {width:50%;}

.sitemap {text-align:center;}
.sitemap .list {position:relative; margin-top:40px; overflow:hidden;}
.sitemap .list>li {position:relative; float:left; width:31.7%; height:450px; padding-bottom:10px; margin-top:40px; margin-left:1%; border-radius:5px; background:#166cc2;}
.sitemap .list>li>p {padding:20px 0 15px; font-size:20px; font-weight:bold; color:#fff;}
.sitemap .list .boxs>li {margin:5px 15px; padding:15px 10px; font-weight:bold; color:#354789; border-radius:5px; background:#fff;}
.sitemap .list .boxs>li>ul {margin-top:5px; border-top:1px solid #e0e3ed;}
.sitemap .list .boxs>li>ul>li {position:relative; text-align:left; margin-top:5px; padding-left:14px; font-size:14px; font-weight:normal;}

/* 정규체험 */
.edu_steam {position:relative; text-align:center; margin-bottom:50px;}
.edu_steam dl {display:inline-block; margin-left:-25px; width:140px; height:140px; background:rgba(222,36,0,.7); border-radius:100px; padding-top:35px; }
.edu_steam dl dt {font-size:30px; font-weight:700; color:#fff;}
.edu_steam dl dd {color:#fff;}
.edu_steam dl:nth-child(2) {background:rgba(229,90,0,.7);}
.edu_steam dl:nth-child(3) {background:rgba(25,167,42,.7);}
.edu_steam dl:nth-child(4) {background:rgba(1,96,225,.7);}
.edu_steam dl:nth-child(5) {background:rgba(123,29,195,.7);}

/*pc*/
@media screen and (min-width:800px) {
	.greeting .con p span {display:block;}
}

/*tablet이하*/
@media screen and (max-width:800px) {
	.greeting .tit {padding-bottom:300px; padding-right:3%;}
	.greeting .con:after {width:100%;}
	.greeting .con p br {display:inline-block;}
	.history {padding:0;}
	.history ol{padding-top:0;}
	.history .photo, .history .bg {display:none;}
	.history .date, .history .txt {float:none;}
	.organ .head:after, .organ .list:before, .organ .list li:before {display:none;}
	.organ .list {margin-top:20px;}
	.organ .list>li, .sitemap .list>li {width:100%; margin-top:10px;} 
	.teacher>ul>li{width:48.8%;}
	.teacher>ul>li dl dd{height:auto;}
	.tableBox.scroll {overflow-x:scroll;}
	.tableBox.scroll table {min-width:1200px;}
	.twopic img {width:100%;}
	.sitemap .list>li {height:auto;}
	.popup {position:absolute; left:0; top:5px; margin-left:0;}
	.edu_steam dl {margin-left:-25px; width:120px; height:120px; padding-top:30px; }
	.edu_steam dl dt {font-size:24px;}


}


/*mobile_min*/
@media screen and (max-width:480px) {
	.history .photo {display:none;}
	.history .photo img {width:100%; margin-left:0; margin-top:-100px;}
	.history {padding-left:0; margin-top:40px;}
	.history ol {padding-top:10px; margin-left:5px;}
	.history .bg {right:0; font-size:45px;}
	.teacher>ul>li{width:98.8%;}
	.edu_steam dl {width:130px; height:130px; padding-top:35px; }
}