@charset "utf-8";
/*------------------------------------------------- 
Author : myeong-hee park
-------------------------------------------------*/
* button {
	font-size: 1.6rem;
    font-family: "NotoR";
	}
/* 타이틀 */
.heading1 {position: relative; margin-bottom: 30px; padding-top: 10px; color:#222; text-shadow: 1px 0 0 #222; font-size: 2.6rem; font-weight:300; }
.heading1::before {content:''; display: block; width: 44px; height: 2px; background:#ff6609; position: absolute; left: 0; top: 0;}
* + .heading1 {margin-top: 45px;}
.title-table, .title-desc { position: relative; margin-bottom: 10px; padding-left: 14px; color:#222; }
.title-table::before, .title-desc::before {content:''; width: 6px; height: 6px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 8px; left: 0;}
* + .title-desc {margin-top: 30px;}
.imgarea {margin: 20px 0; text-align: center;}
/* 리스트 */
.list {word-break: keep-all;}
.list > li {position: relative; margin: 10px 0;padding-left: 16px;}
.list > li:first-child {margin-top: 0;}
.list.dot > li {color: #222;}
.list.dot > li::before {content:''; width: 6px; height: 6px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 8px; left: 0;}
.list.dash > li {color: #666;}
.list.dash > li::before {content:''; width: 7px; height: 1px; display: block; background: #ff6609; border-radius:50%; position: absolute; top: 9px; left: 0;}
.list.gray > li {color:#666; padding-left: 9px; font-size:1.5rem;}
.list.gray > li::before {content:''; width: 3px; height: 3px; display: block; background: #8b8c8e; border-radius:50%; position: absolute; top: 7px; left: 0;}

.bg-area{position:relative; padding:70px 0;  background-color: #f6f6f6; }
.bg-area::before{content:""; width:500%; height:100%; background-color: #f6f6f6; position:absolute; top:0; left:50%; margin-left:-250%; z-index:-1;}

.system img, .location img {max-width: 100%;}
/* 센터 사업소개 */
.process-list{background:url('/resources/images/stu/contents/bg_process_list.gif') center top no-repeat; overflow:hidden; margin:0 -32px;}
.process-list>li{text-align:center; color:#383838; padding-top:140px; width:122px; float:left; margin:0 32px;}
.title-layout{float:left;}
.biz-list{position: relative; overflow: hidden;}
.biz-list>li{ position:relative; padding:20px 0; color:#222;  border-bottom:1px solid #ddd;}
.biz-list>li::after{content:""; display:block; clear:both;}
.biz-list>li:first-child{border-top:2px solid #000;}
.biz-list>li strong{display: block; float:left; width: 30%; font-size: 1.8rem;}
.biz-list>li .depth2{position: relative;  overflow: hidden;}
.biz-list>li .depth2 .list{color:#666;}
.biz-list>li .depth2 .list.dash{padding:10px 0 20px;}
.biz-list>li .depth2 .list.dash em {color:#000; display: block; float: left; vertical-align: top; width: 60px; line-height: 1.5;}
.biz-list>li .depth2 .list.dash p {position: relative; margin-left: 70px; vertical-align: top; overflow: hidden;}
.biz-list>li li::after{content:""; clear:both; display:block;}

/* NET 인증개요 */
.net-box {border-top:2px solid #000; border-bottom:1px solid #ddd; background:#fafafa; padding: 55px 100px 45px; word-break: keep-all;}
.net-box .img {float: left; margin-right: 10%; }
.net-box .txt {position: relative; overflow: hidden;}
.net-box .txt dt {display: block; margin-bottom: 30px; font-size:3rem; color:#222; font-weight: 400;}
.net-box .txt dt strong {color:#fc7027;}
.net-box .txt dd {color:#666; font-size:1.8rem; font-weight: 100;}

.num-list {
	display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    word-break: keep-all;
    overflow: hidden;
    }
.num-list > li {
    width: 33.33%;    
    padding: 0 1% 2%;
    counter-increment: number;
	}
.num-list > li div {display: block;  position: relative; min-height: 55px; height: 100%; padding: 30px 25px 25px 85px;  border: 1px solid #ddd;}
.num-list > li div::before {position: absolute; top: 30px; left: 20px;  width:55px; height: 55px; background:#72635b; border-radius:50%;  color:#fff;  text-align: center; padding-top: 13px; font-size:2rem; font-style:italic; content:"0"counter(number,decimal); }
.num-list > li div .list > li {margin: 5px 0 0;}

/* 인사말 */
.greeting {background: url(/fileDownload?titleId=480023&fileId=1) right 0 no-repeat;word-break: keep-all;}
.greeting .first {margin-bottom: 30px; font-size: 3.5rem; color: #000;}
.greeting .first strong {font-family: "NotoB";}
.greeting p {margin-top: 20px; color: #555; line-height: 1.5;}

/* 오시는길 */
.location{word-break: keep-all;}
.location address{position:relative; margin:50px 0 25px; padding-bottom:20px; color:#555; text-align:center;  font-size:2.3rem; font-style: normal;}
.location address::after{content:""; width:34px; height:1px; background-color: #333; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.location .contact-list>li{display:inline-block; font-size:1.8rem; margin:0 30px; background:url('/resources/images/stu/contents/i_contact1.gif') 0 0 no-repeat; height: 29px; line-height: 1.4;}
.location .contact-list>li strong{color:#555; padding:0 26px 0 45px;}
.location .contact-list>li:nth-child(2){background-image:url('/resources/images/stu/contents/i_contact2.gif')}
.location .root-list {margin-top: 75px;}
.location .root-list > li {padding-top: 15px; margin-bottom: 45px;}
.location .root-list > li > strong {display: block; width: 200px; position: relative; float: left; font-size:2.3rem; }
.location .root-list > li > strong::before {content:''; width: 34px; height: 1px; background:#000; position: absolute; top: -15px; left: 0;}
.location .root-list > li .text {margin-left: 200px; font-size:1.8rem;}
.location .root-list > li .text > .bus {padding-left: 20px; position: relative; margin-bottom: 35px;}
.location .root-list > li .text > .bus::before {content:''; width: 10px; height: 10px; background-color:#1081f4; border-radius:50%; position:absolute; top:6px; left:0;}
.location .root-list > li .text > .bus.green::before {background-color:#30d18a;}

/* 상담신청 안내 */
.counseling-request {
	border-top: 2px solid #000;
	word-break: keep-all;
	overflow: hidden;
	}
.counseling-request .first {
	padding: 30px;
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
	color: #000;
	text-align: center;
	font-size: 1.8rem;
	font-family: 'NotoM';
	}
.counseling-process > li {
	position: relative;
	margin-top: 40px;
	padding: 40px 30px 0;
	border-top: 1px solid #ddd;	
	counter-increment: number;
	overflow: hidden;
	}
.counseling-process > li:first-child {
	margin-top: 0;
	border-top: none;
	}
.counseling-process > li::before {
    display: block;
    position: absolute;
    top: 40px;
    left: 30px;
	width: 32px;
	height: 32px;
	background-color: #f0811a;
    border-radius: 100%;
    color: #fff;
	line-height: 1.8;
    content: counter(number, decimal);
    text-align: center;
	font-family: 'NotoR';
    font-size: 1.6rem;
    z-index: 1;
	}
.counseling-process 	.subject {
	display: table;
	position: relative;
	float: left;
	width: 25%;
	margin-right: 55px;
	padding-right: 40px;
	overflow: hidden;
	}
.counseling-process 	.subject::after {
	position: absolute;
	top: 20px;
	right: 0;
	width: 1px;
	height: 45px;
	background-color: #ddd;
	content: '';
	}
.counseling-process [class*="icon"] {
	display: table-cell;
	width: 86px;
	height: 86px;
	background: #72635a no-repeat 0 0 / 100%;
	border-radius: 100%;
    vertical-align: middle;
	}
.counseling-process .icon01 {
	background-image: url("/resources/images/stu/contents/counseling_icon01.png");
	}	
.counseling-process .icon02 {
	background-image: url("/resources/images/stu/contents/counseling_icon02.png");
	}	
.counseling-process .icon03 {
	background-image: url("/resources/images/stu/contents/counseling_icon03.png");
	}	
.counseling-process .icon04 {
	background-image: url("/resources/images/stu/contents/counseling_icon04.png");
	}	
.counseling-process .icon05 {
	background-image: url("/resources/images/stu/contents/counseling_icon05.png");
	}	
.counseling-process 	.subject .tit {
	display: table-cell;
	padding-left: 15px;
	color: #333;
	letter-spacing: -0.05em;
	line-height: 1.3;
    vertical-align: middle;
	font-size: 2rem;
	font-family: 'NotoR';
	overflow: hidden;
	}
.counseling-process .txt {
	position: relative;
	overflow: hidden;
	}	
.counseling-process .txt > li {
	margin-top: 23px;
	}
.counseling-process .txt > li:first-child {
	margin-top: 0;
	}
.counseling-process .txt em {
	display: block;
	position: relative;
	padding-left: 10px;
	color: #000;
	font-size: 1.7rem;
	font-family: 'NotoM';
	}	
.counseling-process .txt em::before {
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #565656;
    border-radius: 100%;
    content: '';
	}
.counseling-process .list.dash {
	margin: 10px 0 0 15px;
	font-size: 1.5rem;
	}
.counseling-process .list.dash > li {
	margin: 5px 0;
	}	
.counseling-process .list.dash > li::before {
	top: 12px;
    width: 6px;
    height: 2px;
    background-color: #ddd;
    }
.counseling-info {
	display: table; 
	margin-top: 90px;
	padding: 10px 10px 10px 30px;
    background-color: #ece7e4;
    word-break: keep-all;
  	overflow: hidden;
  	} 
.counseling-info .caution {
	display: table-cell; 
	width: 30%;
	padding: 35px 70px 0 0;
	color: #000;
  	overflow: hidden;
	}
.counseling-info .caution .bold {
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 17px;
	color: #333;
	font-size: 2.2rem;
	font-family: 'NotoR';
	}	
.counseling-info .caution .bold::after {
	display: block;
	position: absolute;
	bottom: 0;
	width: 35px;
	height: 1px;
	background-color: #333;
	content: '';
	}
.counseling-info .list.dot {
	display: table-cell; 
	position: relative;
	height: 100%;
	padding: 30px 45px 35px;
	background-color: #fff;
    vertical-align: top;
	overflow: hidden;
	}
.counseling-info .col-md-5 {
	margin-top: 0;
	}	
.counseling-info .list > li.col-md-5::before {
	top: 18px;
	}
.counseling-info .list > li.col-md-5 > span {
	position: relative;
	display: inline-block;
	margin-left: 14px;
	padding-left: 14px;
	font-family: 'NotoM';
	font-size: 2.2rem;
	}
.counseling-info .list > li.col-md-5 > span::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 15px;
	background-color: #bcbcbc;
	transform: translateY(-50%);
	content: '';
	}
.format-download {
    margin-left: -16px;
    color: #000;
	overflow: hidden;
	}
.format-download > li {
	margin-top: 12px;
	overflow: hidden;
	}	
.format-download .gray {
	display: inline-block;
	margin-right: 35px;
	padding: 5px 25px;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2;
	font-size: 1.5rem;
	font-family: 'NotoM';
	}
.format-download > li a {
	display: inline-block;
	margin-left: 10px;
    color: #000;
	}	
.format-download > li i {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background-color: #f0811a;
	border-radius: 100%;
	color: #fff;
	line-height: 35px;
	text-align: center;
	}
.format-download > li a span {
	display: inline-block;
    vertical-align: middle;
	overflow: hidden;
	}	
.format-download > li a span::after {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d3d3d3;
	content: '';
	}