@charset "utf-8";
#sub_page{padding-top: 60px; padding-bottom: 80px;}
#sub_page.pb0{padding-bottom: 0;}

/* 공통  */
.f14{font-size: 14px !important; font-size: 0.875rem !important;}
.f16{font-size: 16px !important; font-size: 1rem !important;}
.f18{font-size: 18px !important; font-size: 1.125rem !important;}
.f20{font-size: 20px !important; font-size: 1.250rem !important;}
.f24{font-size: 24px !important; font-size: 1.500rem !important;}
.f26{font-size: 26px !important; font-size: 1.625rem !important; letter-spacing:-.067em;}
.f38{font-size: 38px !important; font-size: 2.375rem !important;}

.al-center{text-align:center;}
.al-left{text-align:left;}
.al-right{text-align:right;}

.bg-green{background: #1fb5c2; color: #fff}
.bg-green2{background:#2db597; color: #fff}
.bg-red{background:#f45652; color: #fff}
.bg-grey{background:#939393; color: #fff}
.bg-blue2{background:#2a75cc; color: #fff}
.bg-darkgray{background:#454545; color: #fff}
.bg-bluegray{background:#82878b; color: #fff}

/* .bg-purple{background: #5031af; color: #fff}
.bg-navy{background: #3d4377; color: #fff}
.bg-orange{background: #ef4023; color: #fff}
.bg-pink{background: #fd367e; color: #fff}
.bg-grey{background: #a2a2a2; color: #fff}
.bg-black{background: #272727; color: #fff}
.bg-black2{background: #3b3b3b; color: #fff}
.bg-black_r{background: #fff; color: #111; border:1px solid #ddd}
.bg-black_r2{background: #fff; color: #111; border:2px solid #111}
 */
.color-black{color:#111 !important;}
.color-grey{color:#acacac;}
.color-green{color:#1cb9bc;}
.color-green2{color:#09a9ac;}
.color-green3{color:#11b35d;}
.color-blue{color:#2a6bac;}
.color-blue2{color:#22afa6;}
.color-blue3{color:#3ca0d1;}
.color-blue4{color:#1774c3;}
.color-red{color:#b31919;}
.color-darkgray{color:#333;}

.hyperlink{color:#0dafb2;}

.gd-c1{color:#30b870;}
.gd-c2{color:#22afa6;}
.gd-c3{color:#3ca0d1;}
.gd-c4{color:#1774c3;}
.gd-c5{color:#7f8a94;}

.gd-bg1{background:#30b870; color:#fff;}
.gd-bg2{background:#22afa6; color:#fff;}
.gd-bg3{background:#3ca0d1; color:#fff;}
.gd-bg4{background:#1774c3; color:#fff;}
.gd-bg5{background:#7f8a94; color:#fff;}
.gd-bg6{background:#c1d0df; color:#fff;}

.gd-bc1{border-color:#30b870;}
.gd-bc2{border-color:#22afa6;}
.gd-bc3{border-color:#3ca0d1;}
.gd-bc4{border-color:#1774c3;}
.gd-bc5{border-color:#7f8a94;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}

.nm-txt{
	font-size:15px;
	line-height:22px;
	letter-spacing:-0.025em;
	color:#777;
}

.info-box{
	position:relative;
	font-size:15px;
	line-height:25px;
	letter-spacing:-0.025em;
	margin-bottom:30px;
	padding:55px 0 55px 215px;
	color:#777;
	background:#f6f6f6;
}
.info-box::before{
	content:"";
	position:absolute;
	top:50%;
	left:70px;
	display:block;
	width:110px;
	height:110px;
	background:no-repeat center;
	transform:translateY(-50%);
}
.info-box .title{
	font-size:22px;
	font-weight:500;
	line-height:26px;
	letter-spacing:-0.04em;
	margin-bottom:10px;
	color:#333;
}
.info-box .title strong{
	font-weight:500;
	color:#2a6bac;
}

.link-st1{color: #172e82}
.link-st1:hover{text-decoration: underline;}
.art_page .top .in{position: relative; display:flex; margin-bottom: 60px;}
.art_page .top .in > *{float: left; border-radius:5px}
.art_page .top .img{width: 78%; background: url('') center center no-repeat; background-size:cover; position: relative;}
.art_page .top .img{}
.art_page .top .nav{width: 20%; border:2px solid #333; font-size: 18px; background: #fbfbfb;margin-left: 2%; padding: 0 20px; font-weight: 700;}
.art_page .top .nav > li{border-top: 1px dotted #aaa; padding: 35px 5px}
.art_page .top .nav > li:first-child{border-top: 0;}
.art_page .top .nav a{display: block; position: relative; background: url('../img/02art/ico-arrow.gif') right center no-repeat; line-height: 35px; border-radius:100px;}
.art_page .top .nav .pencil{padding-left: 0; padding-right: 0;}
.art_page .top .nav .pencil a{background: #fff; line-height: 91px; border:2px solid #ef4023; padding: 0 30px}
.art_page .top .nav .pencil a:after{width: 60px; height: 60px; background: #ef4023 url('../img/02art/ico-pencil.png') center center no-repeat; border-radius:50%;content: ''; position: absolute;right: 20px;top:50%;margin-top: -30px;}
.art_page .top .etc{position: absolute;right: 0;bottom: 0; background: rgba(0,0,0,.5); color: #fff; padding: 20px 23px 20px 30px; border-radius:3px;line-height: 1;}
.art_page .top .etc > *{display: inline-block;vertical-align: middle;}
.art_page .top .etc button{width:9px;height: 13px;background: url('') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px}
.art_page .top .etc .prev{background-image: url('../img/02art/prev.png')}
.art_page .top .etc .controls{background-image: url('../img/02art/stop.png'); margin: 0 10px;}
.art_page .top .etc .next{background-image: url('../img/02art/next.png')}
.art_page .top .count{display: inline-block; margin-left: 30px; letter-spacing: 0; font-style: italic; font-weight: 500;}

.tit-st1{line-height: 1.15; position: relative; font-size: 18px; font-size: 1.25rem; margin-bottom: 15px; padding-left: 20px;}
.tit-st1:before{position:absolute;width: 10px;height: 10px; border-radius:50%;background:linear-gradient(110deg, rgba(39,149,203,1) 0%, rgba(34,175,166,1) 100%); content: ''; left: 0;top:50%; margin-top: -5px;}
.tit-st1:after{position:absolute;width: 4px;height: 4px; border-radius:50%; background: #fff; content: ''; left: 3px;top:50%;margin-top: -2px;}
.tit-st1 .float{
	position:absolute;
	top:0;
	right:0;
	font-size:15px;
	line-height:25px;
	color:#777;
}
.tit-st2{position:relative; font-size: 26px; font-weight: 500; margin-bottom: 20px; line-height: 1.15; color: #333}

.tit-st3{position:relative; font-size: 24px;;font-size: 1.500rem;font-weight: 500;color: #333; margin-bottom: 20px; line-height: 1.15; position: relative; padding-left: 0.708em;}
.tit-st3:before{position: absolute;left: 0;top:0;width: 6px;height: 100%; background: #2795cb;content: ''; background: linear-gradient(to bottom,  #2795cb 0%,#2795cb 50%,#22afa6 50%,#22afa6 100%); /* W3C */; content: ''
;border-radius:30px}
.tit-st3 .ab{position: absolute;right: 0;bottom: 0; font-weight: 300; color: #b60e0e; font-size: 14px;}
.tit-orange.w{color: #fff}
.tit-big{font-size: 1.875em; line-height: 1.35;}

.tit-st4{position:relative; font-size: 38px;font-size: 2.375rem;line-height: 1.15;margin-bottom: .67em;font-weight: 300;letter-spacing: -0.03em;position: relative;}
.tit-st4 h3{font-weight: 300;}
.rel.tit-st4{margin-bottom: 1em;}
.rel.tit-st4 .ab{position: absolute;right: 0;bottom:0}
.tit-st4 .ab{font-size: 14px;font-size: 0.875rem;}

.tit-st5{
	position:relative;
	font-size:25px;
	font-weight:600;
	line-height:1;
	color:#000;
}

.content-list{}
.content-list li{
	position:relative;
	font-size:15px;
	line-height:22px;
	letter-spacing:-0.025em;
	padding-left:10px;
	color:#777;
}
.content-list li::before{
	content:"";
	position:absolute;
	top:8px;
	left:0;
	display:block;
	width:4px;
	height:4px;
	background:#666;
}
.content-list li b{color:#0dafb2;}
.content-list.li-m3 li{margin-bottom:3px;}
.content-list.li-m5 li{margin-bottom:5px;}
.content-list.li-m7 li{margin-bottom:7px;}

.img-list{
	display:flex;
	flex-wrap:wrap;
}
.img-list li{
	font-size:0;
}
.img-list li > *{
	display:inline-block;
	vertical-align:top;
}
.img-list li > img{
	margin-right:15px;
}
.img-list li > p{
	width:240px;
	font-size:15px;
	line-height:20px;
	letter-spacing:-0.025em;
	padding-top:10px;
	color:#777;
}
.img-list li > p strong{
	display:block;
	margin-bottom:3px;
	color:#333;
}

.page-info{
	width:100%;
	height:280px;
	text-align:center;
	padding-top:50px;
	color:#fff;
}
.page-info .txt-box{
	width:580px;
	height:180px;
	font-size:18px;
	line-height:26px;
	text-align:center;
	margin:0 auto;
	padding-top:40px;
	border:15px solid;
	border-bottom:0;
	border-image:linear-gradient(to right, #22afa6, #2795cb);
	border-image-slice:1;
}
.page-info .txt-box img{
	display:block;
	margin:0 auto 13px;
}

.th-step{
	display:flex;
	align-items:center;
	width:870px;
	margin-top:23px;
	padding-left:85px;
	background:url('../img/intro/guide_03_16.jpg') no-repeat center / 100% auto;
}
.th-step li{
	display:table;
	table-layout:fixed;
	width:170px;
	height:170px;
	padding:7px;
	text-align:center;
	background:#fff;
	border-width:10px;
}
.th-step li:not(:last-child){
	margin-right:65px;
}
.th-step li p{
	display:table-cell;
	width:135px;
	height:135px;
	font-size:15px;
	vertical-align:middle;
	color:#333;
	border-width:1px;
}
.th-step li,
.th-step li p{
	border-style:solid;
	border-radius:100%;
}

.keep-all{word-break:keep-all}

.art1{text-align: center;}
.art1 ul{border-top: 2px solid #323232; padding-top: 30px; display:flex; flex-wrap:wrap; letter-spacing: -.07em; line-height: 1.15;}
.art1 li{width: 20%; position: relative; padding: 0 1em}
.art1 li:before{position: absolute;left: 0;top:50%;width: 1px; height: 174px; margin-top: -87px; content: ''; border-left: 1px dashed #aaa;}
.art1 li:first-child:before{border:0}
.art1.li4 li{width: 25%}
.art1.li6 li{width: 16.6666666667%}
.art1 .t{display: block; font-size: 1.125em;}
.art1 .ico{margin: 40px 0 35px;}
.art1 .ico img{display: block;margin: 0 auto;}
.art1 .txt > *{display: block; margin-top: 3px;}
.art1 .txt > *:first-child{margin-top: 0;}
.art1 .txt .big{font-size: 1.500em}

.art_page .group{margin-top: 87px;}

.tbl-st1{border-top: 2px solid #333;word-break: break-word; position: relative;}
.tbl-st1:before{position: absolute;left: 0;top:0;width: 1px;height: 100%; content: ''; background: #fff}
.tbl-st1 table{width: 100%}
.tbl-st1 th,.tbl-st1 .th{background: #fbfbfb;font-weight: 700;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; font-size:1.125em}
.tbl-st1 td{background: #fff;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6}
.tbl-st1 th,.tbl-st1 td{padding: 1em;text-align: center}
.tbl-st1 li{margin-top: .3em;}
.tbl-st1 li:first-child{margin-top: 0;}

.tbl-st2{border-top: 2px solid #333; color: #333}
.tbl-st2 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.tbl-st2 .item > *{display: table-cell;vertical-align: middle;}
.tbl-st2 .t{width: 300px; padding: 20px; font-weight: 700; font-size: 1.125em;background: #fbfbfb; text-align: center;    word-break: keep-all;}
.tbl-st2 .cont{padding: 20px; border-left: 1px solid #ddd;}

.tbl-st3{border-top: 2px solid #333; color: #333}
.tbl-st3 .half{position: relative;  display: flex;
    flex-wrap: wrap;}
.tbl-st3 .half:before{position: absolute;left: 50%;top:0;width: 1px;height: 100%;content: '';background: #ddd;z-index: 1}
.tbl-st3 .half .item{float: left; width: 50%}
.tbl-st3 .item{border-bottom: 1px solid #ddd; position: relative; padding-left: 180px;  }
.tbl-st3 .t{position: absolute;left: 0;top:0;width: 10em; height: 100%;padding: 20px; font-weight: 700; font-size: 1.125em;background: #fbfbfb; text-align: center; border-right: 1px solid #ddd;}
.tbl-st3 .cont{padding: 20px;}

.tbl-st4{
	position:relative;
	left:-1px;
	width:calc(100% + 1px);
	text-align:center;
	border-top:2px solid #1cb9bc;
	border-collapse:unset;
}
.tbl-st4::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:1px;
	height:100%;
	background:#fff;
}
.tbl-st4 thead tr th{
	height:70px;
	font-size:15px;
	font-weight:500;
	color:#333;
	background:#f7f7f7;
}
.tbl-st4 tbody tr th,
.tbl-st4 tbody tr td{
	min-height:50px;
	font-weight:400;
	line-height:20px;
	letter-spacing:-0.025em;
	padding:15px 25px;
	color:#777;
}
.tbl-st4 tbody tr th{
	color:#333;
	background:#f7f7f7;
}
.tbl-st4 tbody tr td{font-size:15px;}

.tbl-st4 thead tr th,
.tbl-st4 tbody tr th,
.tbl-st4 tbody tr td{
	border:1px solid #dedede;
	border-top:0;
	border-right:0;
}

.tab-w{position:relative;}

.tab-st3{
	font-size:0;
	border:1px solid #b8b8b8;
	border-width:0 0 1px 1px;
}
.tab-st3 > li{
	position:relative;
	display:inline-block;
	width:280px;
	height:50px;
}
.tab-st3.li20 > li{width:20%;}
.tab-st3.li25 > li{width:25%;}
.tab-st3.li33 > li{width:33.3%;}
.tab-st3.li50 > li{width:50%;}
.tab-st3> li.on{}
.tab-st3> li.on::after{
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
}
.tab-st3 > li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	font-size:15px;
	font-weight:400;
	line-height:50px;
	letter-spacing:-0.025em;
	text-align:center;
	color:#777;
	background:#f7f7f7;
	border-right:1px solid #b8b8b8;
	transition:0.3s ease;
	overflow:hidden;
}
.tab-st3> li a::before{
	content:"";
	position:absolute;
	top:-3px;
	left:0;
	width:100%;
	height:2px;
	background:linear-gradient(to right, #1cb9bc, #2972ad);
	transition:0.3s ease;
	z-index:2;
}
.tab-st3> li a::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#b8b8b8;
	z-index:1;
}
.tab-st3> li.on a{
	font-weight:500;
	color:#333;
	background:#fff;
	border-top:0;
}
.tab-st3> li.on a::before{top:0;}

.tab-item{height:0; overflow:hidden; visibility: hidden;}
.tab-item.on{height:auto; visibility: visible;}

.art3{border-top: 2px solid #333; padding-top: 3.125em; position: relative; display: table; width: 100%}
.art3 > *{display: table-cell;vertical-align: top;}
.art3 .caution{width: 300px; text-align: center;}
.art3 .ico{width: 150px;height: 150px; line-height: 150px; border-radius:50%; color: #ef4023; font-weight: 700; border:1px solid #ef4023; font-size: 5.625em; margin: 0 auto; display: block;}

.bbs-catuion{border:5px solid #e3e3e3; padding: 50px 50px 50px 0; position: relative; display: table; width: 100%; margin-bottom: 50px;}
.bbs-catuion > *{display: table-cell;vertical-align: top;}
.bbs-catuion .caution{width: 300px; text-align: center;}
.bbs-catuion .ico{width: 150px;height: 150px; line-height: 150px; border-radius:50%; color: #ef4023; font-weight: 700; border:1px solid #ef4023; font-size: 5.625em; margin: 0 auto; display: block;}

.bul-dash > dd,.bul-dash > li,.bul-dash.b{position: relative;padding-left: .7em;margin-top: .3em;}
.bul-dash > dd:before,.bul-dash > li:before,.bul-dash.b:before{position: absolute;left: 0;top:0;content: '-'}
.bul-dash > li:first-child{margin-top: 0 !important;}

.bul-dot > li,.bul-dot > dd{position: relative;padding-left: 1em;margin-top: 1em;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.7em;width: 5px;height: 5px;;content: '';background: #929292; border-radius:50%}
.bul-dot > li:first-child{margin-top: 0 !important;}
.bul-dot.black > li:before,.bul-dot.black > dd:before{background: #333}
.bul-dot.white > li:before,.bul-dot.white > dd:before{background: #fff}

.bul-dot.b{position: relative;padding-left: 1em;}
.bul-dot.b:before{position: absolute;left: 0;top:.7em;width: 5px;height: 5px;;content: '';background: #929292; border-radius:50%}

.bul-mark > li,.bul-mark.b{position: relative;padding-left: 1.27em; display: block;}
.bul-mark > li:before,.bul-mark.b:before{position: absolute;left: 0;top:0;content: '※'}
.bul-mark > li{margin-top: .3em;}
.bul-mark > li:first-child{margin-top: 0;}

.bul-caution{display: block; position: relative; padding-left: 1.8em; color: #000}
.bul-caution:before{position: absolute;left: 0;top:50%; width: 23px;height: 23px; background: #000;content: '!'; margin-top: -11.5px; font-weight: 700; border-radius:50%; color: #fff;text-align: center;}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0 !important;}


.box_com{border:5px solid #e1e1e1; padding: 20px 30px; color: #666; margin-top: 60px; line-height: 1; position: relative;}
.box_com .ico-tel{display: inline-block; background: url('../img/common/ico-tel.png') left center no-repeat; padding-left: 23px; color: #333; margin-left: 1.3em; min-height: 1.125em}
.box_com .write{display: inline-block; background: url('../img/common/write.gif') left center no-repeat; padding: 30px 0 30px 87px;}
.box_com .link{border:1px solid #000; border-radius:100px; padding: 11px 1.3em 13px;display: inline-block; margin-left: 70px;}
.box_com.ico{padding: 20px 50px}
.box_com .in{position: relative;}
.box_com .edit{position: absolute;right: 0;top:0}


.tabs-st1{margin-bottom:40px;border-bottom: 1px solid #b8b8b8;text-align: center; color: #777; font-family:'Noto Sans KR'; font-size: 15px; font-weight: 400;}
.tabs-st1 > li{float: left;width: 180px; height:50px; position: relative;background: #f8f8f8;border:1px solid #b8b8b8;margin-right: -1px; border-bottom: 0;}
.tabs-st1 > li.active{background: #fff;color: #333; background: #fff; border-top: 2px solid #1cb9bc;}
.tabs-st1 > li.active a{position: relative;}
.tabs-st1 > li.active a:before{position: absolute; left: 0; width: 100%; height: 1px; background: #fff; bottom:0; content: ''}
.tabs-st1.li2 > li{width: 50%}
.tabs-st1.li3 > li{width: 33.3333333333%}
.tabs-st1.li4 > li{width: 25%}
.tabs-st1.li5 > li{width: 20%}
.tabs-st1.li6 > li{width: 16.6666666667%}
.tabs-st1.li7 > li{width: 14.2857142857%}
.tabs-st1.li8 > li{width: 12.5%}
.tabs-st1 a{display: table;width: 100%;height:3.333em}
.tabs-st1 a > span{display: table-cell;vertical-align: middle;}
.group_w-st1 .group{margin-top: 4.375em;}

.group_w-st1 .btn{margin-bottom: 20px;}

.ico-tel-st1{background: url('../img/05community/ico-tel.gif') left center no-repeat; padding-left: 2em; font-size: 1.875em; font-weight: 300;}

.mypage_top{padding-left: 175px; background: url('../img/mypage/ico.gif') 40px center no-repeat;}

.service_page .top{background: url('../img/05community/service.gif') 50px top no-repeat; padding-left: 330px; margin-bottom: 70px;}
.service_page .top .bul-mark{color: #666; margin: 1.429em 0 1.786em;}

.cont-st1{display: table;width: 100%; border-top: 1px dashed #ccc; padding: 70px 0}
.cont-st1 > *{display: table-cell; vertical-align: top;}
.cont-st1 .t{width: 330px; color: #000; font-weight: 700;}
.cont-st1 .big{font-size: 1.125em; display: block; margin-bottom: 1em; line-height: 1.15; font-weight: 700}
.cont-st1 .small{margin-top: 1.5em; font-size: 0.875em;}
.cont-st1 .bul-mark{color: #666}
.cont-st1 .bul-dot2 > li{margin-top: 5px;}
.cont-st1 .sect{margin-top: 1.5em;}
.cont-st1 .sect:first-child{margin-top: 0;}
.service_page .bul-mark{margin-top: 1.429em;}
.service_page .bul-dot dd{margin-left: 4em;}

.alliance .info .sect{border:1px solid #ddd; border-radius:5px; padding: 20px; text-align: center; margin-top: 10px;}
.alliance .info .sect:first-child{margin-top: 0;}
.alliance .info .sect .in{display: table; width: 100%;}
.alliance .info .in  > *{display: table-cell; vertical-align: middle;}
.alliance .info .logo{width: 27%}
.alliance .info .logo img{display: block;margin: 0 auto;}
.alliance .info .tit{width: 10.3em; padding-right: 3em;}
.alliance .info .loc{text-align: left;  background: url('../img/05community/ico-loc.gif') left center no-repeat; padding-left: 1.8em; width: 23em}
.alliance .info .count{text-align: left;background: url('../img/05community/ico-count.gif') left center no-repeat; padding-left:1.8em}

.art2 .mt{margin-top: 1em;}

.sindorim_w .imgs{color: #fff;font-size: 1.125em; text-align: center;margin: 0 0 -2% -2%;}
.sindorim_w .imgs > li{float: left; width: 23%;margin: 0 0 2% 2%; position: relative;}
.sindorim_w .imgs .txt{position: absolute;left: 0;bottom: 24px;width: 100%;  line-height: 1.15;}
.sindorim_w .imgs .txt > *{display: block;}
.sindorim_w .imgs .area{font-size: 1.667em;margin-top: 0.39em; font-weight: 100;}
.sindorim_w .imgs sup{font-size: .5em;}
.sindorim_w .imgs img{display: block;}

.sindorim_w .bot{margin-top: 80px; position: relative; padding-right: 470px;}
.sindorim_w .tbl-st2 .t{width: 10em}
.sindorim_w .mt_w li{margin-top: .3em;}
.sindorim_w .mt_w li:first-child{margin-top: 0;}
.sindorim_w .bot .logo{position: absolute;right: 0;top:0;width: 367px;padding: 100px 0;border:1px solid #ddd;box-shadow: 0 7px 0px #202020;border-radius:5px}
.sindorim_w .bot .logo img{display: block; margin: 0 auto;}
.sindorim_w .ex{max-width:510px;border:1px solid #ccc; text-align: center; margin-top: 1.5em;}
.sindorim_w .ex > li{padding: 0.938em; border-top: 1px solid #ccc; position: relative;}
.sindorim_w .ex > li:first-child{border-top: 0;}
.sindorim_w .half > *{float: left; width: 50%}
.sindorim_w .half:before{position: absolute;left: 50%;top:0;width: 1px;height: 100%;content: '';background: #ccc}

.edu_w .top{background: url('') center center no-repeat; background-size:cover;position: relative;padding-bottom: 33%; border-radius:5px}
.edu_w .group{margin-top: 70px;}

.edu_w .ico-tel{background: url('../img/common/ico-tel.png') left center no-repeat; padding-left: 23px;}
.edu_w .img img{display: block;margin: 0 auto;}
.edu_w .bul-dot > li{margin-top: .5em;}

.edu4{margin-left: -3%;}
.edu4 > li{float: left; width: 30.3333333333%;margin-left: 3%; border-top: 1px solid #ccc; padding: 50px 100px 0 0; background: url('') right 50px no-repeat}
.edu4 .t{display: block;font-size: 1.375em; color: #111; margin-bottom: 1.3em;}
.edu4 .i1{background-image: url('../img/03edu/i1.png')}
.edu4 .i2{background-image: url('../img/03edu/i2.png')}
.edu4 .i3{background-image: url('../img/03edu/i3.png')}

.edu_w .small{color: #666; display: inline-block; margin-top: .7em;}
.edu_w .tbl-st1 .bul-dot{text-align: left;}
.edu_w .download > li{float: left;}
.edu_w .download .btn-download{margin-top: 1.67em;}

.btn-download{display: block;text-align: center;}
.btn-download span{display: inline-block; background: url('../img/common/btn-download.gif') right center no-repeat; padding-right: 3.3em; font-size: 1.125em; font-weight: 700;}

.edu5{margin-left: -1%;}
.edu5 > li{float: left; width: 15.6666666667%;margin-left: 1%;}
.edu_w .tbl-st2 .t{width: 10em}
.edu5 img{display: block;width: 100%}

.art_group .top > ul{margin-left: -2%;text-align: center;font-size: 1.25em;display:flex;flex-wrap:wrap}
.art_group .top > ul > li{float: left; width: 18%;margin-left: 2%;border:1px solid #ff7f61; padding: 50px 1em 80px;border-radius:5px}
.art_group .top .t{display: block; background: url('../img/04culture/pm.gif') center top no-repeat; padding-top: 4em; margin-bottom: 2em;}
.art_group .top .cont{font-size: 1.1em; line-height: 1.35;}

.art_history_w{background: url('../img/04culture/bg1.jpg') center center no-repeat; background-size:cover; color: #fff; padding: 6.250em 0; margin-top: 6.250em;}
.tabs-history{text-align: center;font-weight: 700;font-size: 0; margin-bottom: 50px; margin-bottom: 3.125rem;}
.tabs-history > li{display: inline-block;font-size: 20px; font-size: 1.25rem; margin: 0 1.5em;letter-spacing: 0; position: relative; padding-bottom: 1.5em;}
.tabs-history a{display: block}
.tabs-history .active{color: #f4b90f}
.tabs-history .active:after{position: absolute;left: 50%;bottom: 0; width: 12px;height: 7px; background: url('../img/04culture/arrow_on.png') center center no-repeat;content: ''}
.art_history_w .tit{text-align: center; margin-bottom: 5em;}
.art_history_w .tit strong{font-size: 3.750em; line-height: 1;display: inline-block;vertical-align: middle; margin: 0 100px;}
.art_history_w .tit button{width: 45px;height: 45px;border-radius:50%;background: rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1);display: inline-block;vertical-align: middle;background: url('') center center no-repeat;}
.art_history_w .tit button.prev{background-image: url('../img/04culture/prev.png')}
.art_history_w .tit button.next{background-image: url('../img/04culture/next.png')}

.art_history .s_w{padding: 0 2.500em;position: relative;}
.art_history .s_w:before{width: 100%;height: 1px;content: ''; background: rgba(255,255,255,.2); left: 0;top:5px;content: ''; position: absolute;}
.art_history .item{position: relative;}
.art_history .year:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 10px;
    height: 10px;
    background: #ffc10e;
    border-radius: 50%;
}
.art_history .in{padding: 0 10px}
.art_history .year{font-size: 1.875em; line-height: 1; margin-bottom: 1em;display: block; position: relative;  padding-top: 3.125rem;}
.art_history .t{display: block;margin-bottom: .3em;}

.tabs-st2{font-size: 1.875em; font-weight: 700; letter-spacing: -0.07em; color: #bbb7ab;line-height: 1; margin-bottom: 2.233em;}
.tabs-st2 li{float: left; margin-left: 1em; padding-left: 1em; position: relative;}
.tabs-st2 li:first-child{padding-left: 0; margin-left: 0;}
.tabs-st2 li:before{position: absolute;left: 0;top:50%;width: 1px;height: 14px;border-left: 1px dashed #ccc; content: ''; margin-top: -14px;}
.tabs-st2 li:first-child:before{border:0}
.tabs-st2 a{display: block; padding-bottom: 13px}
.tabs-st2 .active a{border-bottom: 3px solid #ef4023; color: #ef4023}
.tabs-st2 .active:after{position: absolute;left: 50%;bottom: -18px; width: 12px;height:7px;background: url('../img/common/tabs-active.gif') center center no-repeat; content: '';margin-left: -6px;}

.art_txt{color: #222; line-height: 1.67; margin-bottom: 80px;}
.art_txt > *{padding-left: 44px;}
.art_txt .big{position: relative; font-size: 1.875em;margin-bottom: 1.333em; line-height: 1.5;}
.art_txt .big:before{left: 0;top:0;width: 7px;height: 100%;content: '';background: rgb(250,162,26);
background: linear-gradient(0deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%); position: absolute;}

.art_slide{position: relative; margin-bottom: 60px;}
.art_slide .big_w{float: left; width: 80.5%}
.art_slide .big_w .in{position: relative;border-radius:5px;overflow: hidden; padding-bottom: 45%;}
.art_slide .big_w img{position: absolute;left: 0;top:0;width: 100%;}
.art_slide .thumb{float: right; width: 18%; margin-top: -.7%;}
.art_slide .thumb .in{position: relative;border-radius:5px;overflow: hidden; padding-bottom: 63%; margin: 3% 0; background: url('') center center no-repeat; background-size:cover}
.art_slide .thumb .in:before{position: absolute;left: 25px;bottom: 25px;width: 21px;height: 30px;background: url('../img/04culture/play.png') center center no-repeat; content: ''}
.art_slide .thumb img{position: absolute;left: 0;top:0;width: 100%;height: 100%}
.art_slide img{display: block;}

.tabs-art{font-weight: 700; letter-spacing: -0.07em; color: #000;line-height: 1; margin-bottom: 2.233em; text-align: center; font-size: 0; margin-bottom: 60px;}
.tabs-art li{ margin-left: 30px; padding-left: 30px; position: relative; display: inline-block; font-size: 18px;;font-size: 1.125rem;}
.tabs-art li:first-child{padding-left: 0; margin-left: 0;}
.tabs-art li:before{position: absolute;left: 0;top:50%;width: 1px;height: 14px;border-left: 1px dashed #ccc; content: ''; margin-top: -7px;}
.tabs-art li:first-child:before{border:0}
.tabs-art a{display: block; position: relative;}
.tabs-art .active a{color: #ef4023}
.tabs-art .active a:after{position: absolute;left: 50%;bottom: -1em; width: 12px;height:7px;background: url('../img/common/tabs-active.gif') center center no-repeat; content: '';margin-left: -6px;}
.art_h_w .imgs{margin: 0 0 50px -3%;}
.art_h_w .imgs > li{width: 17%;margin-left: 3%;float: left;}
.art_h_w .item{position: relative;border-bottom: 1px dotted #ccc; padding:20px 0 20px 225px;}
.art_h_w .date{position: absolute;left: 0;top:20px; width: 173px;text-align: center;}
.art_h_w .group{display: none;}

.art_com .top{position: relative; margin-bottom: 100px;}
.art_com .top .bg{background: url('') center center no-repeat; background-size:cover;position: relative;padding-bottom: 30%; border-radius:5px; z-index: 1}
.art_com .top:after{width: 100%;height: 100%;left: 40px; top:40px;background: url('../img/04culture/after.gif') right bottom no-repeat; content: ''; position: absolute;}

.art_com .mg-year{color: #666; font-size: 0.875em; margin: 1em 0 0 3em;}

.art_seoul{background: url('../img/04culture/seoul.gif') right bottom no-repeat}
.art_rainbow{background: url('../img/04culture/rainbow.gif') right bottom no-repeat}

.art_com .imgs{margin: 80px 0 0 -1%;}
.art_com .imgs > li{float: left; width: 49%;margin-left: 1%; border-radius:5px; overflow: hidden;}
.art_com .imgs.li3 > li{width: 32.3333333333%}
.art_com .imgs img{display: block;}
.rainbow1{margin-top: 1em;}
.rainbow1 th{width: 12.5%}
.rainbow2 .small{margin-top:.3em; font-size: 0.875em; display: block; color: #666}

.art_com .tbl-st2 .t{width: 10em}

.intro_guro .half_w{position: relative;}
.intro_guro .half_w:before{position: absolute;width: 435px; height: 221px; content: ''; background: url('../img/06intro/bg.gif') center center no-repeat; right: -200px;top:50%; margin-top: -130px;}
.intro_guro .half_w > li{float: left; width: 50%}
.intro_guro .half_w .circle_w{margin: 60px 0;text-align: center; color: #fff;font-weight: 700;}
.intro_guro .half_w .circle_w > li{float: left; width: 7.409em;height: 7.409em;border-radius:50%;font-size: 1.375em;line-height:7.409em;}
.intro_guro .half_w .circle_w .c2{margin: 0 -20px;}
.intro_guro .half_w .sect .t,.intro_guro .half_w .sect .txt{position: relative;z-index: 1}

.intro_guro .half_w .r2{padding: 60px 0; margin: 60px 0; border:1px dotted #aaa; border-left: 0; border-right: 0;;}
.intro_guro .half_w .etc{margin-top: 40px;}
.intro_guro .half_w .t{font-size: 1.375em; margin-bottom: 1.7em}
.intro_guro .half_w .ico{padding-left: 3.636em}
.intro_guro .half_w .r1 .ico{background: url('../img/06intro/ico1.gif') left top no-repeat}
.intro_guro .half_w .r2 .ico{background: url('../img/06intro/ico2.gif') left top no-repeat}
.intro_guro .half_w .r3 .ico{background: url('../img/06intro/ico3.gif') left top no-repeat}
.intro_guro .half_w .big{font-size: 1.636em;margin-left: .7em;}
.intro_guro .half_w .t strong{display: inline-block;vertical-align: middle;}
.intro_guro .r .etc > li{background: #f0f0f0; padding: 10px; display: table;width: 100%; margin-top: 7px;}
.intro_guro .r .etc > li > *{display: table-cell;vertical-align: middle;}
.intro_guro .r .etc > li strong{width: 130px;padding: 0 10px}

.vision_w{background: url('../img/06intro/bg2.gif') repeat; padding: 100px 0;margin: 100px 0;}
.vision_w .txt{color: #111;font-size: 1.875em; margin-bottom: 2.333em; letter-spacing: -0.07em;}

.intro_history{position: relative; padding-bottom: 100px;}
.intro_history:before{position: absolute;left: 50%;width: 1px;height: 100%;content: ''; background: #aaa}
.intro_history .t{width: 9.375em;height: 9.375em;border-radius:50%;background: rgb(250,162,26);
background: linear-gradient(0deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%);margin: 0 auto;display: table; text-align: center; color: #fff;position: relative;z-index: 1;line-height: 1.15; margin-bottom: 50px;}
.intro_history .t .in{display: table-cell; vertical-align: middle; font-size: 1.625em; font-weight: 500; line-height: 1;}
.intro_history .ab{position: absolute;left: 50%;margin: 1em 0 0 -8em; color: #dbdbdb;font-weight: 700; font-size: 2.500em;letter-spacing: 0;}
.intro_history .item{width: 50%; position: relative;}
.intro_history .year:before{position: absolute;content: ''; width: 45px;height: 1px;background: #f04d22;top:17px}
.intro_history .item:before{position: absolute; width: 8px; height: 8px; background: #f04d22;content: ''; border-radius:50%; z-index: 1; top: 14px;}
.intro_history .item:after{position: absolute; width: 34px; height: 34px; background: #fff;border:1px solid #f04d22;content: '';top:0; border-radius:50%}
.intro_history .right{float: right; padding-left: 65px;}
.intro_history .left{float: left; padding-right: 65px; text-align: right;}
.intro_history .year{font-size: 2.250em; line-height: 1.15; margin-bottom: .7em; display: block;}
.intro_history .sect{position: relative; margin-top: 1em;}
.intro_history .sect:first-child{margin-top: 0;}
.intro_history .month{position: absolute; top:0}
.intro_history .right .sect{ padding-left: 50px;}
.intro_history .left .sect{ padding-right: 50px;}
.intro_history .right .month{left: 0}
.intro_history .left .month{right: 0}
.intro_history .right .year:before{left: 0}
.intro_history .right:before{left: -3px;}
.intro_history .right:after{left: -17px}
.intro_history .left .year:before{right: 0}
.intro_history .left:before{right: -3px;}
.intro_history .left:after{right: -17px}
.intro_history .h2017{margin-top: 150px;}
.intro_history .h2016{margin-top: 291px;}
.intro_history .h2007{margin-top: 187px;}

.ci .box{background: url('../img/06intro/ck.gif') center center repeat; border:1px solid #ddd;text-align: center; border-radius:10px; padding: 30px}
.ci .box ul{margin: 0 auto}
.ci .box li{display: inline-block; vertical-align: middle;}
.ci .top .box{padding: 100px 0}
.ci .top .box li{margin: 0 50px;}
.ci .top .download_w{margin:50px 0 0; text-align: center; font-size: 0;}
.ci .top .download_w li{display: inline-block; font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #111; margin-left: 50px; padding-left: 50px; position: relative;}
.ci .top .download_w li:first-child{padding-left: 0;margin-left: 0;}
.ci .top .download_w li:before{background: #ccc;content: '';width: 2px;height: 1em; position: absolute;left: 0;top:50%;margin-top: -.5em;}
.ci .top .download_w li:first-child:before{background: none}
.ci .top .download_w a{display: block; padding-right: 3.333em; background: url('../img/06intro/ico-down.gif') right center no-repeat}

.ci .group{margin-top: 80px;}

.ci .mid > li{display: table; width: 100%;border-top: 1px dotted #ccc; padding-top: 50px; margin-top: 50px;}
.ci .mid > li > *{display: table-cell;vertical-align: top;}
.ci .mid  .t{font-weight: 700; width: 180px; font-size: 1.375em; font-weight: 700;}
.ci .mid > li:first-child{border-top: 0; padding-top: 0;margin-top: 0;}
.ci .sig .ex{text-align: center}
.ci .sig .sect{margin-top: 50px;}

.ci .box.c2{padding: 70px 0}
.ci .box.c2 li{margin: 0 15px;}

.ci .box.c3{padding: 70px 0}
.ci .box.c3 li{margin: 0;}

.organ_top{text-align: center;position: relative;}
.organ_top:before{position: absolute;left: 50%;width: 1px;height: 80.5%;background: #d8d3c4;content: ''}
.organ_top .ceo{width: 327px;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 1.35; color: #fff; font-size: 1.25em; border-radius:100px;background: rgb(250,162,26);
background: linear-gradient(110deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%); position: relative;z-index: 1}
.organ_top .ceo strong{font-size: 1.800em;}
.o1{padding-top: 33px;text-align: center;font-size: 0; position: relative;; margin-top: 30px;}
.o1:before{position: absolute;left: 25%;top:5px;width: 50%;content: ''; background: #d8d3c4; height: 1px;}
.o2:before{position: absolute;left: 10%;top:5px;width: 83%;content: ''; background: #d8d3c4; height: 1px}
.o1 > li{width: 257px; display: inline-block; font-size: 18px; font-size: 1.125rem; margin: 0 50px; font-weight: 700; position: relative; vertical-align: top;}
.o1 > li:before{width: 10px;height: 10px;background: #faa31a;position: absolute;left: 50%;top: -33px;content: '';left:50%;margin-left: -5px;border-radius:50%;z-index: 1}
.o1 > li:after{width: 1px;    height: 24px;
    top: -24px;content: '';background:#d8d3c4; left: 50%;position: absolute;}
.o2 > li:after{width: 1px;    height: 24px;
    top: -24px;content: '';background:#d8d3c4; left: 50%;position: absolute;}
.o1 .st2{background: #fff; position: relative; border:3px solid #232323; border-radius:100px;margin-top: 16px; margin-top: 1rem;height: 76px;}
.o1 .st2:first-child{margin-top: 0;}

.o2{padding-top: 33px;text-align: center;margin-left: -3%; font-size: 1.125em; margin-top: 30px;color: #666; position: relative;}
.o2 > li{width: 13.6666666667%; float: left;;font-weight: 700; position: relative; vertical-align: top; margin-left: 3%; background: #fff; position: relative; border:1px solid #ccc; border-radius:100px;height: 70px;display: table;}
.o2 > li:before{width: 10px;height: 10px;background: #faa31a;position: absolute;left: 50%;top: -33px;content: '';left:50%;margin-left: -5px;border-radius:50%;z-index: 1}
.o2 > li > span{display: table-cell;vertical-align: middle;}

.organ .top{position: relative; margin-bottom: 80px;}
.organ .state{    position: absolute;
	top:30px;
    left: 50%;
    display: inline-block;
    padding-right: 70px;
    text-align: right;
    margin-left: -28em; background: url('../img/06intro/state.gif') right top no-repeat; min-height: 3.375em;}
.organ .state > strong{display: block;
    font-size: 1.125em;}
.organ .state > span{    display: block;
    font-size: 14px;}
    
.location_page .map{position: relative; padding-bottom: 26%;}
.location_page .map iframe{width: 100%; height: 100%; position: absolute; display: block;}
.location_page .box_w{position: absolute;left: 0;bottom: -120px; width: 100%;}
.location_page .box{padding: 40px; border-radius:5px; width: 369px; background: #fff; z-index: 1;    box-shadow: 0px 7px 0px #222;}

.location_page .box .tit{font-size: 36px; line-height: 1.15; font-weight: 700; color: #111; margin-bottom: .87em;}
.location_page .box dt{font-size: 1.375em;font-weight: 700; margin-top: 30px;}
.location_page .box dd{margin-top: .5em;}
.location_page .box dt:first-child{margin-top: 0;}

.location_page .link{text-align: center; font-size: 0; margin: 60px 0 35px;}
.location_page .link li{display: inline-block; font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #333; margin-left: 50px; padding-left: 50px; position: relative;}
.location_page .link li:first-child{padding-left: 0;margin-left: 0;}
.location_page .link li:before{background: #ccc;content: '';width: 2px;height: 1em; position: absolute;left: 0;top:50%;margin-top: -.5em;}
.location_page .link li:first-child:before{background: none}
.location_page .link a{display: block; padding-right: 2.611em; background: url('') right center no-repeat}
.location_page .link .naver{background-image: url('../img/06intro/naver.gif')}
.location_page .link .daum{background-image: url('../img/06intro/daum.gif')}

.loc_ex{margin-top: 100px;}

.loc_way{word-break:keep-all}
.loc_way .bus,.loc_group#tab3 .g2{border:1px dashed #aaa; border-left: 0; border-right: 0; padding: 70px 0;margin: 70px 0;}
.loc_way .t{display: inline-block;font-size: 1.375em; font-weight: 700; padding-right: 2.727em; background: url('') right center no-repeat}
.loc_way .subway .t{background-image: url('../img/06intro/ico-subway.gif')}
.loc_way .bus .t{background-image: url('../img/06intro/ico-bus.gif')}
.loc_way .car .t{background-image: url('../img/06intro/ico-car.gif')}
.loc_way .sect ul{margin-top: 30px;}
.loc_way .com li{margin-top: .7em;}
.loc_way .com li:first-child{margin-top: 0;}
.loc_way .car li{margin-top: 2.4em;}
.loc_way .car li:first-child{margin-top: 0;}
.loc_way .car .arrw{display: inline-block; width: 5px;height: 9px;vertical-align: middle; background: url('../img/06intro/ico-arrow.gif') center center no-repeat; margin: 0 1em 0 1.25em; margin-top: -3px;}

.loc_group#tab2 .top{padding-left: 7.938em; background: url('../img/06intro/park.gif') left top no-repeat; min-height: 5.625em}
.loc_group#tab2 .top li{margin-top: .3em;}
.loc_group#tab2 .top li:first-child{margin-top: 0;}
.loc_group#tab2 .group{margin-top: 60px;}
.loc_group#tab2 .small{margin-top: 30px;}

.loc_group#tab3 .top{margin-bottom: 70px; line-height: 1.67;}
.loc_group#tab3 .t{display: inline-block;font-size: 1.375em; font-weight: 700; padding-right: 3em; background: url('') right center no-repeat; line-height: 1.955em;}
.loc_group#tab3 .g1 .t{background-image: url('../img/06intro/ico-t1.gif')}
.loc_group#tab3 .g2 .t{background-image: url('../img/06intro/ico-t2.gif')}
.loc_group#tab3 .g3 .t{background-image: url('../img/06intro/ico-t3.gif')}
.loc_group#tab3.dis ul{margin-top: 2.5em;}

.loc_group{display: none;}

.rule_page{line-height: 1.8;}
.rule_page .box{background: #f1f1f1; padding: 1em; border:1px solid #ccc}
.rule_page .right{margin-bottom: 3em;}
.rule_page .group{margin-top: 50px;}
.rule_page .group ul{margin-top: .7em;}
.rule_page .tbl-st1{margin: .7em 0 1.5em;}

.rule_page .tit-big{margin-bottom: 1em;}
.rule_page h5 { margin-bottom:1em; font-size: 1.125em; color: #111 }


.agree_box h5 { padding-top:20px; margin-bottom:10px; text-align:center; }
.agree_box p { margin-bottom:10px; }
.agree_box strong { display:block; }
.agree_box ul { margin-bottom:10px; }
.agree_box ul li { padding-left:16px; }
.agree_box ul li ul {}
.agree_box ul li ul li { padding-left:14px; }
.agree_box span.deps1 { margin-left:-16px; }
.agree_box span.deps2 { margin-left:-14px; }
.agree_box dl { margin-bottom:10px; }

.pop-newsletter li{margin-top: 10px;}
.pop-newsletter li:first-child{margin-top: 0;}
.pop-newsletter input{width: 100%; height: 3em; padding: 0 10px}

.greeting{font-size: .938em; color: #777}
/*.greeting .top{font-size: 33px; background: url('../img/intro/greeting.jpg') right bottom no-repeat; padding: 53px 0 87px; border-bottom: 1px solid #a0a0a0; margin-bottom: 40px; font-weight: 300; color: #333}*/
.greeting .top{font-size: 33px; background: left bottom no-repeat; padding: 0px 0 87px; border-bottom: 1px solid #a0a0a0; margin-bottom: 40px; font-weight: 300; color: #333}
/*.greeting .top p{display: inline-block; line-height: 1.35; padding: 40px 70px; position: relative; margin-left: 30px;text-align: center;}*/
.greeting .top p{display: inline-block; line-height: 1.35; padding: 40px 70px; position: relative; margin-left: 500px;text-align: center;}
.greeting .top p:before,.greeting p:after{font-weight: 500; color: #e5e5e5; font-size: 122px; position: absolute; content: ''; line-height: .33;}
.greeting .top p:before{left: 0;top:0; content: '“'; line-height: 1;}
.greeting .top p:after{right: 0;bottom:0; content: '”'}
.greeting .top strong{font-weight: 500; color: #333}
.greeting .top .grey{font-weight: 500; color: #777}
.greeting .mid{font-size: 1.467em; font-weight: 500;}
.greeting .txt{margin: 2em 0 0; line-height: 1.8;}
.greeting .sign{text-align: right; margin-top: 3.933em;}
.greeting .sign img{vertical-align: text-bottom; margin-left: 5px;}

.list-program .top{margin-bottom: 30px;}
.list-program .box{background: #f6f6f6; padding: 30px 50px 30px 213px; word-break:keep-all; position: relative; font-size: .938em;}
.list-program .box .ico{position: absolute;left: 70px;top:50%;margin-top: -54px;}
.list-program .box .ico img{display: block;}
.list-program .txt{line-height: 1.67; color: #777}

.bbs-list .state{display: block;width: 70px;height: 30px;line-height: 30px; border-radius:5px;text-align: center; margin: 0 auto; letter-spacing: -.067em;}
.bbs-list .ing{margin-top: 5px;}
.bbs-list .tit dt{font-weight: 400; color: #333; margin-bottom: 1em; font-size: 1.063em;}

.btns-view{text-align: right; margin-top: 40px;}
.btns-view a,.btns-view button{display: inline-block;margin-left: 4px;vertical-align: middle; height: 40px;font-size: .938em; font-weight: 500;}
.btns-view a{line-height: 40px;text-align: center;;}
.btns-view .write{padding: 0 30px;}
.btns-view .list{padding: 0 20px; border:1px solid #ccc}
.btns-view .write span{padding-left: 24px; background: url('../img/bbs/ico-write.png') left center no-repeat}
.btns-view .list span{padding-left: 20px; background: url('../img/bbs/ico-list.png') left center no-repeat}
.btns-view > *:first-child{margin-left: 0;}


/* 회원 */
.member{
	width:760px;
	text-align:center;
	margin:0 auto;
	padding-top:60px;
	border:1px solid #d9d9d9;
	border-top:2px solid #4e402b;
}
.member__title{
	font-size:30px;
	font-weight:600;
	line-height:1;
	letter-spacing:-0.05em;
	margin-bottom:15px;
	color:#333;
}
.member__txt{
	font-size:15px;
	font-weight:400;
	line-height:22px;
	letter-spacing:-0.03em;
	margin-bottom:25px;
	color:#666;
}
.member__layout{
	width:480px;
	margin:0 auto;
}
.member__bottom{
	margin-top:30px;
	padding:40px 0 60px;
	background:#f5f5f5;
}
.member__bottom .title{
	font-size:24px;
	font-weight:500;
	line-height:1;
	letter-spacing:-0.03em;
	margin-bottom:30px;
}
.member__bottom ul.cont{
	display:flex;
	align-items:center;
	justify-content:center;
}
.member__bottom ul.cont > li{
	width:160px;
	padding-bottom:3px;
}
.member__bottom ul.cont > li:not(:last-child){
	border-right:1px dotted #494949;
}
.member__bottom ul.cont > li > button{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	letter-spacing:-0.05em;
	padding-top:75px;
	background-repeat:no-repeat;
	background-position:center 0;
}
.member__bottom ul.cont > li > button a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}
.member__bottom ul.cont > li > span{
	font-size:15px;
	color:#666;
}
.member__bottom ul.cont > li > button img{display:none;}
.member__bottom ul.cont > li.facebook-login > button{background-image:url('../img/etc/img_login_07.png');}
.member__bottom ul.cont > li.naver-login > button{background-image:url('../img/etc/img_login_10.png');}
.member__bottom ul.cont > li.kakao-login > button{background-image:url('../img/etc/img_login_12.png');}

/* 로그인 */
.login{}
.login__wrap{
	display:flex;
	align-items:start;
	justify-content:space-between;
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:1px solid #dedede;
}
.login__idpw{
	width:350px;
}
.login__idpw input[type="text"],
.login__idpw input[type="password"]{
	width:100%;
	height:45px;
	font-size:15px;
	text-align:left;
	padding-left:20px;
	border:1px solid #dbdbdb;
}
.login__idpw input[type="password"]{
	margin-top:9px;
}
.login__btn{
	width:120px;
	height:100px;
	font-size:17px;
	font-weight:400;
	line-height:100px;
	text-align:center;
	color:#fff;
	background:#1cb9bc;
}
.login__join{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:44px;
	padding-left:55px;
	background:url('../img/etc/img_login_03.png') no-repeat 0 0;
}
.login__join .txt{
	font-size:14px;
	line-height:20px;
	letter-spacing:-0.03em;
	text-align:left;
}
.login__join .txt .top{
	font-weight:500;
	margin-bottom:2px;
	color:#333;
}
.login__join .txt .bottom{
	font-weight:400;
	color:#666;
}
.login__join-btn{
	width:110px;
	height:35px;
	line-height:34px;
	color:#333;
	border:1px solid #dbdbdb;
}
.login__find-idpw{
	font-size:0;
	text-align:right;
	margin-bottom:25px;
}
.login__find-idpw a{
	display:inline-block;
	width:110px;
	height:30px;
	font-size:13px;
	font-weight:400;
	line-height:30px;
	text-align:center;
	margin-right:5px;
	color:#fff;
	background:#999;
}
.login__find-idpw a:last-child{margin-right:0;}

/* 회원가입 처음 */
.join-intro{}
.join-intro__btn{
	display:block;
	width:360px;
	height:45px;
	font-size:17px;
	line-height:45px;
	letter-spacing:-0.05em;
	margin:0 auto 50px;
}

/* ID/PW 찾기 */
.find_info{}
.member_find-form{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:20px;
}
.member_find-form > div{
	max-width:500px;
	margin:0 15px;
}

/* 회원가입 공통 */
div.join{
	width:1080px;
	margin:0 auto;
}
.join__step{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.join__step li{
	display:flex;
	align-items:center;
	margin-left:-27px;
}
.join__step li:first-child{margin-left:0;}
.join__step li::before,
.join__step li::after{
	display:block;
	width:27px;
	height:63px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.join__step li::before{
	background-image:url('../img/etc/join_step_before.png');
}
.join__step li::after{
	background-image:url('../img/etc/join_step_after.png');
}
.join__step li:not(:first-child)::before,
.join__step li:not(:last-child)::after{
	content:"";
}
.join__step li > *{
	display:block;
	width:249px;
	height:63px;
	font-size:18px;
	line-height:63px;
	letter-spacing:-0.05em;
	text-align:center;
	color:#777;
	background:#ececec;
}
.join__step li:first-child > *{padding-left:11px;}
.join__step li:last-child > *{padding-right:11px;}
.join__step li.current > *{
	color:#fff;
	background:#2a6bac;
}
.join__step li.current::before{
	background-image:url('../img/etc/join_step_before_c.png');
}
.join__step li.current::after{
	background-image:url('../img/etc/join_step_after_c.png');
}
.join__txt{
	font-size:15px;
	font-weight:400;
	line-height:22px;
	letter-spacing:-0.04em;
	color:#777;
}
.join__info{
	padding:40px 30px 40px 215px;
	background:url('../img/etc/img_join2_03.png') no-repeat 70px center #f6f6f6;
}
.join__info .top{
	font-size:22px;
	font-weight:500;
	line-height:30px;
	letter-spacing:-0.04em;
	margin-bottom:10px;
	color:#333;
}
.join__info .top strong{
	font-weight:500;
	color:#2a6bac;
}
.join__info .bottom{
	font-size:15px;
	line-height:25px;
	letter-spacing:-0.025em;
	color:#777;
}
.join__agree{
	font-size:0;
	text-align:center;
}
.join__agree > *{
	display:inline-block;
	vertical-align:middle;
}
.join__agree input[type="checkbox"]{
	width:16px;
	height:16px;
	margin-right:5px;
}
.join__agree input[type="checkbox"] + label{
	font-size:16px;
	letter-spacing:-0.04em;
	color:#333;
}
.join__btn-w{
	font-size:0;
	text-align:center;
}
.join__btn-w > button{
	display:inline-block;
	width:140px;
	height:40px;
	font-size:15px;
	line-height:40px;
}
.join__btn-w > button:not(:last-child){
	margin-right:5px;
}

/* 회원가입 약관동의 */
.step1__terms{
	height:205px;
	padding:30px;
	border:1px solid #e3e3e3;
	overflow-y:scroll;
}
.step1__terms table{
	margin:10px 0;
}
.step1__terms table tr th,
.step1__terms table tr td{
	text-align:center;
	padding:8px;
}
.step1__agree{
	text-align:right;
}

/* 회원가입 본인인증 */
.step2{}
.step2__cert-w{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.step2__cert-w .item{
	display:flex;
	align-items:center;
	width:530px;
	height:200px;
	padding-left:50px;
	border:1px solid #caced3;
	transition:0.3s all;
}
.step2__cert-w .item:hover{
	border-color:#2abdc0;
}
.step2__cert-w .item::before{
	content:"";
	display:block;
	width:95px;
	height:95px;
	margin-right:20px;
}
.step2__cert-w .item:nth-child(1)::before{
	background:url('../img/etc/img_join2_07.png') no-repeat 0 0 / 100% auto;
}
.step2__cert-w .item:nth-child(2)::before{
	background:url('../img/etc/img_join2_09.png') no-repeat 0 0 / 100% auto;
}
.step2__cert-w .item span{
	display:block;
	max-width:300px;
	font-size:14px;
	line-height:20px;
	letter-spacing:-0.025em;
	word-break:keep-all;
	color:#777;
}
.step2__cert-w .item strong{
	display:block;
	font-size:20px;
	font-weight:500;
	line-height:25px;
	letter-spacing:-0.025em;
	color:#333;
}

/* 회원가입 기본정보입력 */
.step3{}

/* 회원가입 기본정보입력 */
.step4{
	text-align:center;
}
.step4__completed{
	font-size:25px;
	font-weight:600;
	color:#454545;
	margin-top:75px;
	padding-top:275px;
	background:url('../img/etc/img_join4_03.jpg') no-repeat center 0;
}
.step4__txt{
	font-size:16px;
}

/* 회원탈퇴 */
.withdrawal{}
.withdrawal .join__info{
	background-image:url('../img/etc/img_withdrawal_03.png');
}
.withdrawal .join__info .bot{margin-top:0;}

/* 비전 및 전략 */
.visions__st{
	font-size:20px;
	font-weight:600;
	line-height:1;
	text-align:center;
	color:#01abae;
}
.visions__quotes{
	font-size:33px;
	font-weight:600;
	line-height:1;
	letter-spacing:-0.03em;
	text-align:center;
}
.visions__quotes::before,
.visions__quotes::after{
	content:"";
	display:inline-block;
	width:25px;
	height:40px;
	vertical-align:bottom;	
}
.visions__quotes::before{
	background:url('../img/intro/vision_03.png') no-repeat 0 0;
	margin-right:15px;
}
.visions__quotes::after{
	background:url('../img/intro/vision_05.png') no-repeat 0 0;
	margin-left:15px;
}
.visions__mission{
	height:420px;
	padding-top:60px;
	text-align:center;
	background:url('../img/intro/vision_10.png') no-repeat 0 0 / 100% auto;
}
.visions__mission > ul{
	display:flex;
	align-items:center;
	justify-content:center;
}
.visions__mission > ul > li{
	display:block;
	width:230px;
	height:230px;
	margin:0 35px;
	padding-top:70px;
	vertical-align:middle;
	border-radius:100%;
}
.visions__mission > ul > li > *{color:#fff;}
.visions__mission > ul > li .s-txt{
	font-size:20px;
	line-height:25px;
	letter-spacing:-0.02em;
	margin-bottom:20px;
}
.visions__mission > ul > li .l-txt{
	font-size:30px;
	font-weight:300;
	line-height:1;
	letter-spacing:0;
}
.visions__strategy{
	display:flex;
	align-items:start;
}
.visions__strategy > li{
	flex:1;
	max-width:25%;
	padding-right:15px;
	word-break:keep-all;
}
.visions__strategy > li .title{
	font-size:24px;
	line-height:1;
	margin-bottom:25px;
	color:#333;
}
.visions__strategy > li::before{
	content:"";
	display:block;
	width:100%;
	height:75px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.visions__strategy > li:nth-child(1)::before{background-image:url('../img/intro/vision_13.png');}
.visions__strategy > li:nth-child(2)::before{background-image:url('../img/intro/vision_15.png');}
.visions__strategy > li:nth-child(3)::before{background-image:url('../img/intro/vision_17.png');}
.visions__strategy > li:nth-child(4)::before{background-image:url('../img/intro/vision_19.png');}
.visions__box{
	margin-top:65px;
	padding:0 30px 20px;
	text-align:center;
	border:2px solid #e5e7e8;
	border-radius:10px;
}
.visions__box .title{
	display:inline-block;
	height:60px;
	font-size:25px;
	font-weight:300;
	line-height:60px;
	margin:-30px auto 40px;
	padding:0 90px;
	color:#fff;
	background:#1774c3;
	border-radius:60px;
}
.visions__box .middle-li{
	font-size:0;
	text-align:center;
}
.visions__box .middle-li > li{
	display:inline-block;
	overflow:hidden;
}
.visions__box .middle-li > li > *{
	display:inline-block;
	width:307px;
	font-size:0;
	vertical-align:middle;
}
.visions__box .middle-li > li:not(:last-child)::after{
	content:"";
	display:inline-block;
	width:47px;
	height:11px;
	vertical-align:middle;
	background:url('../img/intro/vision_26.png') no-repeat center;
}
.visions__box .middle-li > li .top{
	font-size:22px;
	font-weight:500;
	line-height:1;
	padding:22px 0;
	color:#333;
	border:2px solid #e5e7e8;
	border-bottom:0;
	border-radius:10px 10px 0 0;
}
.visions__box .middle-li > li .bot{
	font-size:18px;
	line-height:1;
	margin-top:0;
	padding:22px 0;
	color:#fff;
	background:#1cb9bc;
	border-radius:0 0 10px 10px;
}
.visions__box .bottom-li{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:start;
	margin-top:20px;
}
.visions__box .bottom-li > li{
	width:248px;
	height:50px;
	font-size:18px;
	font-weight:300;
	line-height:50px;
	color:#666;
	background:#e5e7e8;
	border-radius:10px;
}
.visions__box .bottom-li > li:nth-child(n+5){
	margin-top:8px;
}
.visions__table tbody tr td{
	vertical-align:text-top;
}
.visions__table strong{
	display:block;
	font-size:20px;
	line-height:25px;
	margin-bottom:10px;
}
/*.visions__table tbody tr td:not(:first-child){padding-left:70px;}*/


/* 조직도 */
.org-chart{}
.org-chart__top{
	position:relative;
	width:910px;
	height:740px;
	text-align:center;
	margin:0 auto 50px;
}
.org-chart__top::before,
.org-chart__top::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border:1px solid #e3e3e3;
	border-radius:100%;
	transform:translate(-50%, -50%);
}
.org-chart__top::before{
	width:595px;
	height:595px;
	background:#fbfbfb;
	z-index:0;
}
.org-chart__top::after{
	width:475px;
	height:475px;
	background:#fdfdfd;
	z-index:1;
}
.org-chart__top .center{
	position:absolute;
	top:50%;
	left:50%;
	width:350px;
	height:350px;
	text-align:center;
	padding-top:55px;
	background:#009257;
	border:20px solid #ddf3ea;
	border-radius:100%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	z-index:2;
}
.org-chart__top .center::after{
	content:"";
	position:absolute;
	bottom:0;
	display:block;
	width:200%;
	height:195px;
	background:#009d60;
	transform:rotate(-35deg);
}
.org-chart__top .center > *{
	position:relative;
	z-index:2;
}
.org-chart__top .title{
	font-size:20px;
	font-weight:600;
	line-height:1;
	letter-spacing:-0.02em;
	text-align:center;
	margin-bottom:10px;
	padding-top:70px;
	color:#fff;
	background:url('../img/intro/org_chart_03.png') no-repeat center 0;
}
.org-chart__top .txt{
	display:inline-block;
	font-weight:300;
	text-align:left;
	color:#bfefdc;
}
.org-chart__top ul{
	position:relative;
	width:100%;
	height:calc(100% - 20px);
	z-index:3;
}
.org-chart__top ul > li{
	position:absolute;
	display:flex;
	align-items:center;
	width:260px;
	height:170px;
	text-align:left;
	padding:0 30px;
	background:#fff;
	border:1px solid #bcc1c3;
	border-radius:10px;
}
.org-chart__top ul > li::before{
	position:absolute;
	content:"";
	width:22px;
	height:22px;
	border:4px solid #fff;
	border-radius:100%;
	box-sizing:border-box;
}
.org-chart__top ul > li strong{
	display:block;
	font-size:20px;
	font-weight:600;
	line-height:25px;
	letter-spacing:-0.02em;
	margin-bottom:5px;
}
.org-chart__top ul > li p{
	font-size:15px;
	line-height:20px;
	color:#666;
}
.org-chart__top ul > li:nth-child(1){
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.org-chart__top ul > li:nth-child(2),
.org-chart__top ul > li:nth-child(3){bottom:275px;}
.org-chart__top ul > li:nth-child(2){left:0;}
.org-chart__top ul > li:nth-child(3){right:0;}
.org-chart__top ul > li:nth-child(4),
.org-chart__top ul > li:nth-child(5){bottom:0;}
.org-chart__top ul > li:nth-child(4){left:145px;}
.org-chart__top ul > li:nth-child(5){right:145px;}
.org-chart__top ul > li:nth-child(1)::before{
	left:50%;
	bottom:-12px;
	background:#70b31c;
	transform:translateX(-50%);
}
.org-chart__top ul > li:nth-child(1) strong{color:#70b31c;}
.org-chart__top ul > li:nth-child(2)::before{
	top:50%;
	right:-12px;
	background:#0faf80;
	transform:translateY(-50%);
}
.org-chart__top ul > li:nth-child(2) strong{color:#0faf80;}
.org-chart__top ul > li:nth-child(3)::before{
	top:50%;
	left:-12px;
	background:#1d79ba;
	transform:translateY(-50%);
}
.org-chart__top ul > li:nth-child(3) strong{color:#1d79ba;}
.org-chart__top ul > li:nth-child(4)::before{
	right:85px;
	top:-12px;
	background:#10b8b6;
}
.org-chart__top ul > li:nth-child(4) strong{color:#10b8b6;}
.org-chart__top ul > li:nth-child(5)::before{
	left:85px;
	top:-12px;
	background:#0d9aab;
}
.org-chart__top ul > li:nth-child(5) strong{color:#0d9aab;}
.org-chart__bot{
	width:880px;
	text-align:center;
	margin:0 auto;
}
.org-chart__chart-ti{
	width:188px;
	height:188px;
	font-size:18px;
	font-weight:600;
	line-height:1;
	text-shadow:0px 0px 3px #333;
	margin:0 auto;
	padding-top:75px;
	color:#fff;
	background:url('../img/intro/org_chart_07.png')
}
.org-chart__chart-ti span{
	display:block;
	font-size:24px;
	margin-bottom:10px;
}
.org-chart__chart-cont{
	position:relative;
	display:flex;
	align-items:start;
	justify-content:space-between;
	padding:20px 0 50px;
}
.org-chart__chart-cont::before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	display:block;
	width:1px;
	height:100%;
	margin:0 auto;
	background:#d9d9d9;
	z-index:0;
}
.org-chart__chart-cont ul{
	position:relative;
	width:245px;
	z-index:1;
}
.org-chart__chart-cont ul > li{
	height:40px;
	font-size:15px;
	line-height:40px;
	color:#666;
	background:#f7f7f7;
	border:1px solid #d7d7d7;
	border-top:0;
}
.org-chart__chart-cont ul > li:first-child{
	height:45px;
	font-size:18px;
	line-height:45px;
	border-width:0 0 1px;
	color:#fff;
}
.org-chart__chart-cont .left{}
.org-chart__chart-cont .left > li:first-child{background:#1cb9bc;}
.org-chart__chart-cont .center{
	width:390px;
	margin-top:23px;
	padding:56px 70px 0;
	border-top:1px solid #d9d9d9;
}
.org-chart__chart-cont .center > li:first-child{background:#109665;}
.org-chart__chart-cont .right{}
.org-chart__chart-cont .right > li:first-child{background:#1d79ba;}
.org-chart__chart-low{
	position:relative;
	display:flex;
	justify-content:space-between;
}
.org-chart__chart-low::before{
	content:"";
	position:absolute;
	top:0;
	left:102px;
	width:675px;
	height:1px;
	background:#d9d9d9;
}
.org-chart__chart-low li{
	position:relative;
	width:204px;
	height:47px;
	font-size:16px;
	line-height:47px;
	margin-top:30px;
	color:#fff;
	background:#6b7786;
}
.org-chart__chart-low li::before{
	content:"";
	position:absolute;
	top:-30px;
	left:calc(50% - 1px);
	height:30px;
	width:1px;
	background:#d9d9d9;
}

/* 연혁 */
.history{white-space:nowrap;}
.history .tab-item{
	width:0;
	opacity:0;
	transition:ease 0.5s;
}
.history .tab-item.on{
	width:100%;
	opacity:1;
}
.history .tab-item *{transition:ease 0.5s;}
.history__wrap{
	display:flex;
	flex-wrap:nowrap;
	align-items:start;
	justify-content:space-between;
	margin-top:90px;
}
.history__year{
	font-family:"Roboto";
	font-size:58px;
	font-weight:700;
	line-height:1;
	margin-right:80px;
	padding-left:70px;
	color:#01a2a5;
}
.history__list{
	width:100%;
	padding-top:5px;
}
.history__list > li{
	position:relative;
	padding-left:45px;
}
.history__list > li:not(:last-child){padding-bottom:25px;}
.history__list > li:not(:last-child)::before{
	content:"";
	position:absolute;
	top:7px;
	left:0;
	display:block;
	width:1px;
	height:100%;
	background:#cdebec;
}
.history__list > li::after{
	content:"";
	position:absolute;
	top:7px;
	left:-5px;
	display:block;
	width:11px;
	height:11px;
	background:#01a2a5;
	border-radius:100%;
}
.history__list > li > span{
	position:relative;
	display:block;
	font-size:16px;
	line-height:26px;
	letter-spacing:-0.02em;
	padding-left:45px;
	color:#666;
}
.history__list > li > span::before{
	position:absolute;
	top:0;
	left:0;
	font-family:"Roboto";
	font-size:20px;
	font-weight:700;
	color:#454545;
}
.history__list > li.month1 > span::before{content:"01";}
.history__list > li.month2 > span::before{content:"02";}
.history__list > li.month3 > span::before{content:"03";}
.history__list > li.month4 > span::before{content:"04";}
.history__list > li.month5 > span::before{content:"05";}
.history__list > li.month6 > span::before{content:"06";}
.history__list > li.month7 > span::before{content:"07";}
.history__list > li.month8 > span::before{content:"08";}
.history__list > li.month9 > span::before{content:"09";}
.history__list > li.month10 > span::before{content:"10";}
.history__list > li.month11 > span::before{content:"11";}
.history__list > li.month12 > span::before{content:"12";}

/* 이용안내 */
.guide{}
.guide__top-txt1{
	font-size:25px;
	line-height:1;
	letter-spacing:-0.03em;
	color:#333;
}
.guide__top-txt2{
	font-size:30px;
	line-height:1;
	letter-spacing:-0.03em;
	color:#333;
}
.guide__top-txt2 span{
	font-weight:600;
	color:#01a2a5;
}
.guide__fac{
	display:flex;
	justify-content:space-between;
}
.guide__fac > li{
	width:258px;
	border:1px solid #dedede;
	overflow:hidden;
}
.guide__fac img{
	display:block;
	margin:0 auto;
}
.guide__fac p{
	font-size:18px;
	line-height:23px;
	text-align:center;
	padding:20px 0;
	color:#333;
	background:#f7f7f7;
}

/* 오시는 길 */
.location{}
.location__info{
	font-size:0;
	margin-top:20px;
	padding:25px 50px;
	border:1px solid #dedede;
}
.location__info p{
	display:inline-block;
	vertical-align:top;
	min-height:30px;
	font-size:17px;
	line-height:27px;
	letter-spacing:-0.025em;
	padding-left:35px;
	color:#333;
}
.location__info .address{
	margin-right:75px;
	background:url('../img/intro/location_03.png') no-repeat 0 0;
}
.location__info .contact{
	background:url('../img/intro/location_06.png') no-repeat 0 0;
}
.location__traffic{
	min-height:100px;
	padding:5px 0 0 155px;
}
.location__traffic .title{
	font-size:20px;
	font-weight:600;
	line-height:23px;
	letter-spacing:-0.025em;
	color:#333;
}
.location__traffic .f-box{
	display:flex;
}
.location__traffic .f-box > div:first-child{
	margin-right:45px;
}

.location__traffic.subway{
	background:url('../img/intro/location_11.png') no-repeat 0 0;
}
.location__traffic.bus{
	background:url('../img/intro/location_12.png') no-repeat 0 0;
}
.location__traffic.car{
	background:url('../img/intro/location_14.png') no-repeat 0 0;
}

.subway__line{
	display:inline-block;
	font-size:15px;
	line-height:27px;
	letter-spacing:-0.025em;
	vertical-align:middle;
}
.subway__line::before{
	content:"";
	display:inline-block;
	width:25px;
	height:25px;
	font-size:14px;
	font-weight:500;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	margin-right:5px;
	color:#fff;
	border-radius:100%;
}
.subway__line.l1{}
.subway__line.l2{color:#37b42d;}
.subway__line.l2::before{content:"2"; background:#37b42d;}
.subway__line.l3{color:#fa5f2c;}
.subway__line.l3::before{content:"3"; background:#fa5f2c;}
.subway__line.l4{}
.subway__line.l5{}
.subway__line.l6{}
.subway__line.l7{}
.subway__line.l8{}
.subway__line.l9{}
.subway__line.lk{color:#77c4a3;}
.subway__line.lk::before{content:"경"; background:#77c4a3;}


/* 사업내용 */

.edu__gongmo{
	display:flex;
	justify-content:space-between;
}
.edu__gongmo > li{
	width:258px;
	border:1px solid #dedede;
	overflow:hidden;
}
/*
.edu__gongmo img{
	display:block;
	margin:0 auto;
}
.edu__gongmo p{
	font-size:18px;
	line-height:23px;
	text-align:center;
	padding:20px 0;
	color:#333;
	background:#f7f7f7;
}
.edu__gongmo li::before,
.edu__gongmo li::after{
	position:absolute;
	top:50px;
	display:block;
	width:9px;
	height:9px;
	background:#e5e7e8;
	border-radius:100%;
}
.edu__gongmo li:not(:first-child)::before{
	content:"";
	left:3px;
}
.edu__gongmo li:not(:last-child)::after{
	content:"";
	right:3px;
}
*/

 /* 1. 기본 리스트 스타일 초기화 */
.arrow-list {
  display: flex; /* 가로 정렬 */
  list-style: none; /* 불릿 없애기 */
  padding: 0;
  margin: 0;
  align-items: center; /* 세로 중앙 정렬 */
}

.arrow-list li {
  display: flex;
  align-items: center; /* 텍스트와 화살표 세로 맞춤 */
  font-size: 14px;
  color: #333;
}

/* 2. 화살표 추가 (가상 요소) */
.arrow-list li:not(:last-child)::after {
  content: "→"; /* 화살표 문자 (또는 이미지) */
  margin: 0 10px; /* 화살표 좌우 간격 */
  color: #888; /* 화살표 색상 */
}
.arrow-list li > div{
	border: 1px solid #f7f7f7;
	background:#f7f7f7;
	text-align: center; 
} 
.arrow-list li > div > div{
	border: 1px solid #f7f7f7;
	background:#ffffff;
	text-align: left;	
}

.biz-plan__ul{
	display:flex;
	align-items:start;
	justify-content:center;
	margin-bottom:25px;
}
.biz-plan__ul li{
	position:relative;
	width:180px;
	text-align:center;
}
.biz-plan__ul li::before,
.biz-plan__ul li::after{
	position:absolute;
	top:50px;
	display:block;
	width:9px;
	height:9px;
	background:#e5e7e8;
	border-radius:100%;
}
.biz-plan__ul li:not(:first-child)::before{
	content:"";
	left:3px;
}
.biz-plan__ul li:not(:last-child)::after{
	content:"";
	right:3px;
}
.biz-plan__ul .circle{
	width:120px;
	height:120px;
	font-size:16px;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.025em;
	margin:0 auto;
	color:#fff;
	border-radius:100%;
	padding-top:30px;
}
.biz-plan__ul .txt{
	font-size:15px;
	font-weight:600;
	line-height:20px;
	letter-spacing:-0.025em;
	margin-top:15px;
	color:#777;

}

/* 사업일정 */
.schedule{}
.schedule__table{}
.schedule__table thead tr th{
	height:50px;
	padding:0;
	border-bottom-width:2px;
}
.schedule__table tbody tr th{
	padding:0 0 0 60px;
}
.schedule__table tbody tr td{
	height:40px;
	padding:0;
}
.schedule__table tbody tr td.al-left{
	padding-left:15px;
}
.schedule__table .lighter{
	position:relative;
	padding:15px 0;
}
.schedule__table .lighter::before{
	content:"";
	display:block;
	width:100%;
	height:10px;
}
.schedule__table .lighter.light-cl1::before{background:#a0e1be;}
.schedule__table .lighter.light-cl2::before{background:#8ddcdd;}
.schedule__table .lighter.light-cl3::before{background:#bae0f3;}
.schedule__table .lighter.light-cl4::before{background:#8bb9e1;}
.schedule__table .total.sum{background:#ead2ae;}
.schedule__table .total.sub-sum{background:#daeef7;}

/* 화상영어학습 */
.vid-learn01 .info-box::before{background-image:url('../img/program/video_learning_03.png');}
.vid-learn01__bottom{
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	width:265px;
	height:50px;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	letter-spacing:-0.025em;
	color:#454545;
	border:1px solid #bababa;
}
.vid-learn01__bottom::before{
	content:"";
	display:inline-block;
	width:21px;
	height:19px;
	margin-right:8px;
	background:url('../img/program/video_learning_04.png') no-repeat 0 0;
}

/* 사이버 강좌 */
.cyber-lect{}
.cyber-lect__top{
	font-size:22px;
	font-weight:500;
	line-height:30px;
	letter-spacing:-0.05em;
	margin-bottom:25px;
	color:#333;
}
.cyber-lect__top span{color:#2a6bac;}
.cyber-lect__bot{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.cyber-lect__box{
	flex:1;
	max-width:300px;
	height:330px;
	text-align:center;
	padding-top:50px;
	border:1px solid #cdcdcd;
	transition:all 0.5s;
}
.cyber-lect__box:hover{
	background:#edfafa;
}
.cyber-lect__box::before{
	content:"";
	display:block;
	width:100%;
	height:80px;
	background-position:center top;
	background-repeat:no-repeat;
}
.cyber-lect__box.ico-pc::before{background-image:url('../img/program/cyber_lect_06.png');}
.cyber-lect__box.ico-mo::before{background-image:url('../img/program/cyber_lect_03.png');}
.cyber-lect__box:not(:last-child){margin-right:20px;}
.cyber-lect__box .title{
	font-size:20px;
	font-weight:500;
	line-height:25px;
	letter-spacing:-0.025em;
	color:#333;
}
.cyber-lect__box .url{
	font-size:14px;
	line-height:18px;
	margin-top:5px;
	color:#777;
}
.cyber-lect__box .button{
	position:relative;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:20px auto 0;
	color:#fff;
	background:#1cb9bc;
	transition:all 0.5s;
	overflow:hidden;
}
.cyber-lect__box .button span{
	position:relative;
	z-index:2;
}
.cyber-lect__box .button::before{
	content:"";
	position:absolute;
	top:-200px;
	left:-200px;
	width:200px;
	height:200px;
	background:#3e4452;
	border-radius:100%;
	transition:all 0.5s;
	z-index:1;
}
.cyber-lect__box:hover .button::before{
 	top:-100px;
	left:-50px;
}


/* 학습동아리 소개 및 지원정책 */
.part-intro{}
.part-intro__info{background:url('../img/network/part_support_03.jpg') no-repeat 0 0 / 100% auto;}
.part-intro__ul{
	display:flex;
	align-items:start;
	justify-content:center;
	margin-bottom:60px;
}
.part-intro__ul li{
	position:relative;
	width:180px;
	text-align:center;
}
.part-intro__ul li::before,
.part-intro__ul li::after{
	position:absolute;
	top:50px;
	display:block;
	width:9px;
	height:9px;
	background:#e5e7e8;
	border-radius:100%;
}
.part-intro__ul li:not(:first-child)::before{
	content:"";
	left:3px;
}
.part-intro__ul li:not(:last-child)::after{
	content:"";
	right:3px;
}
.part-intro__ul .circle{
	width:100px;
	height:100px;
	font-size:22px;
	font-weight:600;
	line-height:100px;
	letter-spacing:-0.025em;
	margin:0 auto;
	color:#fff;
	border-radius:100%;
}
.part-intro__ul .txt{
	font-size:15px;
	line-height:20px;
	letter-spacing:-0.025em;
	margin-top:15px;
	color:#777;
}

/* 강사은행 소개 및 지원정책 */
.lect-intro{}
.lect-intro__info{background:url('../img/network/lect_support2_03.jpg') no-repeat 0 0 / 100% auto;}
.lect-intro__set{
	display:block;
	font-size:22px;
	line-height:25px;
	letter-spacing:-0.02em;
	vertical-align:middle;
	color:#333;
	border-bottom:1px solid;
	border-radius:5px 5px 0 0;
	overflow:hidden;
}
.lect-intro__set span{
	display:inline-block;
	width:70px;
	height:70px;
	font-size:24px;
	font-weight:600;
	line-height:70px;
	text-align:center;
	margin-right:30px;
	color:#fff;
}
.lect-intro__set.st1{background:#cbeeec; border-color:#1cb9bc;}
.lect-intro__set.st1 span{background:#1cb9bc;}
.lect-intro__set.st2{background:#d0e8f4; border-color:#188ec8;}
.lect-intro__set.st2 span{background:#188ec8;}
.lect-intro__set.st3{background:#a7efc9; border-color:#30b870;}
.lect-intro__set.st3 span{background:#30b870;}

.lect-intro__set-box{
	display:flex;
	align-items:center;
	padding-left:70px;
}
.lect-intro__set-box ul{margin-left:35px;}
.lect-intro__set-box ul li strong{
	font-weight:400;
	color:#333;
}
.lect-intro__content-box{
	display:flex;
	align-items:center;
	padding:25px 70px;
	background:#f6f6f6;
}
.lect-intro__content-box img{margin-right:40px;}


@media (max-width:1400px){

	#sub_page{
		padding:85px 1.2em 60px;
	}

	.tab-flex{
		display:flex;
		flex-wrap:wrap;
	}
	.tab-flex li{
		flex:1;
		width:auto;
		min-width:180px;
	}

	/* 비전 및 전략 */
	.visions__box{margin-top:50px;}
	.visions__box .title{
		font-size:22px;
		margin-bottom:30px;
	}
	.visions__mission > ul > li{margin:0 15px;}
	.visions__box .middle-li > li > *{width:200px;}
	.visions__box .middle-li > li .top{
		font-size:20px;
		padding:17px 0;
	}
	.visions__box .middle-li > li .bot{
		font-size:17px;
		padding:20px 0;
	}
	.visions__box .middle-li > li:not(:last-child)::after{margin:0 5px;}
	.visions__box .bottom-li > li{width:24%;}
	
	/* 연혁 */
	.history{
		white-space:normal;
		word-break:keep-all;
	}
	.history .tab-item{width:100%;}
	.history__wrap{margin-top:75px;}
	.history__year{
		margin-right:45px;
		padding-left:60px;
	}
	.history__list{width:75%;}

	/* 오시는 길 */
	.root_daum_roughmap_landing{width:100% !important;}
	.root_daum_roughmap .wrap_map{height:50vw !important;}
	.location__info{
		min-height:25px;
		font-size:16px;
		padding:25px 30px;
	}

	.btns-view .write span{font-size:14px;}
	.btns-view .list span{font-size:14px;}

	.img-list li{margin:5px 0;}

	/* 소개 및 지원정책 */
	.part-intro__info,
	.lect-intro__info{background-size:120%;}

	/* 회원가입*/
	div.join{width:100%;}
	.join__step li{
		flex:1;
		margin-left:-20px;
	}
	.join__step li > *{width:calc(100% - 54px);}
	.join__step li:first-child > *,
	.join__step li:last-child > *{width:calc(100% - 27px);}

}
@media (max-width:1024px){

	.hide-tabi{display:none !important;}

	/* 여백 */
	.pt15{padding-top:10px;}
	.pt20{padding-top:15px;}
	.pt25{padding-top:20px;}
	.pt30{padding-top:25px;}
	.pt35{padding-top:30px;}
	.pt40{padding-top:30px;}
	.pt45{padding-top:35px;}
	.pt50{padding-top:35px;}

	.pb15{padding-bottom:10px;}
	.pb20{padding-bottom:15px;}
	.pb25{padding-bottom:20px;}
	.pb30{padding-bottom:25px;}
	.pb35{padding-bottom:30px;}
	.pb40{padding-bottom:30px;}
	.pb45{padding-bottom:35px;}
	.pb50{padding-bottom:35px;}

	.pl20{padding-left:15px;}
	.pl25{padding-left:20px;}
	.pl30{padding-left:25px;}
	.pl35{padding-left:30px;}
	.pl40{padding-left:30px;}
	.pl45{padding-left:35px;}
	.pl50{padding-left:35px;}

	.pr20{padding-right:15px;}
	.pr25{padding-right:20px;}
	.pr30{padding-right:25px;}
	.pr35{padding-right:30px;}
	.pr40{padding-right:30px;}
	.pr45{padding-right:35px;}
	.pr50{padding-right:35px;}

	.mt15{margin-top:10px;}
	.mt20{margin-top:15px;}
	.mt25{margin-top:20px;}
	.mt30{margin-top:25px;}
	.mt35{margin-top:30px;}
	.mt40{margin-top:30px;}
	.mt45{margin-top:35px;}
	.mt50{margin-top:35px;}

	.ml20{margin-left:10px;}
	.ml25{margin-left:15px;}
	.ml30{margin-left:20px;}
	.ml35{margin-left:25px;}
	.ml40{margin-left:25px;}
	.ml45{margin-left:30px;}
	.ml50{margin-left:35px;}

	.mr20{margin-right:10px;}
	.mr25{margin-right:15px;}
	.mr30{margin-right:20px;}
	.mr35{margin-right:25px;}
	.mr40{margin-right:25px;}
	.mr45{margin-right:30px;}
	.mr50{margin-right:35px;}

	.mb15{margin-bottom:10px;}
	.mb20{margin-bottom:15px;}
	.mb25{margin-bottom:20px;}
	.mb30{margin-bottom:25px;}
	.mb35{margin-bottom:30px;}
	.mb40{margin-bottom:30px;}
	.mb45{margin-bottom:30px;}
	.mb50{margin-bottom:35px;}
	.mb55{margin-bottom:40px;}
	.mb60{margin-bottom:45px;}

	/* 공통 */
	.tit-st1{
		margin-bottom:10px;
		padding-left:15px;
	}
	.tit-st2{font-size:22px;}
	.tabs-st1 > li{width:175px;}
	.nm-txt{word-break:keep-all;}
	.info-box{padding:30px;}
	.info-box::before{content:none;}
	.info-box .title{margin-bottom:8px;}

	/* 인사말 */
	.greeting .top{
		position:relative;
		min-height:480px;
		font-size:30px;
		padding:0;
		background-position:center bottom;
	}
	.greeting .top p{
		position:absolute;
		top:0;
		left:50%;
		width:80%;
		margin-left:0;
		padding:30px 0;
		transform:translateX(-50%);
	}
	.greeting .top p:before,
	.greeting .top p:after{font-size:100px;}

	/* 비전 및 전략 */
	.visions__strategy{flex-wrap:wrap;}
	.visions__strategy > li{
		min-width:50%;
		margin:10px 0;
	}
	.visions__box .middle-li > li > *{width:165px;}
	.visions__box .middle-li > li .top{font-size:18px;}
	.visions__box .middle-li > li .bot{font-size:16px;	padding:18px 0;
	}
	.visions__box .bottom-li > li{width:32.5%;}
	.visions__box .bottom-li > li:nth-child(n+4){margin-top:8px;}

	/* 죠직도 */
	.org-chart__top{
		width:100%;
		height:auto;
	}
	.org-chart__top *{transition:0.5s ease;}
	.org-chart__top .center{
		position:relative;
		top:0;
		left:0;
		width:380px;
		height:250px;
		margin:0 auto 20px;
		padding-top:25px;
		border-radius:150px;
		border-width:10px;
		transform:none;
	}
	.org-chart__top::before,
	.org-chart__top::after{top:350px;}
	.org-chart__top::before{
		width:600px;
		height:550px;
	}
	.org-chart__top::after{
		width:515px;
		height:465px;
	}
	.org-chart__top .center::after{height:155px;}
	.org-chart__top ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.org-chart__top ul > li{
		position:static;
		margin:5px;
		transform:none;
	}
	.org-chart__top ul > li::before{display:none;}
	.org-chart__top ul > li:nth-child(1){
		transform:none;
	}
	.org-chart__bot{width:100%;}
	.org-chart__chart-cont{flex-wrap:wrap;}
	.org-chart__chart-cont ul{width:100%;}
	.org-chart__chart-cont .center{
		width:100%;
		padding:0;
		order:3;
	}
	.org-chart__chart-cont .right{margin-top:23px;}
	.org-chart__chart-low::before{
		left:49.95%;
		width:76.1%;
		transform:translateX(-50%);	
	}
	.org-chart__chart-low li{width:24%;}

	/* 연혁 */
	.history__wrap{
		justify-content:left;
		margin-top:60px;
	}
	.history__year{
		font-size:48px;
		padding-left:30px;
		margin-right:35px;
	}
	.history__list{width:auto;}
	.history__list > li{padding-left:30px;}
	.history__list > li > span{padding-left:35px;}

	/* 이용안내 */
	.guide__top-txt1{font-size:22px;}
	.guide__top-txt2{font-size:25px;}
	.guide__fac > li:not(:last-child){border-right:0;}
	.guide__fac p{
		font-size:16px;
		line-height:20px;
		padding:10px 0;		
	}
	.th-step{
		width:100%;
		margin-top:15px;
		margin-left:0;
		padding-left:50px;
		background-size:100%;
	}
	.th-step li{
		width:130px;
		height:130px;
		padding:5px;
		border-width:5px;
	}
	.th-step li p{
		width:120px;
		height:120px;
		font-size:13px;
		word-break:keep-all;
	}
	.th-step li:not(:last-child){
		margin-right:30px;
	}

	/* 소개 및 지원정책 */
	.lect-intro__info,
	.part-intro__info{background-size:auto;}
	.page-info .txt-box{padding-top:30px;}
	.page-info .txt-box img{margin-bottom:7px;}

	/* 오씨는길 */
	.location .tab-st3{
		display:flex;
		flex-wrap:wrap;
	}
	.location .tab-st3 > li{
		flex:1;
		width:auto;
		min-width:280px;
	}
	.location__info p{
		min-height:25px;
		font-size:15px;
		line-height:20px;
		padding-left:30px;
	}
	.location__info p:not(:last-child){
		margin-bottom:10px;
	}
	.location__info .address{
		background-size:20px;
	}
	.location__info .contact{
		background-size:18px;
	}
	.location__traffic{
		margin-left:5px;
		padding:0;
	}
	.location__traffic.subway,
	.location__traffic.bus,
	.location__traffic.car{background:none;}
	.location__traffic .title{
		font-size:18px;
		line-height:20px;
	}
	.location__traffic .f-box{display:block;}
	.location__traffic .f-box > div:first-child{margin-right:0;}
	.subway__line::before{
		width:22px;
		height:22px;
		line-height:23px;
	}
	
	/* 프로그램 목록 */
	.list-program .box{
		font-size:14px;
		padding:30px 25px 30px 150px;
	}
	.list-program .box .ico{
		left:30px;
		margin-top:0;
		transform:translateY(-50%);
	}
	.list-program .box .ico img{width:90px;}
	
	/* 회원가입 공통 */
	.join__agree{
		text-align:left;
		word-break:keep-all;
	}
	.join__agree input[type="checkbox"]{
		width:14px;
		height:14px;
		vertical-align:top;
		margin:3px 3px 0 0;
	}
	.join__agree input[type="checkbox"] + label{
		font-size:14px;
		max-width:95%;
	}
	.join__btn-w > button{
		width:100px;
		height:35px;
		line-height:35px;
		vertical-align:top;		
	}
	.join__info{
		padding:30px 30px 30px 170px;
		word-break:keep-all;
		background-position:35px center;
	}

}
@media (max-width:720px){

	.hide-mobi{display:none !important;}

	#sub_page{padding:65px 4.5vw 60px;}

	.tit-st2{
		font-size:20px;
		margin-bottom:15px;
	}

	.tab-st3{
		text-align:center;
		padding-top:5px;
		border-width:0;
	}
	.tab-st3 > li{
		width:auto !important;
		height:30px;
		margin:0 7.5px;
	}
	.tab-st3 > li a{
		font-size:16px;
		font-weight:400;
		line-height:30px;
		letter-spacing:-0.05em;
		padding:0 5px;
		background:none;
		border:0;
	}
	.tab-st3 > li a::after{display:none;}
	.tab-st3 > li a::before{
		top:unset;
		bottom:-3px;
	}
	.tab-st3 > li.on a{font-weight:500;}
	.tab-st3 > li.on a::before{
		top:unset;
		bottom:0;
	}

	.content-list li{
		font-size:14px;
		line-height:18px;
	}

	.info-box{
		font-size:14px;
		line-height:18px;
		word-break:keep-all;
		padding:20px;
	}
	.info-box .title{
		font-size:18px;
	}

	/* 인사말 */
	.greeting{word-break:keep-all;}
	.greeting .top{
		min-height:430px;
		font-size:23px;
	}
	.greeting .top p{width:100%;}
	.greeting .top p:before,
	.greeting .top p:after{font-size:65px}
	.greeting .txt{font-size:14px;}
	.greeting .sign img{
		width:60px;
		height:auto;
	}

	/* 비전 및 전략 */
	.visions__st{font-size:18px;}
	.visions__quotes{font-size:23px;}
	.visions__quotes::before,
	.visions__quotes::after{
		width:20px;
		height:25px;
		background-size:100%;
	}
	.visions__quotes::before{margin-right:10px;}
	.visions__quotes::after{margin-left:10px;}
	.visions__mission{
		height:auto;
		padding-top:35px;
		padding-bottom:50px;
	}
	.visions__mission > ul{flex-wrap:wrap;}
	.visions__mission > ul > li{
		width:155px;
		height:155px;
		margin:0 5px;
		padding:35px 0;
	}
	.visions__mission > ul > li .s-txt{
		font-size:16px;
		margin-bottom:10px;
	}
	.visions__mission > ul > li .l-txt{font-size:22px;}
	.visions__strategy > li{
		min-width:100%;
		text-align:center;
		padding-right:0;
	}
	.visions__strategy > li::before{background-position:center;}
	.visions__box{margin-top:40px;}
	.visions__box .title{
		height:45px;
		font-size:16px;
		line-height:45px;
		padding:0 30px;
		margin-bottom:25px;
	}
	.visions__box .bottom-li > li{
		width:49%;
		height:45px;
		font-size:16px;
		line-height:47px;
	}
	.visions__box .bottom-li > li:nth-child(n+3){margin-top:8px;}
	.visions__box .middle-li > li{width:100%;}
	.visions__box .middle-li > li > *{width:100%;}
	.visions__box .middle-li > li .top{
		font-size:17px;
		padding:15px 0;
	}
	.visions__box .middle-li > li .bot{
		font-size:16px;
		padding:15px 0;
	}
	.visions__box .middle-li > li:not(:last-child)::after{margin:15px 0;}
	.visions__table strong{font-size:16px;}
	.visions__table tbody tr td:not(:first-child){padding-left:10px;}
	
	/* 조직도 */
	.org-chart__bot *{transition:0.5s ease;}
	.org-chart__chart-ti{
		width:150px;
		height:150px;
		padding-top:58px;
		background-size:100%;
	}
	.org-chart__chart-ti span{
		font-size:22px;
		margin-bottom:5px;
	}
	.org-chart__top ul > li{
		width:47%;
		height:155px;
		word-break:keep-all;
		padding:0 15px;
	}
	.org-chart__top ul > li p{font-size:14px;}
	.org-chart__top ul > li strong{font-size:17px;}
	.org-chart__chart-cont{padding-bottom:30px;}

	/* 오시는 길 */
	.location .tab-st3{display:block;}
	.location .tab-st3 > li{min-width:unset;}

	/* 연혁 */
	.history__wrap{
		flex-wrap:wrap;
		margin-top:45px;
	}
	.history__year{
		width:100%;
		font-size:45px;
		margin-bottom:25px;
		padding-left:15px;
	}
	.history__list{
		width:calc(100% - 20px);
		margin-left:20px;
	}
	.history__list > li:not(:last-child){
		padding-bottom:20px;
	}
	.history__list > li > span{
		font-size:15px;
		line-height:24px;
	}
	.history__list > li > span::before{font-size:18px;}

	/* 소개 및 지원정책 */
	.page-info{
		height:35vw;
		padding:20px;
	}
	.page-info .txt-box{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:14px;
		line-height:20px;
		padding-top:0;
		border:5px solid #fff;
	}
	.page-info .txt-box img{width:350px;}
	.part-intro__ul{flex-wrap:wrap;}
	.part-intro__ul li{
		width:165px;
		margin:5px 0;
	}
	.part-intro__ul li:not(:first-child)::before,
	.part-intro__ul li:not(:last-child)::after{content:none;}

	.lect-intro__set span{
		width:45px;
		height:45px;
		font-size:20px;
		line-height:47px;
		margin-right:20px;
	}
	.lect-intro__set{font-size:19px;}
	.lect-intro__set-box{padding-left:5px;}
	.lect-intro__set-box img{width:80px;}
	.lect-intro__set-box ul{margin-left:15px;}
	.lect-intro__content-box{
		padding:0 0 0 15px;
		background:transparent;
	}
	.lect-intro__content-box img{display:none;}

	/* 이용안내 */
	.guide__top-txt1{font-size:17px;}
	.guide__top-txt2{font-size:20px;}
	.guide__fac{flex-wrap:wrap;}
	.guide__fac > li{width:50%;}
	.guide__fac > li:not(:last-child){border-right:1px solid #dedede;}
	.guide__fac > li:nth-child(2n){border-left:0;}
	.guide__fac > li:nth-child(n+3){border-top:0;}
	.th-step{
		padding-left:20px;
	}
	.th-step li{
		width:105px;
		height:105px;
		padding:3px;
		border-width:3px;
	}
	.th-step li p{
		width:97px;
		height:97px;
		font-size:13px;
		line-height:1.2;
	}
	.th-step li:not(:last-child){margin-right:10px;}

	/* 화상영어학습 */
	.vid-learn01__bottom{height:45px;}

	/* 회원탈퇴 */
	.withdrawal .join__info{background:none;}

	/* 탭 */
	.tabs-st1{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:20px;
		border:0;
	}
	.tabs-st1 li{
		flex:1;
		min-width:33.3%;
		height:45px;
		border-bottom:1px solid #b8b8b8;
	}
	.tabs-st1 li:nth-child(n+4):not(.active){border-top:0;}
	.tabs-st1 li a{
		display:flex;
		align-items:center;
		height:44px;
	}
	.tabs-st1 > li.active a:before{display:none;}
	.tabs-st1 li a > span{
		display:block;
		width:100%;
		font-size:15px;
		line-height:1.2;
	}

	/* 회원 공통 */
	.member{
		width:100%;
		padding-top:25px;
		border:0;
	}
	.member__txt{
		font-size:14px;
		line-height:20px;
		word-break:keep-all;
		margin-bottom:15px;
		padding:0 10px;
	}
	.member__layout{width:80vw;}
	.member__bottom ul.cont > li{width:33%;}
	.member__bottom ul.cont > li > button{padding-top:65px;}

	/* 로그인 */
	.login__wrap{
		margin-bottom:15px;
		padding-bottom:20px;
	}
	.login__idpw{width:60vw;}
	.login__idpw input[type="text"],
	.login__idpw input[type="password"]{height:40px;}
	.login__idpw input[type="password"]{margin-top:5px;}
	.login__find-idpw a{width:95px;}
	.login__btn{
		width:18vw;
		height:85px;
		line-height:85px;
	}
	.login__join{
		flex-wrap:wrap;
		height:auto;
		padding-top:2px;
	}
	.login__join .txt{font-size:13px;}
	.login__join .txt .top{margin-bottom:0;}
	.login__join-btn{
		display:block;
		width:100px;
		margin:10px 0 0 0;
	}

	/* 테이블 */
	.tbl-st4 tbody tr th,
	.tbl-st4 tbody tr td{
		font-size:14px;
		word-break:keep-all;
		padding:10px 5px;
	}
	.tbl-st4 tbody tr th{padding:10px 15px;}
	.tbl-st4 thead tr th{height:50px;}

	/* 회원가입 공통 */
	.join__step li > *{
		width:calc(100% - 40px);
		height:45px;
		font-size:14px;
		letter-spacing:-0.08em;
		line-height:45px;
	}
	.join__step li:first-child > *,
	.join__step li:last-child > *{
		width:calc(100% - 20px);
	}
	.join__step li::before,
	.join__step li::after{
		width:20px;
		height:45px;
		background-size:20px;
	}
	.join__info{
		padding:0;
		background:none;
	}
	.join-intro__btn{width:200px;}


	/* 회원가입 약관동의 */
	.step1__terms{height:20px 15px;}
	.join__agree.step1__agree{margin-bottom:30px;}

	
	/* 회원가입 본인인증 */
	.step2__cert-w{
		flex-wrap:wrap;
	}
	.step2__cert-w .item{
		width:100%;
		height:175px;
		padding:0 20px;
	}
	.step2__cert-w .item:last-child{
		margin-top:15px;
	}
	.step2__cert-w .item::before{
		width:60px;
		height:60px;
		margin-right:15px;
	}
	.step2__cert-w .item span{max-width:220px;}
	.step2__cert-w .item strong{padding-left:0;}


	/* 회원가입 기본정보입력 */
	.join.step3 .form-st1 .cont{
		padding:10px;
	}
	.join.step3 .form-st1 select,
	.join.step3 .form-st1 input[type="text"],
	.join.step3 .form-st1 input[type="password"]{
		width:60%;
	}
	.join.step3 .form-st1 .btn-form{height:2.3em;}

}

@media (max-width:480px){

	.img-list li{
		width:100%;
		text-align:center;
	}
	.img-list li > *{
		display:block;
		margin:0 auto;
	}
	.img-list li > img{margin:0 auto;}
	
	.greeting .top{
		min-height:380px;
		background-size:365px;
	}
	
	/* 조직도 */
	.org-chart__top::before,
	.org-chart__top::after{display:none;}
	.org-chart__top .center{
		width:100%;
		height:auto;
		text-align:left;
		margin-bottom:10px;
		padding:25px 20px 23px;
		border-radius:30px;
		border-width:0;
	}
	.org-chart__top .title{
		text-align:left;
		padding-top:0;
		background:none;
	}
	.org-chart__top ul > li{
		width:100%;
		padding:0 25px;
	}
	.org-chart__chart-low li{
		height:42px;
		font-size:15px;
		line-height:42px;
		margin-top:20px;
	}
	.org-chart__chart-low li::before{
		top:-20px;
		height:20px;
	}

	/* 연혁 */
	.history__wrap{margin-top:30px;}
	.history__year{
		font-size:35px;
		margin-bottom:15px;
		padding-left:10px;
	}
	.history__list{
		width:calc(100% - 15px);
		margin-left:15px;
	}
	.history__list > li:not(:last-child){padding-bottom:15px;}
	.history__list > li::after{
		left:-4px;
		width:9px;
		height:9px;
	}
	.history__list > li > span{padding-left:30px;}

	/* 이용안내 */
	.th-step{
		padding-left:10px;
	}
	.th-step li{
		width:85px;
		height:85px;
	}
	.th-step li p{
		width:85px;
		height:85px;
		letter-spacing:-0.1em;
		border:0;
	}
	.th-step li:not(:last-child){
		margin-right:5px;
	}

	/* 소개 및 지원정책 */
	.page-info{
		height:42.5vw;
		padding:10px;
	}
	.page-info .txt-box{
		font-size:14px;
		line-height:17px;
		border-width:1px;
	}
	.page-info .txt-box img{width:300px;}

	/* 회원 공통 */
	.member{padding-top:20px;}
	.member__txt{padding:0 20px;}
	.member__bottom ul.cont > li.naver-login > button{background-size:50px;}

	/* 로그인 */
	.login__btn{
		height:75px;
		line-height:75px;
	}
	.login__idpw input[type="text"],
	.login__idpw input[type="password"]{
		height:35px;
		font-size:14px;
		padding-left:10px;
	}
	.login__join .txt{
		word-break:keep-all;
		padding-right:10px;
	}
	.login__join-btn{
		width:90px;
		height:30px;
		line-height:29px;
	}


	/* 회원가입 공통 */
	.join__step li{position:relative;}
	.join__step li:not(:first-child)::before,
	.join__step li:not(:last-child)::after{display:none;}
	.join__step li{margin-left:0;}
	.join__step li > *{width:100%;}
	.join__step li:first-child > *,
	.join__step li:last-child > *{width:100%;}
	.join__step li:first-child > *{padding-left:0;}
	.join__step li:last-child > *{padding-right:0;}
}