@charset "UTF-8";

/* 공통 */
section#scContent > header > h1 { background-image:url('../../img/content/_visual/img_bg_centerintro.jpg'); }

/* 인사말 */
div.scGreeting > p > b.big { font-size:1.4em; }
div.scGreeting > p > span { width:81px; height:30px; display:inline-block; margin-left:6px; background:url('../../img/content/centerintro/img_sign.png') no-repeat; }

/* 다인돌봄이란? */
div.scIntroDain > ul.step > li { padding:15px 20px; font-size:1.2em; font-weight:bold; border-radius:3px; position:relative; }
div.scIntroDain > ul.step > li:not(:first-of-type) { margin-top:10px; }
div.scIntroDain > ul.step > li:nth-of-type(1) { text-align:right; border-top:12px solid #8eb07c; border-left:1px solid #8eb07c; border-right:1px solid #8eb07c; border-bottom:1px solid #8eb07c; }
div.scIntroDain > ul.step > li:nth-of-type(2) { border-top:12px solid #79ae81; border-left:1px solid #79ae81; border-right:1px solid #79ae81; border-bottom:1px solid #79ae81; }
div.scIntroDain > ul.step > li:nth-of-type(3) { text-align:right; border-top:12px solid #7cb09a; border-left:1px solid #7cb09a; border-right:1px solid #7cb09a; border-bottom:1px solid #7cb09a; }
div.scIntroDain > ul.step > li:nth-of-type(4) { border-top:12px solid #79a9ae; border-left:1px solid #79a9ae; border-right:1px solid #79a9ae; border-bottom:1px solid #79a9ae; }
div.scIntroDain > ul.step > li:nth-of-type(5) { text-align:right; border-top:12px solid #7c97b0; border-left:1px solid #7c97b0; border-right:1px solid #7c97b0; border-bottom:1px solid #7c97b0; }
div.scIntroDain > ul.step > li > span { width:100px; height:60px; position:absolute; top:-12px; }
div.scIntroDain > ul.step > li:nth-of-type(1) > span,
div.scIntroDain > ul.step > li:nth-of-type(3) > span,
div.scIntroDain > ul.step > li:nth-of-type(5) > span { left:0; }
div.scIntroDain > ul.step > li:nth-of-type(2) > span,
div.scIntroDain > ul.step > li:nth-of-type(4) > span { right:0; }
div.scIntroDain > ul.step > li:nth-of-type(1) > span { background-image:url('../../img/content/centerintro/img_step_1.png'); }
div.scIntroDain > ul.step > li:nth-of-type(2) > span { background-image:url('../../img/content/centerintro/img_step_2.png'); }
div.scIntroDain > ul.step > li:nth-of-type(3) > span { background-image:url('../../img/content/centerintro/img_step_3.png'); }
div.scIntroDain > ul.step > li:nth-of-type(4) > span { background-image:url('../../img/content/centerintro/img_step_4.png'); }
div.scIntroDain > ul.step > li:nth-of-type(5) > span { background-image:url('../../img/content/centerintro/img_step_5.png'); }

/* 사회적기업이란? */
div.scIntroSe > p.descript { border:1px solid #ccc; padding-top:12px; padding-bottom:12px; margin-bottom:20px; font-size:1.4em; font-weight:bold; text-align:center; }
div.scIntroSe > div { position:relative; margin-bottom:20px; overflow:hidden; }
div.scIntroSe > div > * { float:left; }
div.scIntroSe > div > strong { width:90px; height:90px; position:absolute; top:0; left:0; padding-top:25px; font-size:1.5em; border-radius:100px; color:#fff; text-align:center; }
div.scIntroSe > div:nth-of-type(1) > strong { background-color:#f26522; border:6px solid #fed2bd; }
div.scIntroSe > div:nth-of-type(2) > strong { background-color:#18a0e0; border:6px solid #c1d1e8; }
div.scIntroSe > div > dl { width:100%; min-height:90px; }
div.scIntroSe > div > dl > dt { margin-left:110px; padding-top:6px; padding-bottom:10px; font-size:1.3em; font-weight:bold; border-bottom:1px dashed #ccc; }
div.scIntroSe > div > dl > dd { margin-left:110px; padding-top:10px; font-size:1.1em; }

/* 연혁 */
div.scHistory > h3 { width:132px; height:41px; padding-top:10px; padding-left:30px; margin-bottom:15px; background:url('../../img/content/centerintro/img_history.png') no-repeat; color:#fff; }
div.scHistory > div { border-top:2px solid #2b5ea5; }
div.scHistory > div > div { border-bottom:1px solid #ccc; padding:15px 10px; }
div.scHistory > div > div > h4 { font-size:1.3em; color:#2b5ea5; margin-bottom:10px; }
div.scHistory > div > div > dl { position:relative; }
div.scHistory > div > div > dl:not(:first-of-type) { margin-top:5px; }
div.scHistory > div > div > dl > dt { width:80px; position:absolute; top:0; left:0; font-weight:bold; border-right:1px solid #2b5ea5; background:url('../../img/content/img_bullet_s.png') left center no-repeat; padding-left:10px; }
div.scHistory > div > div > dl > dd { margin-left:100px; }

/* 인증서 */
div.scCert > ul { overflow:hidden; border-bottom:1px dashed #aaa; }
div.scCert > ul > li { width:50%; padding-top:220px; padding-bottom:20px; text-align:center; float:left; background-position:center 20px; background-repeat:no-repeat; border-top:1px dashed #aaa; }
div.scCert > ul > li:nth-of-type(1) { background-image:url('../../img/content/centerintro/img_cert_1.png'); }
div.scCert > ul > li:nth-of-type(2) { background-image:url('../../img/content/centerintro/img_cert_2.png'); }
div.scCert > ul > li:nth-of-type(3) { background-image:url('../../img/content/centerintro/img_cert_3.png'); }
div.scCert > ul > li:nth-of-type(4) { background-image:url('../../img/content/centerintro/img_cert_4.png'); }
div.scCert > ul > li:nth-of-type(5) { background-image:url('../../img/content/centerintro/img_cert_5.png'); }
div.scCert > ul > li:nth-of-type(6) { background-image:url('../../img/content/centerintro/img_cert_6.png'); }
div.scCert > ul > li:nth-of-type(7) { background-image:url('../../img/content/centerintro/img_cert_7.png'); }

/* 조직도 및 연락처 */
div.scOrz { }

/* 오시는 길 */
div.scDirections > iframe { width:100%; height:320px; border:2px solid #dadada; }
div.scDirections > table { margin-top:15px; border-top:2px solid #60a102; }
div.scDirections > table > tbody > tr > * { border-bottom:1px solid #dadada; padding:8px 4px; }
div.scDirections > table > tbody > tr > th { width:100px; color:#080; }