@charset "utf-8";

/******************** contents ********************/
/***** greetings *****/
/* greetings */
.greetings {overflow:hidden;}
.greetings .fll {float:left; width:200px;}
.greetings .flr {float:right; width:500px;}
/* title */
.greetings .title {margin-bottom:10px; color:#fabf00; font-size:35px; font-weight:400; letter-spacing:-3px; word-break:keep-all; text-align:left; line-height:1.3;}
.greetings .title span {display:block; color:#ff9333; font-size:35px; font-weight:400; letter-spacing:-3px;}
.greetings .title2 {display:block; color:#000; font-size:19px; letter-spacing:-1.5px;}
/* signature */
.greetings .signature {padding-top:40px; text-align:right;}
.greetings .signature span {margin-right:-10px; padding-left:20px; color:#000; font-weight:bold; font-size:20px; letter-spacing:10px;}



/***** introduce *****/
/* info */
.introduce {overflow:hidden;}
.introduce > * {float:right; margin-bottom:60px; width:650px !important;}
.introduce h2 {clear:both; float:left; margin:0; width:100px !important;}
/* purpose */
.introduce .purpose p {margin:0; padding:20px 30px; border:1px dashed #aaa;}
/* mission */
.introduce .mission {position:relative; padding:30px 0;}
.introduce .mission > p {margin:0; padding:0; color:#000; font-size:19px; font-weight:normal; text-align:center;}
.introduce .mission > p.mini {margin:6px 0 0; color:#666; font-size:15px;}
.introduce .mission > span {position:absolute; display:block; width:10px; height:10px; background:#ff9333; background:rgba(255, 147, 51, 0.7);}
.introduce .mission .top {top:0;}
.introduce .mission .right {right:0;}
.introduce .mission .bottom {bottom:0;}
.introduce .mission .left {left:0;}
.introduce .mission .hor {width:50px;}
.introduce .mission .ver {height:100%;}
/* vision */
.introduce .vision {overflow:hidden;}
.introduce .vision li {float:left; position:relative; width:150px; height:230px; margin-left:-23px; padding:0 40px; border-radius:50%; font-size:17px; color:#fff; text-align:center; word-break:keep-all; letter-spacing:-1px; line-height:1.3;}
.introduce .vision li:first-child {margin-left:0;}
.introduce .vision .ic {position:absolute; top:23px; left:0; display:block; width:100%; height:60px;}
.introduce .vision strong {display:block; margin:0 0 10px; padding:86px 0 10px; background:url("../image/content/line.gif") center bottom no-repeat; font-size:20px; text-align:center; font-style:italic;}
.introduce .vision01 .ic {background:url("../image/content/ic_introduce01.png") center center no-repeat;}
.introduce .vision02 .ic {background:url("../image/content/ic_introduce02.png") center center no-repeat;}
.introduce .vision03 .ic {background:url("../image/content/ic_introduce03.png") center center no-repeat;}
.introduce .vision01 {background:#fabf00; background:rgba(250,191,0,0.85); border:1px solid #fabf00;}
.introduce .vision02 {background:#ff9333; background:rgba(255, 147, 51,0.85); border:1px solid #ff9333;}
.introduce .vision03 {background:#f56b5d; background:rgba(245,107,93,0.85); border:1px solid #f56b5d;}
/* tstyle */
.introduce .tstyle {border:none;}
.introduce .tstyle thead th {border-top:1px solid #000;}
.introduce .tstyle thead td {border-top:1px solid #dedede;}
.introduce .tstyle th {background:#fff; border-bottom:1px solid #000; font-size:15px; font-weight:normal;}
.introduce .tstyle td {text-align:left; border-bottom:1px solid #dedede; font-size:14px;}
/* history2 */
.introduce .history2 {overflow:hidden;}
.introduce .history2 .fll, .history2 .flr {position:relative; width:45%;}
.introduce .history2 div ul {position:relative; z-index:10;}
.introduce .history2 div > span {position:absolute; z-index:1; top:0; left:75px; width:1px; height:100%; background:#ddd;}
.introduce .history2 li {overflow:hidden;}
.introduce .history2 li > span {float:left; width:100px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal;}
.introduce .history2 dl {margin:2px 0 0 100px;}
.introduce .history2 dt span {position:absolute; top:8px; left:-32px; display:block; width:16px; height:16px; background:#ff9333; border-radius:50%;}
.introduce .history2 dt {position:relative; color:#000; font-size:17px; font-weight:normal;}
.introduce .history2 dd strong {display:block; color:#000; font-size:15px; letter-spacing:-0.5px; font-weight:normal;}
.introduce .history2 dd {padding:3px 0 30px; font-size:14px;}
/* certification */
.introduce .certification {overflow:hidden; margin-bottom:0 !important;}
.introduce .certification img {float:left; margin-left:7px; border:1px solid #dedede;}
.introduce .certification img:first-child {margin-left:0;}



/***** service *****/
/* object */
.object {padding:0 20px;}
.object li {padding:20px 0 15px; border-bottom:1px dotted #aaa; color:#000;}
.object .num {display:inline-block; margin-bottom:-16px; padding:0 15px 7px 120px; border-bottom:1px dotted #ff9333; background:#fff; color:#ff9333; font-size:30px; font-weight:100; font-style:italic; vertical-align:bottom;}
/* document */
.document {overflow:hidden;}
.document li {float:left; margin:12px 0 0 12px; padding:20px; width:342px; height:15px; color:#000; font-weight:bold; font-size:15px; letter-spacing:-1px; border:1px solid #ddd; line-height:15px;}
.document li:hover {border:1px dotted #000;}
.document li.doc01 {margin:0;}
.document li.doc02 {margin-top:0;}
.document li.doc03 {margin-left:0;}
.document li span {float:right; color:#ff9333;}
/* step */
.step {padding:10px 0 0;}
.step li {position:relative; float:left; margin:0 0 45px 15px; padding:25px 40px 50px; width:168px; height:15px; border:1px solid #ddd; color:#333; font-size:13px; text-align:center; word-break:keep-all;}
.step li.step01 {margin-left:0;}
.step li.step04 {float:right;}
.step li.step05 {float:right;}
.step li.step06 {float:right; margin-left:0;}
.step .num {position:absolute; left:50%; top:-25px; display:block; margin-left:-25px; padding-right:5px; width:45px; height:45px; line-height:45px; background:#fff; color:#ff9333; font-size:30px; font-weight:100; font-style:italic;}
.step li strong {display:block; padding-bottom:3px; color:#000; font-weight:bold; font-size:15px; letter-spacing:-1px;}
.step li.step01 strong, .step li.step02 strong, .step li.step03 strong, .step li.step06 strong {padding:0; height:45px; line-height:45px;}
.step li:hover {border:1px dotted #000;}
.step .arrow_box {position:absolute; z-index:1; display:block; *display:none;}
.step .arrow_box .line {display:block; margin:0 auto; background:#b7b7b7; border:none;}
.step .arrow_box .arrow {position:absolute; display:block; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent; font-size:0; line-height:0;}
.step li.step01 .arrow_box, .step li.step02 .arrow_box {top:50%; right:-35px; margin:0;}
.step li.step04 .arrow_box, .step li.step05 .arrow_box {top:50%; left:-35px; margin:0;}
.step li.step03 .arrow_box, .step li.step06 .arrow_box {left:50%; bottom:-15px; margin:0 0 0 -1px;}
.step li.step01 .line, .step li.step02 .line, .step li.step04 .line, .step li.step05 .line {width:60px; height:2px;}
.step li.step03 .line, .step li.step06 .line {width:2px; height:23px;}
.step li.step01 .arrow, .step li.step02 .arrow {top:50%; right:-10px; margin:-8px 0 0; border-left-color:#b7b7b7;}
.step li.step04 .arrow, .step li.step05 .arrow {top:50%; left:-10px; margin:-8px 0 0; border-right-color:#b7b7b7;}
.step li.step03 .arrow, .step li.step06 .arrow {bottom:-10px; left:50%; margin:0 0 0 -8px; border-top-color:#b7b7b7;}
.step li:hover .arrow_box .line {background:#000;}
.step li.step01:hover .arrow, .step li.step02:hover .arrow {border-left-color:#000;}
.step li.step04:hover .arrow, .step li.step05:hover .arrow {border-right-color:#000;}
.step li.step03:hover .arrow, .step li.step06:hover .arrow {border-top-color:#000;}
/* question */
.question {overflow:hidden;}
.question li {float:left; margin-left:12px; padding:50px 0; width:250px; text-align:center; font-size:14px; border:1px solid #ddd;}
.question li:hover {border:1px dotted #000;}
.question li:first-child {margin-left:0;}
.question span {display:block;}
.question .ic {height:90px;}
.question .tit {display:inline-block; margin:0 auto 10px; padding-bottom:10px; border-bottom:2px solid #ff9333; color:#000; font-weight:bold; font-size:15px; letter-spacing:-1px;}
.question li.how .ic {background:url("../image/content/consulting_how.png") no-repeat center top;}
.question li.time .ic {background:url("../image/content/consulting_time.png") no-repeat center top;}
.question li.tel .ic {background:url("../image/content/consulting_tel.png") no-repeat center top;}



/***** organization *****/


/* 역대 원장 */
.chairman_list {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	margin-left: -40px;
	overflow: hidden;
	}
.chairman_list > li {
	position: relative;
	display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    align-items: center;
	width: calc(50% - 40px);
	margin: 0 0 30px 40px;
	padding-top: 35px;
	overflow: hidden;
	}
.chairman_list > li::before,
.chairman_list > li::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #B7B7B7;
	content: '';
	}
.chairman_list > li::after {
	width: 180px;
	background-color: #ff9333;
	}
.chairman_list .pic {
	display: block;
	width: 180px;
	height:232px;
	margin-right: 50px;
	overflow: hidden;
	}
.chairman_list .pic img {
	max-width: 100%;
	}
.chairman_list .info {
	display: block;
	overflow: hidden;
	}
.chairman_list .ages {
	display: block;
	color: #ff9333;
    font-size: 16px;
    font-weight: bold;
	}
.chairman_list .name {
	display: block;
    margin-bottom:7px;
	color: #000;
    font-size:20px;
    font-weight:bold;
	}
.chairman_list .date {
    font-weight: lighter;
	}	
/***** history *****/
.history img {margin:0 0 50px;}
/* history_box */
.history_box {overflow:hidden; margin-bottom:60px;}
.history_box:last-child {margin-bottom:0;}
.history_box h2 {float:left; width:200px; margin:0; padding:34px 0 0 0; border-top:1px solid #ff9333; font-size:44px; font-family:Arial; letter-spacing:-0.5px; color:#ff9333;}
.history_box .history_con {float:right; width:550px; border-top:1px solid #ddd;}
.history_box .history_con li {overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd; font-size:15px;}
.history_box .history_con .month {float:left; width:50px; font-weight:bold; color:#000;}
.history_box .history_con .his_con {display:block; margin-left:50px; padding-left:16px; background:url("../image/content/history_bullet.gif") no-repeat 0 9px; }



/***** support *****/
.support img {margin:35px 0;}
/* support_box */
.support_box {overflow:hidden;}
.support_box li {float:left; padding:165px 25px 0; width:200px; height:180px; border:1px solid #ddd; border-top:2px solid #000; text-align:center;}
.support_box li.guide {background:url("../image/content/support_guide.png") center 50px no-repeat;}
.support_box li.article {margin:0 12px; background:url("../image/content/support_article.png") center 50px no-repeat;}
.support_box li.volunteer {background:url("../image/content/support_volunteer.png") center 50px no-repeat;}
.support_box .title {display:block; padding-bottom:3px; color:#000; font-size:17px; font-weight:bold;}
.support_box p {text-align:center;}



/***** map *****/
.root_daum_roughmap {width:100%; padding:0 !important; border:none !important; border-radius:0 !important;}
.root_daum_roughmap * {border-radius:0 !important;}

.contact_us .map_box {overflow:hidden; border:1px dotted #aaa; border-top:none;}
.contact_us .map_box .address {border-bottom:1px dotted #aaa;}
.contact_us .map_box .tel {float:left; width:50%;}
.contact_us .map_box .fax {float:left; width:49%; border-left:1px dotted #aaa;}
.contact_us .map_box .mail {float:left; width:33%; border-left:1px dotted #aaa; display:none;}
.contact_us .map_box li div {padding:20px 30px;}
.contact_us .map_box li strong {display:inline-block; padding:0 0 5px 30px; height:23px; line-height:23px; font-size:15px; font-weight:400; color:#000;}
.contact_us .map_box li p {display:inline-block; margin:0; font-size:14px;}
.contact_us .map_box .address strong {background:url("../image/content/ic_address.png") 0 0 no-repeat;}
.contact_us .map_box .tel strong {background:url("../image/content/ic_tel.png") 0 0 no-repeat;}
.contact_us .map_box .fax strong {background:url("../image/content/ic_fax.png") 0 0 no-repeat;}
.contact_us .map_box .mail strong {background:url("../image/content/ic_mail.png") 0 0 no-repeat;}



/***** product *****/
/* product */
.product {text-align:center;}
.product .text_box {padding:65px 70px 70px; border:1px dotted #aaa; border-bottom:0;}
.product .tit {display:block; padding-bottom:5px; color:#ff9333; font-size:20px; text-align:center;}
.product h2 {margin-bottom:0; font-size:45px; color:#000; font-weight:100; letter-spacing:-2px; text-align:center;}
.product .title_line {display:inline-block; margin:25px auto 20px; width:55px; height:2px; background:#ddd; font-size:0;}
.product p {font-size:15px; text-align:center; word-break:keep-all;}
.product ul {overflow:hidden; background:#ff9333;}
.product li {float:left; width:260px; height:260px; text-align:center;}
.product li.op img {opacity:0.15;}
.product li.link {background:#fff url("../image/content/bg.png") center center repeat;}
.product li.link a {display:block; padding:155px 0 0; width:260px; height:100px;}
.product01 li.link a {background:url("../image/content/product01_5.png") center 73px no-repeat;}
.product02 li.link a {background:url("../image/content/product02_5.png") center 73px no-repeat;}
.product03 li.link a {background:url("../image/content/product03_5.png") center 73px no-repeat;}
.product li.link span {display:block; margin:0 auto; padding:5px 0; width:120px; border-radius:30px; border:1px solid #000; color:#000; font-size:14px; font-weight:bold;}
.product li.link a:hover span {background:#000; color:#fff;}



/***** job *****/
.job .lstyle02 li {margin-bottom:2px;}
.job .lstyle02 span {color:#222; font-weight:400;}
/* job_list */
.job_list {overflow:hidden;}
.job_list li {float:left; margin:12px 0 0 12px; padding:20px; width:342px; height:70px; font-size:14px; letter-spacing:-1px; border:1px solid #ddd; line-height:1.4;}
.job_list li:hover {border:1px dotted #000;}
.job_list li span {display:block; margin-bottom:7px; color:#000; font-weight:bold; font-size:15px;}
.job_list li.job01, .job_list li.job02 {margin-top:0;}
.job_list li.job01, .job_list li.job03, .job_list li.job05, .job_list li.job07 {margin-left:0;}
/* img_box */
.job .img_box {overflow:hidden; margin-top:80px;}
.job .img_box li {float:left; margin-bottom:3px; line-height:0;}
.job .img_box li:first-child+li {margin-right:3px;}
.job .img_box li:first-child+li+li {overflow:hidden; width:297px;}


/***** consulting *****/
.consulting ul {margin-bottom:35px;}
.consulting h2, .consulting p {margin-bottom:0; text-align:center;}