@charset "utf-8"; /* StyleGuide *************************************************************************************************************/ /*margin 제어*/ .mt0 {margin-top:0px !important;} .mt1 {margin-top:1px !important;} .mt2 {margin-top:2px !important;} .mt3 {margin-top:3px !important;} .mt4 {margin-top:4px !important;} .mt5 {margin-top:5px !important;} .mt6 {margin-top:6px !important;} .mt7 {margin-top:7px !important;} .mt8 {margin-top:8px !important;} .mt9 {margin-top:9px !important;} .mt10 {margin-top:10px !important;} .mt11 {margin-top:11px !important;} .mt12 {margin-top:12px !important;} .mt13 {margin-top:13px !important;} .mt14 {margin-top:14px !important;} .mt15 {margin-top:15px !important;} .mt16 {margin-top:16px !important;} .mt17 {margin-top:17px !important;} .mt18 {margin-top:18px !important;} .mt19 {margin-top:19px !important;} .mt20 {margin-top:20px !important;} .mt21 {margin-top:21px !important;} .mt22 {margin-top:22px !important;} .mt23 {margin-top:23px !important;} .mt24 {margin-top:24px !important;} .mt25 {margin-top:25px !important;} .mt26 {margin-top:26px !important;} .mt27 {margin-top:27px !important;} .mt28 {margin-top:28px !important;} .mt29 {margin-top:29px !important;} .mt30 {margin-top:30px !important;} .mt31 {margin-top:31px !important;} .mt32 {margin-top:32px !important;} .mt33 {margin-top:33px !important;} .mt34 {margin-top:34px !important;} .mt35 {margin-top:35px !important;} .mt36 {margin-top:36px !important;} .mt37 {margin-top:37px !important;} .mt38 {margin-top:38px !important;} .mt39 {margin-top:39px !important;} .mt40 {margin-top:40px !important;} .mt41 {margin-top:41px !important;} .mt42 {margin-top:42px !important;} .mt43 {margin-top:43px !important;} .mt44 {margin-top:44px !important;} .mt45 {margin-top:45px !important;} .mt46 {margin-top:46px !important;} .mt47 {margin-top:47px !important;} .mt48 {margin-top:48px !important;} .mt49 {margin-top:49px !important;} .mt50 {margin-top:50px !important;} .mt51 {margin-top:51px !important;} .mt52 {margin-top:52px !important;} .mt53 {margin-top:53px !important;} .mt54 {margin-top:54px !important;} .mt55 {margin-top:55px !important;} .mt56 {margin-top:56px !important;} .mt57 {margin-top:57px !important;} .mt58 {margin-top:58px !important;} .mt59 {margin-top:59px !important;} .mt60 {margin-top:60px !important;} .mt61 {margin-top:61px !important;} .mt62 {margin-top:62px !important;} .mt63 {margin-top:63px !important;} .mt64 {margin-top:64px !important;} .mt65 {margin-top:65px !important;} .mt66 {margin-top:66px !important;} .mt67 {margin-top:67px !important;} .mt68 {margin-top:68px !important;} .mt69 {margin-top:69px !important;} .mt70 {margin-top:70px !important;} .mt71 {margin-top:71px !important;} .mt72 {margin-top:72px !important;} .mt73 {margin-top:73px !important;} .mt74 {margin-top:74px !important;} .mt75 {margin-top:75px !important;} .mt76 {margin-top:76px !important;} .mt77 {margin-top:77px !important;} .mt78 {margin-top:78px !important;} .mt79 {margin-top:79px !important;} .mt80 {margin-top:80px !important;} .mt81 {margin-top:81px !important;} .mt82 {margin-top:82px !important;} .mt83 {margin-top:83px !important;} .mt84 {margin-top:84px !important;} .mt85 {margin-top:85px !important;} .mt86 {margin-top:86px !important;} .mt87 {margin-top:87px !important;} .mt88 {margin-top:88px !important;} .mt89 {margin-top:89px !important;} .mt90 {margin-top:90px !important;} .mt91 {margin-top:91px !important;} .mt92 {margin-top:92px !important;} .mt93 {margin-top:93px !important;} .mt94 {margin-top:94px !important;} .mt95 {margin-top:95px !important;} .mt96 {margin-top:96px !important;} .mt97 {margin-top:97px !important;} .mt98 {margin-top:98px !important;} .mt99 {margin-top:99px !important;} .mt100 {margin-top:100px !important;} .ml0 {margin-left:0px !important;} .ml1 {margin-left:1px !important;} .ml2 {margin-left:2px !important;} .ml3 {margin-left:3px !important;} .ml4 {margin-left:4px !important;} .ml5 {margin-left:5px !important;} .ml6 {margin-left:6px !important;} .ml7 {margin-left:7px !important;} .ml8 {margin-left:8px !important;} .ml9 {margin-left:9px !important;} .ml10 {margin-left:10px !important;} .ml11 {margin-left:11px !important;} .ml12 {margin-left:12px !important;} .ml13 {margin-left:13px !important;} .ml14 {margin-left:14px !important;} .ml15 {margin-left:15px !important;} .ml16 {margin-left:16px !important;} .ml17 {margin-left:17px !important;} .ml18 {margin-left:18px !important;} .ml19 {margin-left:19px !important;} .ml20 {margin-left:20px !important;} .ml21 {margin-left:21px !important;} .ml22 {margin-left:22px !important;} .ml23 {margin-left:23px !important;} .ml24 {margin-left:24px !important;} .ml25 {margin-left:25px !important;} .ml26 {margin-left:26px !important;} .ml27 {margin-left:27px !important;} .ml28 {margin-left:28px !important;} .ml29 {margin-left:29px !important;} .ml30 {margin-left:30px !important;} .ml31 {margin-left:31px !important;} .ml32 {margin-left:32px !important;} .ml33 {margin-left:33px !important;} .ml34 {margin-left:34px !important;} .ml35 {margin-left:35px !important;} .ml36 {margin-left:36px !important;} .ml37 {margin-left:37px !important;} .ml38 {margin-left:38px !important;} .ml39 {margin-left:39px !important;} .ml40 {margin-left:40px !important;} .ml41 {margin-left:41px !important;} .ml42 {margin-left:42px !important;} .ml43 {margin-left:43px !important;} .ml44 {margin-left:44px !important;} .ml45 {margin-left:45px !important;} .ml46 {margin-left:46px !important;} .ml47 {margin-left:47px !important;} .ml48 {margin-left:48px !important;} .ml49 {margin-left:49px !important;} .ml50 {margin-left:50px !important;} .ml51 {margin-left:51px !important;} .ml52 {margin-left:52px !important;} .ml53 {margin-left:53px !important;} .ml54 {margin-left:54px !important;} .ml55 {margin-left:55px !important;} .ml56 {margin-left:56px !important;} .ml57 {margin-left:57px !important;} .ml58 {margin-left:58px !important;} .ml59 {margin-left:59px !important;} .ml60 {margin-left:60px !important;} .ml61 {margin-left:61px !important;} .ml62 {margin-left:62px !important;} .ml63 {margin-left:63px !important;} .ml64 {margin-left:64px !important;} .ml65 {margin-left:65px !important;} .ml66 {margin-left:66px !important;} .ml67 {margin-left:67px !important;} .ml68 {margin-left:68px !important;} .ml69 {margin-left:69px !important;} .ml70 {margin-left:70px !important;} .ml71 {margin-left:71px !important;} .ml72 {margin-left:72px !important;} .ml73 {margin-left:73px !important;} .ml74 {margin-left:74px !important;} .ml75 {margin-left:75px !important;} .ml76 {margin-left:76px !important;} .ml77 {margin-left:77px !important;} .ml78 {margin-left:78px !important;} .ml79 {margin-left:79px !important;} .ml80 {margin-left:80px !important;} .ml81 {margin-left:81px !important;} .ml82 {margin-left:82px !important;} .ml83 {margin-left:83px !important;} .ml84 {margin-left:84px !important;} .ml85 {margin-left:85px !important;} .ml86 {margin-left:86px !important;} .ml87 {margin-left:87px !important;} .ml88 {margin-left:88px !important;} .ml89 {margin-left:89px !important;} .ml90 {margin-left:90px !important;} .ml91 {margin-left:91px !important;} .ml92 {margin-left:92px !important;} .ml93 {margin-left:93px !important;} .ml94 {margin-left:94px !important;} .ml95 {margin-left:95px !important;} .ml96 {margin-left:96px !important;} .ml97 {margin-left:97px !important;} .ml98 {margin-left:98px !important;} .ml99 {margin-left:99px !important;} .ml100 {margin-left:100px !important;} .mr0 {margin-right:0px !important;} .mr1 {margin-right:1px !important;} .mr2 {margin-right:2px !important;} .mr3 {margin-right:3px !important;} .mr4 {margin-right:4px !important;} .mr5 {margin-right:5px !important;} .mr6 {margin-right:6px !important;} .mr7 {margin-right:7px !important;} .mr8 {margin-right:8px !important;} .mr9 {margin-right:9px !important;} .mr10 {margin-right:10px !important;} .mr11 {margin-right:11px !important;} .mr12 {margin-right:12px !important;} .mr13 {margin-right:13px !important;} .mr14 {margin-right:14px !important;} .mr15 {margin-right:15px !important;} .mr16 {margin-right:16px !important;} .mr17 {margin-right:17px !important;} .mr18 {margin-right:18px !important;} .mr19 {margin-right:19px !important;} .mr20 {margin-right:20px !important;} .mr21 {margin-right:21px !important;} .mr22 {margin-right:22px !important;} .mr23 {margin-right:23px !important;} .mr24 {margin-right:24px !important;} .mr25 {margin-right:25px !important;} .mr26 {margin-right:26px !important;} .mr27 {margin-right:27px !important;} .mr28 {margin-right:28px !important;} .mr29 {margin-right:29px !important;} .mr30 {margin-right:30px !important;} .mr31 {margin-right:31px !important;} .mr32 {margin-right:32px !important;} .mr33 {margin-right:33px !important;} .mr34 {margin-right:34px !important;} .mr35 {margin-right:35px !important;} .mr36 {margin-right:36px !important;} .mr37 {margin-right:37px !important;} .mr38 {margin-right:38px !important;} .mr39 {margin-right:39px !important;} .mr40 {margin-right:40px !important;} .mr41 {margin-right:41px !important;} .mr42 {margin-right:42px !important;} .mr43 {margin-right:43px !important;} .mr44 {margin-right:44px !important;} .mr45 {margin-right:45px !important;} .mr46 {margin-right:46px !important;} .mr47 {margin-right:47px !important;} .mr48 {margin-right:48px !important;} .mr49 {margin-right:49px !important;} .mr50 {margin-right:50px !important;} .mr51 {margin-right:51px !important;} .mr52 {margin-right:52px !important;} .mr53 {margin-right:53px !important;} .mr54 {margin-right:54px !important;} .mr55 {margin-right:55px !important;} .mr56 {margin-right:56px !important;} .mr57 {margin-right:57px !important;} .mr58 {margin-right:58px !important;} .mr59 {margin-right:59px !important;} .mr60 {margin-right:60px !important;} .mr61 {margin-right:61px !important;} .mr62 {margin-right:62px !important;} .mr63 {margin-right:63px !important;} .mr64 {margin-right:64px !important;} .mr65 {margin-right:65px !important;} .mr66 {margin-right:66px !important;} .mr67 {margin-right:67px !important;} .mr68 {margin-right:68px !important;} .mr69 {margin-right:69px !important;} .mr70 {margin-right:70px !important;} .mr71 {margin-right:71px !important;} .mr72 {margin-right:72px !important;} .mr73 {margin-right:73px !important;} .mr74 {margin-right:74px !important;} .mr75 {margin-right:75px !important;} .mr76 {margin-right:76px !important;} .mr77 {margin-right:77px !important;} .mr78 {margin-right:78px !important;} .mr79 {margin-right:79px !important;} .mr80 {margin-right:80px !important;} .mr81 {margin-right:81px !important;} .mr82 {margin-right:82px !important;} .mr83 {margin-right:83px !important;} .mr84 {margin-right:84px !important;} .mr85 {margin-right:85px !important;} .mr86 {margin-right:86px !important;} .mr87 {margin-right:87px !important;} .mr88 {margin-right:88px !important;} .mr89 {margin-right:89px !important;} .mr90 {margin-right:90px !important;} .mr91 {margin-right:91px !important;} .mr92 {margin-right:92px !important;} .mr93 {margin-right:93px !important;} .mr94 {margin-right:94px !important;} .mr95 {margin-right:95px !important;} .mr96 {margin-right:96px !important;} .mr97 {margin-right:97px !important;} .mr98 {margin-right:98px !important;} .mr99 {margin-right:99px !important;} .mr100 {margin-right:100px !important;} .mb0 {margin-bottom:0px !important;} .mb1 {margin-bottom:1px !important;} .mb2 {margin-bottom:2px !important;} .mb3 {margin-bottom:3px !important;} .mb4 {margin-bottom:4px !important;} .mb5 {margin-bottom:5px !important;} .mb6 {margin-bottom:6px !important;} .mb7 {margin-bottom:7px !important;} .mb8 {margin-bottom:8px !important;} .mb9 {margin-bottom:9px !important;} .mb10 {margin-bottom:10px !important;} .mb11 {margin-bottom:11px !important;} .mb12 {margin-bottom:12px !important;} .mb13 {margin-bottom:13px !important;} .mb14 {margin-bottom:14px !important;} .mb15 {margin-bottom:15px !important;} .mb16 {margin-bottom:16px !important;} .mb17 {margin-bottom:17px !important;} .mb18 {margin-bottom:18px !important;} .mb19 {margin-bottom:19px !important;} .mb20 {margin-bottom:20px !important;} .mb21 {margin-bottom:21px !important;} .mb22 {margin-bottom:22px !important;} .mb23 {margin-bottom:23px !important;} .mb24 {margin-bottom:24px !important;} .mb25 {margin-bottom:25px !important;} .mb26 {margin-bottom:26px !important;} .mb27 {margin-bottom:27px !important;} .mb28 {margin-bottom:28px !important;} .mb29 {margin-bottom:29px !important;} .mb30 {margin-bottom:30px !important;} .mb31 {margin-bottom:31px !important;} .mb32 {margin-bottom:32px !important;} .mb33 {margin-bottom:33px !important;} .mb34 {margin-bottom:34px !important;} .mb35 {margin-bottom:35px !important;} .mb36 {margin-bottom:36px !important;} .mb37 {margin-bottom:37px !important;} .mb38 {margin-bottom:38px !important;} .mb39 {margin-bottom:39px !important;} .mb40 {margin-bottom:40px !important;} .mb41 {margin-bottom:41px !important;} .mb42 {margin-bottom:42px !important;} .mb43 {margin-bottom:43px !important;} .mb44 {margin-bottom:44px !important;} .mb45 {margin-bottom:45px !important;} .mb46 {margin-bottom:46px !important;} .mb47 {margin-bottom:47px !important;} .mb48 {margin-bottom:48px !important;} .mb49 {margin-bottom:49px !important;} .mb50 {margin-bottom:50px !important;} .mb51 {margin-bottom:51px !important;} .mb52 {margin-bottom:52px !important;} .mb53 {margin-bottom:53px !important;} .mb54 {margin-bottom:54px !important;} .mb55 {margin-bottom:55px !important;} .mb56 {margin-bottom:56px !important;} .mb57 {margin-bottom:57px !important;} .mb58 {margin-bottom:58px !important;} .mb59 {margin-bottom:59px !important;} .mb60 {margin-bottom:60px !important;} .mb61 {margin-bottom:61px !important;} .mb62 {margin-bottom:62px !important;} .mb63 {margin-bottom:63px !important;} .mb64 {margin-bottom:64px !important;} .mb65 {margin-bottom:65px !important;} .mb66 {margin-bottom:66px !important;} .mb67 {margin-bottom:67px !important;} .mb68 {margin-bottom:68px !important;} .mb69 {margin-bottom:69px !important;} .mb70 {margin-bottom:70px !important;} .mb71 {margin-bottom:71px !important;} .mb72 {margin-bottom:72px !important;} .mb73 {margin-bottom:73px !important;} .mb74 {margin-bottom:74px !important;} .mb75 {margin-bottom:75px !important;} .mb76 {margin-bottom:76px !important;} .mb77 {margin-bottom:77px !important;} .mb78 {margin-bottom:78px !important;} .mb79 {margin-bottom:79px !important;} .mb80 {margin-bottom:80px !important;} .mb81 {margin-bottom:81px !important;} .mb82 {margin-bottom:82px !important;} .mb83 {margin-bottom:83px !important;} .mb84 {margin-bottom:84px !important;} .mb85 {margin-bottom:85px !important;} .mb86 {margin-bottom:86px !important;} .mb87 {margin-bottom:87px !important;} .mb88 {margin-bottom:88px !important;} .mb89 {margin-bottom:89px !important;} .mb90 {margin-bottom:90px !important;} .mb91 {margin-bottom:91px !important;} .mb92 {margin-bottom:92px !important;} .mb93 {margin-bottom:93px !important;} .mb94 {margin-bottom:94px !important;} .mb95 {margin-bottom:95px !important;} .mb96 {margin-bottom:96px !important;} .mb97 {margin-bottom:97px !important;} .mb98 {margin-bottom:98px !important;} .mb99 {margin-bottom:99px !important;} .mb100 {margin-bottom:100px !important;} /* padding 제어 */ .pd0 {padding:0px !important;} .pd1 {padding:1px !important;} .pd2 {padding:2px !important;} .pd3 {padding:3px !important;} .pd4 {padding:4px !important;} .pd5 {padding:5px !important;} .pd6 {padding:6px !important;} .pd7 {padding:7px !important;} .pd8 {padding:8px !important;} .pd9 {padding:9px !important;} .pd10 {padding:10px !important;} .pd11 {padding:11px !important;} .pd12 {padding:12px !important;} .pd13 {padding:13px !important;} .pd14 {padding:14px !important;} .pd15 {padding:15px !important;} .pd16 {padding:16px !important;} .pd17 {padding:17px !important;} .pd18 {padding:18px !important;} .pd19 {padding:19px !important;} .pd20 {padding:20px !important;} .pd21 {padding:21px !important;} .pd22 {padding:22px !important;} .pd23 {padding:23px !important;} .pd24 {padding:24px !important;} .pd25 {padding:25px !important;} .pd26 {padding:26px !important;} .pd27 {padding:27px !important;} .pd28 {padding:28px !important;} .pd29 {padding:29px !important;} .pd30 {padding:30px !important;} .pd31 {padding:31px !important;} .pd32 {padding:32px !important;} .pd33 {padding:33px !important;} .pd34 {padding:34px !important;} .pd35 {padding:35px !important;} .pd36 {padding:36px !important;} .pd37 {padding:37px !important;} .pd38 {padding:38px !important;} .pd39 {padding:39px !important;} .pd40 {padding:40px !important;} .pd41 {padding:41px !important;} .pd42 {padding:42px !important;} .pd43 {padding:43px !important;} .pd44 {padding:44px !important;} .pd45 {padding:45px !important;} .pd46 {padding:46px !important;} .pd47 {padding:47px !important;} .pd48 {padding:48px !important;} .pd49 {padding:49px !important;} .pd50 {padding:50px !important;} .pd51 {padding:51px !important;} .pd52 {padding:52px !important;} .pd53 {padding:53px !important;} .pd54 {padding:54px !important;} .pd55 {padding:55px !important;} .pd56 {padding:56px !important;} .pd57 {padding:57px !important;} .pd58 {padding:58px !important;} .pd59 {padding:59px !important;} .pd60 {padding:60px !important;} .pd61 {padding:61px !important;} .pd62 {padding:62px !important;} .pd63 {padding:63px !important;} .pd64 {padding:64px !important;} .pd65 {padding:65px !important;} .pd66 {padding:66px !important;} .pd67 {padding:67px !important;} .pd68 {padding:68px !important;} .pd69 {padding:69px !important;} .pd70 {padding:70px !important;} .pd71 {padding:71px !important;} .pd72 {padding:72px !important;} .pd73 {padding:73px !important;} .pd74 {padding:74px !important;} .pd75 {padding:75px !important;} .pd76 {padding:76px !important;} .pd77 {padding:77px !important;} .pd78 {padding:78px !important;} .pd79 {padding:79px !important;} .pd80 {padding:80px !important;} .pd81 {padding:81px !important;} .pd82 {padding:82px !important;} .pd83 {padding:83px !important;} .pd84 {padding:84px !important;} .pd85 {padding:85px !important;} .pd86 {padding:86px !important;} .pd87 {padding:87px !important;} .pd88 {padding:88px !important;} .pd89 {padding:89px !important;} .pd90 {padding:90px !important;} .pd91 {padding:91px !important;} .pd92 {padding:92px !important;} .pd93 {padding:93px !important;} .pd94 {padding:94px !important;} .pd95 {padding:95px !important;} .pd96 {padding:96px !important;} .pd97 {padding:97px !important;} .pd98 {padding:98px !important;} .pd99 {padding:99px !important;} .pd100 {padding:100px !important;} .pt0 {padding-top:0px !important;} .pt1 {padding-top:1px !important;} .pt2 {padding-top:2px !important;} .pt3 {padding-top:3px !important;} .pt4 {padding-top:4px !important;} .pt5 {padding-top:5px !important;} .pt6 {padding-top:6px !important;} .pt7 {padding-top:7px !important;} .pt8 {padding-top:8px !important;} .pt9 {padding-top:9px !important;} .pt10 {padding-top:10px !important;} .pt11 {padding-top:11px !important;} .pt12 {padding-top:12px !important;} .pt13 {padding-top:13px !important;} .pt14 {padding-top:14px !important;} .pt15 {padding-top:15px !important;} .pt16 {padding-top:16px !important;} .pt17 {padding-top:17px !important;} .pt18 {padding-top:18px !important;} .pt19 {padding-top:19px !important;} .pt20 {padding-top:20px !important;} .pt21 {padding-top:21px !important;} .pt22 {padding-top:22px !important;} .pt23 {padding-top:23px !important;} .pt24 {padding-top:24px !important;} .pt25 {padding-top:25px !important;} .pt26 {padding-top:26px !important;} .pt27 {padding-top:27px !important;} .pt28 {padding-top:28px !important;} .pt29 {padding-top:29px !important;} .pt30 {padding-top:30px !important;} .pt31 {padding-top:31px !important;} .pt32 {padding-top:32px !important;} .pt33 {padding-top:33px !important;} .pt34 {padding-top:34px !important;} .pt35 {padding-top:35px !important;} .pt36 {padding-top:36px !important;} .pt37 {padding-top:37px !important;} .pt38 {padding-top:38px !important;} .pt39 {padding-top:39px !important;} .pt40 {padding-top:40px !important;} .pt41 {padding-top:41px !important;} .pt42 {padding-top:42px !important;} .pt43 {padding-top:43px !important;} .pt44 {padding-top:44px !important;} .pt45 {padding-top:45px !important;} .pt46 {padding-top:46px !important;} .pt47 {padding-top:47px !important;} .pt48 {padding-top:48px !important;} .pt49 {padding-top:49px !important;} .pt50 {padding-top:50px !important;} .pt51 {padding-top:51px !important;} .pt52 {padding-top:52px !important;} .pt53 {padding-top:53px !important;} .pt54 {padding-top:54px !important;} .pt55 {padding-top:55px !important;} .pt56 {padding-top:56px !important;} .pt57 {padding-top:57px !important;} .pt58 {padding-top:58px !important;} .pt59 {padding-top:59px !important;} .pt60 {padding-top:60px !important;} .pt61 {padding-top:61px !important;} .pt62 {padding-top:62px !important;} .pt63 {padding-top:63px !important;} .pt64 {padding-top:64px !important;} .pt65 {padding-top:65px !important;} .pt66 {padding-top:66px !important;} .pt67 {padding-top:67px !important;} .pt68 {padding-top:68px !important;} .pt69 {padding-top:69px !important;} .pt70 {padding-top:70px !important;} .pt71 {padding-top:71px !important;} .pt72 {padding-top:72px !important;} .pt73 {padding-top:73px !important;} .pt74 {padding-top:74px !important;} .pt75 {padding-top:75px !important;} .pt76 {padding-top:76px !important;} .pt77 {padding-top:77px !important;} .pt78 {padding-top:78px !important;} .pt79 {padding-top:79px !important;} .pt80 {padding-top:80px !important;} .pt81 {padding-top:81px !important;} .pt82 {padding-top:82px !important;} .pt83 {padding-top:83px !important;} .pt84 {padding-top:84px !important;} .pt85 {padding-top:85px !important;} .pt86 {padding-top:86px !important;} .pt87 {padding-top:87px !important;} .pt88 {padding-top:88px !important;} .pt89 {padding-top:89px !important;} .pt90 {padding-top:90px !important;} .pt91 {padding-top:91px !important;} .pt92 {padding-top:92px !important;} .pt93 {padding-top:93px !important;} .pt94 {padding-top:94px !important;} .pt95 {padding-top:95px !important;} .pt96 {padding-top:96px !important;} .pt97 {padding-top:97px !important;} .pt98 {padding-top:98px !important;} .pt99 {padding-top:99px !important;} .pt100 {padding-top:100px !important;} .pl0 {padding-left:0px !important;} .pl1 {padding-left:1px !important;} .pl2 {padding-left:2px !important;} .pl3 {padding-left:3px !important;} .pl4 {padding-left:4px !important;} .pl5 {padding-left:5px !important;} .pl6 {padding-left:6px !important;} .pl7 {padding-left:7px !important;} .pl8 {padding-left:8px !important;} .pl9 {padding-left:9px !important;} .pl10 {padding-left:10px !important;} .pl11 {padding-left:11px !important;} .pl12 {padding-left:12px !important;} .pl13 {padding-left:13px !important;} .pl14 {padding-left:14px !important;} .pl15 {padding-left:15px !important;} .pl16 {padding-left:16px !important;} .pl17 {padding-left:17px !important;} .pl18 {padding-left:18px !important;} .pl19 {padding-left:19px !important;} .pl20 {padding-left:20px !important;} .pl21 {padding-left:21px !important;} .pl22 {padding-left:22px !important;} .pl23 {padding-left:23px !important;} .pl24 {padding-left:24px !important;} .pl25 {padding-left:25px !important;} .pl26 {padding-left:26px !important;} .pl27 {padding-left:27px !important;} .pl28 {padding-left:28px !important;} .pl29 {padding-left:29px !important;} .pl30 {padding-left:30px !important;} .pl31 {padding-left:31px !important;} .pl32 {padding-left:32px !important;} .pl33 {padding-left:33px !important;} .pl34 {padding-left:34px !important;} .pl35 {padding-left:35px !important;} .pl36 {padding-left:36px !important;} .pl37 {padding-left:37px !important;} .pl38 {padding-left:38px !important;} .pl39 {padding-left:39px !important;} .pl40 {padding-left:40px !important;} .pl41 {padding-left:41px !important;} .pl42 {padding-left:42px !important;} .pl43 {padding-left:43px !important;} .pl44 {padding-left:44px !important;} .pl45 {padding-left:45px !important;} .pl46 {padding-left:46px !important;} .pl47 {padding-left:47px !important;} .pl48 {padding-left:48px !important;} .pl49 {padding-left:49px !important;} .pl50 {padding-left:50px !important;} .pl51 {padding-left:51px !important;} .pl52 {padding-left:52px !important;} .pl53 {padding-left:53px !important;} .pl54 {padding-left:54px !important;} .pl55 {padding-left:55px !important;} .pl56 {padding-left:56px !important;} .pl57 {padding-left:57px !important;} .pl58 {padding-left:58px !important;} .pl59 {padding-left:59px !important;} .pl60 {padding-left:60px !important;} .pl61 {padding-left:61px !important;} .pl62 {padding-left:62px !important;} .pl63 {padding-left:63px !important;} .pl64 {padding-left:64px !important;} .pl65 {padding-left:65px !important;} .pl66 {padding-left:66px !important;} .pl67 {padding-left:67px !important;} .pl68 {padding-left:68px !important;} .pl69 {padding-left:69px !important;} .pl70 {padding-left:70px !important;} .pl71 {padding-left:71px !important;} .pl72 {padding-left:72px !important;} .pl73 {padding-left:73px !important;} .pl74 {padding-left:74px !important;} .pl75 {padding-left:75px !important;} .pl76 {padding-left:76px !important;} .pl77 {padding-left:77px !important;} .pl78 {padding-left:78px !important;} .pl79 {padding-left:79px !important;} .pl80 {padding-left:80px !important;} .pl81 {padding-left:81px !important;} .pl82 {padding-left:82px !important;} .pl83 {padding-left:83px !important;} .pl84 {padding-left:84px !important;} .pl85 {padding-left:85px !important;} .pl86 {padding-left:86px !important;} .pl87 {padding-left:87px !important;} .pl88 {padding-left:88px !important;} .pl89 {padding-left:89px !important;} .pl90 {padding-left:90px !important;} .pl91 {padding-left:91px !important;} .pl92 {padding-left:92px !important;} .pl93 {padding-left:93px !important;} .pl94 {padding-left:94px !important;} .pl95 {padding-left:95px !important;} .pl96 {padding-left:96px !important;} .pl97 {padding-left:97px !important;} .pl98 {padding-left:98px !important;} .pl99 {padding-left:99px !important;} .pl100 {padding-left:100px !important;} .pr0 {padding-right:0px !important;} .pr1 {padding-right:1px !important;} .pr2 {padding-right:2px !important;} .pr3 {padding-right:3px !important;} .pr4 {padding-right:4px !important;} .pr5 {padding-right:5px !important;} .pr6 {padding-right:6px !important;} .pr7 {padding-right:7px !important;} .pr8 {padding-right:8px !important;} .pr9 {padding-right:9px !important;} .pr10 {padding-right:10px !important;} .pr11 {padding-right:11px !important;} .pr12 {padding-right:12px !important;} .pr13 {padding-right:13px !important;} .pr14 {padding-right:14px !important;} .pr15 {padding-right:15px !important;} .pr16 {padding-right:16px !important;} .pr17 {padding-right:17px !important;} .pr18 {padding-right:18px !important;} .pr19 {padding-right:19px !important;} .pr20 {padding-right:20px !important;} .pr21 {padding-right:21px !important;} .pr22 {padding-right:22px !important;} .pr23 {padding-right:23px !important;} .pr24 {padding-right:24px !important;} .pr25 {padding-right:25px !important;} .pr26 {padding-right:26px !important;} .pr27 {padding-right:27px !important;} .pr28 {padding-right:28px !important;} .pr29 {padding-right:29px !important;} .pr30 {padding-right:30px !important;} .pr31 {padding-right:31px !important;} .pr32 {padding-right:32px !important;} .pr33 {padding-right:33px !important;} .pr34 {padding-right:34px !important;} .pr35 {padding-right:35px !important;} .pr36 {padding-right:36px !important;} .pr37 {padding-right:37px !important;} .pr38 {padding-right:38px !important;} .pr39 {padding-right:39px !important;} .pr40 {padding-right:40px !important;} .pr41 {padding-right:41px !important;} .pr42 {padding-right:42px !important;} .pr43 {padding-right:43px !important;} .pr44 {padding-right:44px !important;} .pr45 {padding-right:45px !important;} .pr46 {padding-right:46px !important;} .pr47 {padding-right:47px !important;} .pr48 {padding-right:48px !important;} .pr49 {padding-right:49px !important;} .pr50 {padding-right:50px !important;} .pr51 {padding-right:51px !important;} .pr52 {padding-right:52px !important;} .pr53 {padding-right:53px !important;} .pr54 {padding-right:54px !important;} .pr55 {padding-right:55px !important;} .pr56 {padding-right:56px !important;} .pr57 {padding-right:57px !important;} .pr58 {padding-right:58px !important;} .pr59 {padding-right:59px !important;} .pr60 {padding-right:60px !important;} .pr61 {padding-right:61px !important;} .pr62 {padding-right:62px !important;} .pr63 {padding-right:63px !important;} .pr64 {padding-right:64px !important;} .pr65 {padding-right:65px !important;} .pr66 {padding-right:66px !important;} .pr67 {padding-right:67px !important;} .pr68 {padding-right:68px !important;} .pr69 {padding-right:69px !important;} .pr70 {padding-right:70px !important;} .pr71 {padding-right:71px !important;} .pr72 {padding-right:72px !important;} .pr73 {padding-right:73px !important;} .pr74 {padding-right:74px !important;} .pr75 {padding-right:75px !important;} .pr76 {padding-right:76px !important;} .pr77 {padding-right:77px !important;} .pr78 {padding-right:78px !important;} .pr79 {padding-right:79px !important;} .pr80 {padding-right:80px !important;} .pr81 {padding-right:81px !important;} .pr82 {padding-right:82px !important;} .pr83 {padding-right:83px !important;} .pr84 {padding-right:84px !important;} .pr85 {padding-right:85px !important;} .pr86 {padding-right:86px !important;} .pr87 {padding-right:87px !important;} .pr88 {padding-right:88px !important;} .pr89 {padding-right:89px !important;} .pr90 {padding-right:90px !important;} .pr91 {padding-right:91px !important;} .pr92 {padding-right:92px !important;} .pr93 {padding-right:93px !important;} .pr94 {padding-right:94px !important;} .pr95 {padding-right:95px !important;} .pr96 {padding-right:96px !important;} .pr97 {padding-right:97px !important;} .pr98 {padding-right:98px !important;} .pr99 {padding-right:99px !important;} .pr100 {padding-right:100px !important;} .pb0 {padding-bottom:0px !important;} .pb1 {padding-bottom:1px !important;} .pb2 {padding-bottom:2px !important;} .pb3 {padding-bottom:3px !important;} .pb4 {padding-bottom:4px !important;} .pb5 {padding-bottom:5px !important;} .pb6 {padding-bottom:6px !important;} .pb7 {padding-bottom:7px !important;} .pb8 {padding-bottom:8px !important;} .pb9 {padding-bottom:9px !important;} .pb10 {padding-bottom:10px !important;} .pb11 {padding-bottom:11px !important;} .pb12 {padding-bottom:12px !important;} .pb13 {padding-bottom:13px !important;} .pb14 {padding-bottom:14px !important;} .pb15 {padding-bottom:15px !important;} .pb16 {padding-bottom:16px !important;} .pb17 {padding-bottom:17px !important;} .pb18 {padding-bottom:18px !important;} .pb19 {padding-bottom:19px !important;} .pb20 {padding-bottom:20px !important;} .pb21 {padding-bottom:21px !important;} .pb22 {padding-bottom:22px !important;} .pb23 {padding-bottom:23px !important;} .pb24 {padding-bottom:24px !important;} .pb25 {padding-bottom:25px !important;} .pb26 {padding-bottom:26px !important;} .pb27 {padding-bottom:27px !important;} .pb28 {padding-bottom:28px !important;} .pb29 {padding-bottom:29px !important;} .pb30 {padding-bottom:30px !important;} .pb31 {padding-bottom:31px !important;} .pb32 {padding-bottom:32px !important;} .pb33 {padding-bottom:33px !important;} .pb34 {padding-bottom:34px !important;} .pb35 {padding-bottom:35px !important;} .pb36 {padding-bottom:36px !important;} .pb37 {padding-bottom:37px !important;} .pb38 {padding-bottom:38px !important;} .pb39 {padding-bottom:39px !important;} .pb40 {padding-bottom:40px !important;} .pb41 {padding-bottom:41px !important;} .pb42 {padding-bottom:42px !important;} .pb43 {padding-bottom:43px !important;} .pb44 {padding-bottom:44px !important;} .pb45 {padding-bottom:45px !important;} .pb46 {padding-bottom:46px !important;} .pb47 {padding-bottom:47px !important;} .pb48 {padding-bottom:48px !important;} .pb49 {padding-bottom:49px !important;} .pb50 {padding-bottom:50px !important;} .pb51 {padding-bottom:51px !important;} .pb52 {padding-bottom:52px !important;} .pb53 {padding-bottom:53px !important;} .pb54 {padding-bottom:54px !important;} .pb55 {padding-bottom:55px !important;} .pb56 {padding-bottom:56px !important;} .pb57 {padding-bottom:57px !important;} .pb58 {padding-bottom:58px !important;} .pb59 {padding-bottom:59px !important;} .pb60 {padding-bottom:60px !important;} .pb61 {padding-bottom:61px !important;} .pb62 {padding-bottom:62px !important;} .pb63 {padding-bottom:63px !important;} .pb64 {padding-bottom:64px !important;} .pb65 {padding-bottom:65px !important;} .pb66 {padding-bottom:66px !important;} .pb67 {padding-bottom:67px !important;} .pb68 {padding-bottom:68px !important;} .pb69 {padding-bottom:69px !important;} .pb70 {padding-bottom:70px !important;} .pb71 {padding-bottom:71px !important;} .pb72 {padding-bottom:72px !important;} .pb73 {padding-bottom:73px !important;} .pb74 {padding-bottom:74px !important;} .pb75 {padding-bottom:75px !important;} .pb76 {padding-bottom:76px !important;} .pb77 {padding-bottom:77px !important;} .pb78 {padding-bottom:78px !important;} .pb79 {padding-bottom:79px !important;} .pb80 {padding-bottom:80px !important;} .pb81 {padding-bottom:81px !important;} .pb82 {padding-bottom:82px !important;} .pb83 {padding-bottom:83px !important;} .pb84 {padding-bottom:84px !important;} .pb85 {padding-bottom:85px !important;} .pb86 {padding-bottom:86px !important;} .pb87 {padding-bottom:87px !important;} .pb88 {padding-bottom:88px !important;} .pb89 {padding-bottom:89px !important;} .pb90 {padding-bottom:90px !important;} .pb91 {padding-bottom:91px !important;} .pb92 {padding-bottom:92px !important;} .pb93 {padding-bottom:93px !important;} .pb94 {padding-bottom:94px !important;} .pb95 {padding-bottom:95px !important;} .pb96 {padding-bottom:96px !important;} .pb97 {padding-bottom:97px !important;} .pb98 {padding-bottom:98px !important;} .pb99 {padding-bottom:99px !important;} .pb100 {padding-bottom:100px !important;} /* height 제어 5단위*/ .ht10 {height:10px !important;} .ht15 {height:15px !important;} .ht20 {height:20px !important;} .ht25 {height:25px !important;} .ht30 {height:30px !important;} .ht35 {height:35px !important;} .ht40 {height:40px !important;} .ht45 {height:45px !important;} .ht50 {height:50px !important;} .ht55 {height:55px !important;} .ht60 {height:60px !important;} .ht65 {height:65px !important;} .ht70 {height:70px !important;} .ht75 {height:75px !important;} .ht80 {height:80px !important;} .ht85 {height:85px !important;} .ht90 {height:90px !important;} .ht95 {height:95px !important;} .ht100 {height:100px !important;} .ht105 {height:105px !important;} .ht110 {height:110px !important;} .ht115 {height:115px !important;} .ht120 {height:120px !important;} .ht125 {height:125px !important;} .ht130 {height:130px !important;} .ht135 {height:135px !important;} .ht140 {height:140px !important;} .ht145 {height:145px !important;} .ht150 {height:150px !important;} .ht155 {height:155px !important;} .ht160 {height:160px !important;} .ht165 {height:165px !important;} .ht170 {height:170px !important;} .ht175 {height:175px !important;} .ht180 {height:180px !important;} .ht185 {height:185px !important;} .ht190 {height:190px !important;} .ht195 {height:195px !important;} .ht200 {height:200px !important;} .ht205 {height:205px !important;} .ht210 {height:210px !important;} .ht215 {height:215px !important;} .ht220 {height:220px !important;} .ht225 {height:225px !important;} .ht230 {height:230px !important;} .ht235 {height:235px !important;} .ht240 {height:240px !important;} .ht245 {height:245px !important;} .ht250 {height:250px !important;} .ht255 {height:255px !important;} .ht260 {height:260px !important;} .ht265 {height:265px !important;} .ht270 {height:270px !important;} .ht275 {height:275px !important;} .ht280 {height:280px !important;} .ht285 {height:285px !important;} .ht290 {height:290px !important;} .ht295 {height:295px !important;} .ht300 {height:300px !important;} .ht305 {height:305px !important;} .ht310 {height:310px !important;} .ht315 {height:315px !important;} .ht320 {height:320px !important;} .ht325 {height:325px !important;} .ht330 {height:330px !important;} .ht335 {height:335px !important;} .ht340 {height:340px !important;} .ht345 {height:345px !important;} .ht350 {height:350px !important;} .ht355 {height:355px !important;} .ht360 {height:360px !important;} .ht365 {height:365px !important;} .ht370 {height:370px !important;} .ht375 {height:375px !important;} .ht380 {height:380px !important;} .ht385 {height:385px !important;} .ht390 {height:390px !important;} .ht395 {height:395px !important;} .ht400 {height:400px !important;} .ht405 {height:405px !important;} .ht410 {height:410px !important;} .ht415 {height:415px !important;} .ht420 {height:420px !important;} .ht425 {height:425px !important;} .ht430 {height:430px !important;} .ht435 {height:435px !important;} .ht440 {height:440px !important;} .ht445 {height:445px !important;} .ht450 {height:450px !important;} .ht455 {height:455px !important;} .ht460 {height:460px !important;} .ht465 {height:465px !important;} .ht470 {height:470px !important;} .ht475 {height:475px !important;} .ht480 {height:480px !important;} .ht485 {height:485px !important;} .ht490 {height:490px !important;} .ht495 {height:495px !important;} .ht500 {height:500px !important;} .ht505 {height:505px !important;} .ht510 {height:510px !important;} .ht515 {height:515px !important;} .ht520 {height:520px !important;} .ht525 {height:525px !important;} .ht530 {height:530px !important;} .ht535 {height:535px !important;} .ht540 {height:540px !important;} .ht545 {height:545px !important;} .ht550 {height:550px !important;} .ht555 {height:555px !important;} .ht560 {height:560px !important;} .ht565 {height:565px !important;} .ht570 {height:570px !important;} .ht575 {height:575px !important;} .ht580 {height:580px !important;} .ht585 {height:585px !important;} .ht590 {height:590px !important;} .ht595 {height:595px !important;} .ht600 {height:600px !important;} .ht605 {height:605px !important;} .ht610 {height:610px !important;} .ht615 {height:615px !important;} .ht620 {height:620px !important;} .ht625 {height:625px !important;} .ht630 {height:630px !important;} .ht635 {height:635px !important;} .ht640 {height:640px !important;} .ht645 {height:645px !important;} .ht650 {height:650px !important;} .ht655 {height:655px !important;} .ht660 {height:660px !important;} .ht665 {height:665px !important;} .ht670 {height:670px !important;} .ht675 {height:675px !important;} .ht680 {height:680px !important;} .ht685 {height:685px !important;} .ht690 {height:690px !important;} .ht695 {height:695px !important;} .ht700 {height:700px !important;} .ht705 {height:705px !important;} .ht710 {height:710px !important;} .ht715 {height:715px !important;} .ht720 {height:720px !important;} .ht725 {height:725px !important;} .ht730 {height:730px !important;} .ht735 {height:735px !important;} .ht740 {height:740px !important;} .ht745 {height:745px !important;} .ht750 {height:750px !important;} .ht755 {height:755px !important;} .ht760 {height:760px !important;} .ht765 {height:765px !important;} .ht770 {height:770px !important;} .ht775 {height:775px !important;} .ht780 {height:780px !important;} .ht785 {height:785px !important;} .ht790 {height:790px !important;} .ht795 {height:795px !important;} .ht800 {height:800px !important;} .ht805 {height:805px !important;} .ht810 {height:810px !important;} .ht815 {height:815px !important;} .ht820 {height:820px !important;} .ht825 {height:825px !important;} .ht830 {height:830px !important;} .ht835 {height:835px !important;} .ht840 {height:840px !important;} .ht845 {height:845px !important;} .ht850 {height:850px !important;} .ht855 {height:855px !important;} .ht860 {height:860px !important;} .ht865 {height:865px !important;} .ht870 {height:870px !important;} .ht875 {height:875px !important;} .ht880 {height:880px !important;} .ht885 {height:885px !important;} .ht890 {height:890px !important;} .ht895 {height:895px !important;} .ht900 {height:900px !important;} .ht905 {height:905px !important;} .ht910 {height:910px !important;} .ht915 {height:915px !important;} .ht920 {height:920px !important;} .ht925 {height:925px !important;} .ht930 {height:930px !important;} .ht935 {height:935px !important;} .ht940 {height:940px !important;} .ht945 {height:945px !important;} .ht950 {height:950px !important;} .ht955 {height:955px !important;} .ht960 {height:960px !important;} .ht965 {height:965px !important;} .ht970 {height:970px !important;} .ht975 {height:975px !important;} .ht980 {height:980px !important;} .ht985 {height:985px !important;} .ht990 {height:990px !important;} .ht995 {height:995px !important;} .ht1000 {height:1000px !important;} /* width 제어 */ .wd0 {width:0% !important;} .wd1 {width:1% !important;} .wd2 {width:2% !important;} .wd3 {width:3% !important;} .wd4 {width:4% !important;} .wd5 {width:5% !important;} .wd6 {width:6% !important;} .wd7 {width:7% !important;} .wd8 {width:8% !important;} .wd9 {width:9% !important;} .wd10 {width:10% !important;} .wd11 {width:11% !important;} .wd12 {width:12% !important;} .wd13 {width:13% !important;} .wd14 {width:14% !important;} .wd15 {width:15% !important;} .wd16 {width:16% !important;} .wd17 {width:17% !important;} .wd18 {width:18% !important;} .wd19 {width:19% !important;} .wd20 {width:20% !important;} .wd21 {width:21% !important;} .wd22 {width:22% !important;} .wd23 {width:23% !important;} .wd24 {width:24% !important;} .wd25 {width:25% !important;} .wd26 {width:26% !important;} .wd27 {width:27% !important;} .wd28 {width:28% !important;} .wd29 {width:29% !important;} .wd30 {width:30% !important;} .wd31 {width:31% !important;} .wd32 {width:32% !important;} .wd33 {width:33% !important;} .wd34 {width:34% !important;} .wd35 {width:35% !important;} .wd36 {width:36% !important;} .wd37 {width:37% !important;} .wd38 {width:38% !important;} .wd39 {width:39% !important;} .wd40 {width:40% !important;} .wd41 {width:41% !important;} .wd42 {width:42% !important;} .wd43 {width:43% !important;} .wd44 {width:44% !important;} .wd45 {width:45% !important;} .wd46 {width:46% !important;} .wd47 {width:47% !important;} .wd48 {width:48% !important;} .wd49 {width:49% !important;} .wd50 {width:50% !important;} .wd51 {width:51% !important;} .wd52 {width:52% !important;} .wd53 {width:53% !important;} .wd54 {width:54% !important;} .wd55 {width:55% !important;} .wd56 {width:56% !important;} .wd57 {width:57% !important;} .wd58 {width:58% !important;} .wd59 {width:59% !important;} .wd60 {width:60% !important;} .wd61 {width:61% !important;} .wd62 {width:62% !important;} .wd63 {width:63% !important;} .wd64 {width:64% !important;} .wd65 {width:65% !important;} .wd66 {width:66% !important;} .wd67 {width:67% !important;} .wd68 {width:68% !important;} .wd69 {width:69% !important;} .wd70 {width:70% !important;} .wd71 {width:71% !important;} .wd72 {width:72% !important;} .wd73 {width:73% !important;} .wd74 {width:74% !important;} .wd75 {width:75% !important;} .wd76 {width:76% !important;} .wd77 {width:77% !important;} .wd78 {width:78% !important;} .wd79 {width:79% !important;} .wd80 {width:80% !important;} .wd81 {width:81% !important;} .wd82 {width:82% !important;} .wd83 {width:83% !important;} .wd84 {width:84% !important;} .wd85 {width:85% !important;} .wd86 {width:86% !important;} .wd87 {width:87% !important;} .wd88 {width:88% !important;} .wd89 {width:89% !important;} .wd90 {width:90% !important;} .wd91 {width:91% !important;} .wd92 {width:92% !important;} .wd93 {width:93% !important;} .wd94 {width:94% !important;} .wd95 {width:95% !important;} .wd96 {width:96% !important;} .wd97 {width:97% !important;} .wd98 {width:98% !important;} .wd99 {width:99% !important;} .wd100 {width:100% !important;} .w100{width:100% !important;} .hei400{max-height:400px;} .hei500{max-height:500px;} .hei600{max-height:600px;} .lsm1{letter-spacing:-1px;} /* color */ .point_bg1{background-color:#5b8eee; color:#fff;} .point_bg2{background-color:#283f88; color:#fff;} .point_bg3{background-color:#727c9b; color:#fff;} .point_bg4{background-color:#f1f5f7;} .point_bg5{background-color:#fff;} .point_bg6{background-color:#08bfc2; color:#fff;} .point_bg7{background-color:#f5bd2a; color:#fff;} .point_bg8{background-color:#ef6252; color:#fff;} .point_bg9{background-color:#2bafed; color:#fff;} .point_bg10{background-color:#d2502c; color:#fff;} .point_bgdeep{background-color:#333; color:#fff;} .point_bg11{background-color:#004ea2; color:#fff;} .point_bg12{background-color:#f4f1e8; color:#fff;} .point_bg13{background-color:#e4ded2; color:#fff;} .point_bg14{background-color:#989ba0; color:#fff;} .point_bg15{background-color:#8f97b0; color:#fff;} .point_bg16{background-color:#CC2E1C; color:#fff;} .point_bg17{background-color:#BB5802; color:#fff;} .point_bg18{background-color:#147084; color:#fff;} .point_bg19{background-color:#0574A7; color:#fff;} .point_bg20{background-color:#366ACA; color:#fff;} .point_bg21{background-color:#7064E5; color:#fff;} .point_bg01{background-color:#5588e7; color:#fff;} .point_bg02{background-color:#283f88; color:#fff;} .point_bg03{background-color:#727c9b; color:#fff;} .point_bg04{background-color:#08b9bc; color:#fff; text-shadow:1px 1px 0 #637698;} .point_bg05{background-color:#2bafed; color:#fff; text-shadow:1px 1px 0 #637698;} .point_bg06{background-color:#ef6252; color:#fff;} .point_bg07{background-color:#7265e9; color:#fff;} .point_bg08{background-color:#e4b90d; color:#fff;} .point_bg09{background-color:#7e8cb7; color:#fff;} .point_fc1{color:#5b8eee;} .point_fc2{color:#283f88;} .point_fc3{color:#727c9b;} .point_fc4{color:#f1f5f7;} .point_fc5{color:#fff;} .point_fc6{color:#08bfc2;} .point_fc7{color:#f5bd2a;} .point_fc8{color:#ef6252;} .point_fc9{color:#1097D6;} .point_fc10{color:#d2502c;} .point_fcdeep{color:#333;} .point_fc11{color:#004ea2;} .point_fc12{color:#f4f1e8;} .point_fc13{color:#e4ded2;} .point_fc14{color:#989ba0;} .point_fc15{color:#8f97b0;} .point_fc16{color:#CC2E1C;} .point_fc17{color:#BB5802;} .point_fc18{color:#147084;} .point_fc19{color:#0574A7;} .point_fc20{color:#366ACA;} .point_fc21{color:#7064E5;} /* font size */ .fs18{font-size:18px;} .fs21{font-size:21px;} .fs23{font-size:23px;} /* icon */ [class^="icon_"]{box-sizing:border-box; background-position:center; background-repeat:no-repeat;} [class^="icon_l_"]{padding-left:25px; background-repeat:no-repeat; background-position:left center;} [class^="icon_r_"]{padding-right:25px; background-repeat:no-repeat; background-position:right center;} .icon_l_txt_question{background-image:url(../images/icon_question.png); background-position:left top 3px; color:#cc2e1c; font-weight:600;} .icon_l_txt_exclamation{background-image:url(../images/icon_exclamation.png); background-position:left top 3px; color:#0574A7; font-weight:600;} .icon_l_txt_check1{background-image:url(../images/icon_check1.png); background-position: left top 7px; color:#BB5802; font-weight:600;} .icon_l_txt_check2{background-image:url(../images/icon_check2.png); background-position: left top 7px; color:#147084; font-weight:600;} .icon_r_txt_new_window{background-image:url(../images/icon_new_window.png); background-position:right top 4px; color:#c01d6f; font-weight:600;} .icon_r_txt_down_txt{background-image:url(../images/icon_txt_down.png); background-position:right top 4px; color:#0574A7; font-weight:600;} .icon_l_txt_mail{background-image:url(../images/icon_txt_mail.png); background-position:left top 8px; color:#0574A7; font-weight:600;} /*[class^="icon_"][class$="_check"]{background-image:url(../images/icon_btn_check.png);}*/ /*[class^="icon_"][class$="_cancle"]{background-image:url(../images/icon_btn_cancle.png);}*/ [class^="icon_"][class$="_next"]{background-image:url(../images/icon_btn_next.png);} [class^="icon_"][class$="_list"]{background-image:url(../images/icon_btn_list.png);} /*[class^="icon_"][class$="_search"]{background-image:url(../images/icon_btn_search.png);}*/ [class^="icon_"][class$="_person"]{background-image:url(../images/icon_opinion_box.png);} /* 만족도조사 */ [class^="icon_"][class$="_star"]{padding-left:15px; background-image:url(../images/icon_star.png); background-position: left top 7px;} /* 필수입력값 별표 */ [class^="icon_"][class$="_arrow"]{background-image:url(../images/icon_arrow.png);} /* 박스형 게시판 */ [class^="icon_"][class$="_arrow_w_t"]{background-image:url(../images/icon_arrow_w_t.png);} /* 검색_2단영역 */ [class^="icon_"][class$="_arrow_w_b"]{background-image:url(../images/icon_arrow_w_b.png);} /* 검색_2단영역 */ /*[class^="icon_"][class$="_arrow_t"]{background-image:url(../images/icon_arrow_t.png);} sub_tit */ /*[class^="icon_"][class$="_arrow_b"]{background-image:url(../images/icon_arrow_b.png);} sub_tit */ [class^="icon_"][class$="_file"]{background-image:url(../images/icon_file.png);} /* 박스형 게시판 */ [class^="icon_"][class$="_qna_more"]{background-image:url(../images/icon_qna_more.png);} /* QnA_type1 */ [class^="icon_"][class$="_search_b"]{background-image:url(../images/icon_search_b.png);} /* 통합검색 */ [class^="icon_"][class$="_search_b_w"]{background-image:url(../images/icon_search_b_w.png);} /* 통합검색 */ .icon_l_letter{background-image:url(../images/icon_all.png); background-position:left top 4px;} /* header 뉴스레터 */ .icon_new_window{padding-right:25px; background-image:url(../images/icon_all.png); background-position:right -444px;} /* snb */ .icon_r_cont_down{padding-right:30px; background-image:url(../images/icon_all_contents.png); background-position:right top 4px;} /* ci_down */ .icon_r_down_w{background-image:url(../images/icon_all_contents.png); background-position:right -44px;} /* ci_down */ /* title */ [class^="title"]{box-sizing:border-box; font-weight:600;} .title1{margin-bottom:20px; padding-top:8px; background:url(../images/icon_title1.png) left top no-repeat; font-size:28px; letter-spacing:-1px; color:#333;} .title2{margin-bottom:18px; padding-left:30px; background:url(../images/icon_title2.png) left top 7px no-repeat; font-size:23px; color:#333;} .title3{margin-bottom:15px; padding-left:16px; background:url(../images/icon_title3.png) left top 6px no-repeat; font-size:20px; color:#333;} .title4{margin-bottom:13px; padding-left:23px; background:url(../images/icon_title4.png) left top 6px no-repeat; font-size:18px; color:#366ACA;} .title1 > img.social_bi_title{margin-left:10px; vertical-align:text-bottom;} /* point_title 2020-08-27 */ .point_title{margin-bottom:50px; padding-bottom:30px; background:url(../images/bg_greeting_detail_b.png) bottom center no-repeat; font-size:35px; letter-spacing:-1px; color:#333; font-weight:700; text-align:center; box-sizing:border-box;} /* list */ [class^="list_"]{word-break:keep-all;} [class^="list_"] [class^="list_"]{padding-left:15px;} [class^="list_ol"]{counter-reset:chapter;} [class^="list_ol"] > li{padding:3px 0;} [class^="list_ol"] > li > p{position:relative; padding-left:35px;} [class^="list_ol"] > li > p:before{display:block; content:counter(chapter); counter-increment:chapter; position:absolute; left:0; top:0; font-style:italic; } .list_ol1 > li{padding:5px 0;} .list_ol1 > li:nth-child(n+10) > p{padding-left:42px;} .list_ol1 > li > p:before{top:3px; min-width:26px; height:26px; padding:0 8px 0 5px; background-color:#366ACA; border-radius:500px; font-size:17px; color:#fff; box-sizing:border-box; font-weight:700; text-align:center; line-height:26px;} .list_ol2 > li > p{padding-left:28px;} .list_ol2 > li > p:before{content:counter(chapter, decimal-leading-zero); font-size:15px; color:#333; font-weight:700;} .list_ol3 > li > p{padding-left:30px;} .list_ol3 > li:nth-child(n+10) > p{padding-left:35px;} .list_ol3 > li > p:before{padding-left:8px; background:url(../images/icon_ol_list.png) left center no-repeat; font-size:15px; color:#7c7c7c; font-weight:700;} [class^="list_ul"] > li{padding:5px 0;} [class^="list_ul"] > li > p{position:relative;} [class^="list_ul"] > li > p:before{display:block; content:""; position:absolute; left:0; top:11px; margin-right:8px;} [class^="list_ul1"] > li > p{padding-left:20px;} [class^="list_ul1"] > li > p:before{top:6px; width:12px; height:15px; background:url(../images/icon_list_ul1.png) left center no-repeat; line-height:11px;} .list_ul1_2 > li > p:before{background-image:url(../images/icon_list_ul1_1.png);} .list_ul1_3 > li > p:before{background-image:url(../images/icon_list_ul1_3.png);} .list_ul2 > li > p{padding-left:14px;} .list_ul2 > li > p:before{width:6px; height:2px; background-color:#808080;} .list_ul2_sub > li > p:before{top:14px;} .list_ul3 > li > p{padding-left:10px;} .list_ul3 > li > p:before{width:2px; height:2px; background-color:#808080;} /* list style add 2020-08-27 */ .line_list > li > p, .line_list2 > li > p, .line_list3 > li > p {margin-bottom:10px; padding:20px 0; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6; font-size:20px; font-weight:700; color:#333;} .line_list > li > p{padding-left:35px;} .line_list > li > [class^="list_"] > li , .line_list2 > li > [class^="list_"] > li {margin:20px 0;} .line_list2 > li > p {padding-top:0; padding-left:28px; border-top:none; font-weight:normal;} .line_list3 > li{padding:20px 0; border-bottom:1px solid #d2d7e6; } .line_list3 > li:last-child{padding-bottom:0; border-bottom:none; } .line_list3 > li > p{padding:0; padding-left:30px; border:none;} .line_list3 > li > [class^="list_"] {padding:0;} .point_list > li > p > span {font-weight:700; color:366ACA;} .point_list > li > p > span:after{content:''; display:block; margin-bottom:5px;} .sm_list > li {padding:2px 0; font-size:15px;} /* list style add 2020-08-28 */ .line_title {margin-bottom:10px; padding:20px 0; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6; font-size:20px; font-weight:700; color:#333;} /* tab */ [class^="tab_btn"]{margin-bottom:60px; text-align:center;} [class^="tab_btn"] li{display:inline-block;} .tab_btn1{display:flex; -webkit-display:flex; flex-wrap:wrap; flex-wrap:-webkit-wrap;} .tab_btn1 li{width:calc((100% - 19px)/4); margin-right:6px; margin-bottom:6px;} .tab_btn1 li:nth-child(4n){margin-right:0;} .tab_btn1 li a{display:flex; display:-webkit-flex; align-items:center; justify-content:center; height:100%; padding:12px 7px; border:1px solid #d2d8eb; background-color:#eff1f7; font-size:17px; color:#555; box-sizing:border-box;} .tab_btn1 li a.on{border:0; background-color:#2b5aaf; color:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.25);} .tab_btn1 > li > a:hover, .tab_btn1 > li > a:focus, .tab_btn1 > li > a:active {border-color:#2b5aaf; background-color:#2b5aaf; color:#fff;} .tab_btn1_5 li:nth-child(n){width:calc((100% - 25px)/5); margin-right:6px;} .tab_btn1_5 li:nth-child(5){margin-right:0;} .tab_btn1_3 li:nth-child(n){width:calc((100% - 13px)/3); margin-right:6px;} .tab_btn1_3 li:nth-child(3){margin-right:0;} .tab_btn1_2 li:nth-child(n){width:calc((100% - 7px)/2); margin-right:6px;} .tab_btn1_2 li:nth-child(2){margin-right:0;} .tab_btn1_1 li:nth-child(n){width:100%; margin-right:0;} .tab_btn2{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .tab_btn2 li{position:relative;} .tab_btn2 li:after{display:block; content:""; position:absolute; right:-2px; top:50%; width:2px; height:2px; background-color:#b9b6b6; border-radius:50%;} .tab_btn2 li:last-child:after{display:none;} .tab_btn2 li button{display:inline-block; margin:0 10px; padding:12px 0; font-size:16px; color:#555;} .tab_btn2 li button.on{border-bottom:2px solid #3a73db; color:#4881e7; font-weight:700;} .tab_btn2 li button:hover, .tab2 li button:active, .tab2 li button:focus{color:#4881e7; font-weight:700;} /* btn */ [class^="btn_"]{display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center;} [class^="btn_"]:hover, [class^="btn_"]:focus, [class^="btn_"]:active{cursor:pointer;} .btn_sz_xl[class*="btn_ln"]{border-width:2px;} .btn_sz_xl{height:80px; padding:0 40px; font-size:20px; line-height:70px; font-weight:700;} .btn_sz_l{height:60px; padding:0 35px; font-size:18px; line-height:58px; font-weight:700;} .btn_sz_m{min-width:94px; height:45px; padding:0 20px; font-size:16px; line-height:42px; font-weight:600;} .btn_sz_s{min-width:75px; height:35px; padding:0 20px; font-size:14px; line-height:32px; font-weight:600;} .btn_bg1{background-color:#5588e7; color:#fff;} .btn_bg1:hover, .btn_bg1:focus, .btn_bg1:active{background-color:#9dbaf1;} .btn_bg2{background-color:#283f88; color:#fff;} .btn_bg2:hover, .btn_bg2:focus, .btn_bg2:active{background-color:#748cd9;} .btn_bg3{background-color:#727c9b; color:#fff;} .btn_bg3:hover, .btn_bg3:focus, .btn_bg3:active{background-color:#b6bdd1;} .btn_bg4{background-color:#08b9bc; color:#fff;} .btn_bg4:hover, .btn_bg4:focus, .btn_bg4:active{background-color:#93e1e2;} .btn_bg5{background-color:#2bafed; color:#fff;} .btn_bg5:hover, .btn_bg5:focus, .btn_bg5:active{background-color:#96d4f1;} .btn_bg6{background-color:#ef6252; color:#fff;} .btn_bg6:hover, .btn_bg6:focus, .btn_bg6:active{background-color:#f4afa7;} .btn_bg7{background-color:#7265e9; color:#fff;} .btn_bg7:hover, .btn_bg7:focus, .btn_bg7:active{background-color:#a59ee9;} .btn_bg8{background-color:#e4b90d; color:#fff;} .btn_bg8:hover, .btn_bg8:focus, .btn_bg8:active{background-color:#e8cf6a;} .btn_bg9{background-color:#7e8cb7; color:#fff;} .btn_bg9:hover, .btn_bg9:focus, .btn_bg9:active{background-color:#acb7d7;} .btn_bg10{background-color:#727c9b; color:#fff;} .btn_bg10:hover, .btn_bg10:focus, .btn_bg10:active{background-color:#b6bdd1;} /* 발간자료 머리말 태그 */ .btn_hbg00{background-color:#727c9b; color:#fff;} .btn_hbg00:hover, .btn_hbg00:focus, .btn_hbg00:active{background-color:#b6bdd1;} .btn_hbg1{background-color:#7265e9; color:#fff;} .btn_hbg1:hover, .btn_hbg1:focus, .btn_hbg1:active{background-color:#a59ee9;} .btn_hbg2{background-color:#5588e7; color:#fff;} .btn_hbg2:hover, .btn_hbg2:focus, .btn_hbg2:active{background-color:#9dbaf1;} .btn_hbg3{background-color:#2bafed; color:#fff;} .btn_hbg3:hover, .btn_hbg3:focus, .btn_hbg3:active{background-color:#96d4f1;} .btn_hbg4{background-color:#08b9bc; color:#fff;} .btn_hbg4:hover, .btn_hbg4:focus, .btn_hbg4:active{background-color:#93e1e2;} .btn_hbg5{background-color:#ef6252; color:#fff;} .btn_hbg5:hover, .btn_hbg5:focus, .btn_hbg5:active{background-color:#f4afa7;} .btn_hbg6{background-color:#e4b90d; color:#fff;} .btn_hbg6:hover, .btn_hbg6:focus, .btn_hbg6:active{background-color:#e8cf6a;} .btn_hbg99{background-color:#7e8cb7; color:#fff;} .btn_hbg99:hover, .btn_hbg99:focus, .btn_hbg99:active{background-color:#acb7d7;} .point_hbg1{background-color:#7064E5; color:#fff;} .point_hbg2{background-color:#366ACA; color:#fff;} .point_hbg3{background-color:#2bafed; color:#fff; text-shadow:1px 1px 0 #637698;} .point_hbg4{background-color:#08bfc2; color:#fff; text-shadow:1px 1px 0 #637698;} .point_hbg5{background-color:#ef6252; color:#fff;} .point_hbg6{background-color:#f5bd2a; color:#fff;} .point_hbg99{background-color:#8f97b0; color:#fff;} /* 발간자료 머리말 태그 */ /* 사회적경제 우수사례 머리말 태그(시작) */ .btn_tbg00{background-color:#b71c1c; color:#fff;} .btn_tbg1{background-color:#ad1457; color:#fff;} .btn_tbg2{background-color:#d84315; color:#fff;} .btn_tbg3{background-color:#ef6c00; color:#fff;} .btn_tbg4{background-color:#ff8f00; color:#fff;} .btn_tbg5{background-color:#f9a825; color:#333;} .btn_tbg99{background-color:#ffc107; color:#333;} .btn_rbg00{background-color:#689f38; color:#fff;} .btn_rbg1{background-color:#388e3c; color:#fff;} .btn_rbg2{background-color:#00796b; color:#fff;} .btn_rbg3{background-color:#0097a7; color:#fff;} .btn_rbg4{background-color:#0288d1; color:#fff;} .btn_rbg5{background-color:#1976d2; color:#fff;} .btn_rbg6{background-color:#303f9f; color:#fff;} .btn_rbg7{background-color:#512da8; color:#fff;} .btn_rbg99 {background-color:#7b1fa2; color:#fff;} .point_tbg1{background-color:#ad1457; color:#fff;} .point_tbg2{background-color:#d84315; color:#fff;} .point_tbg3{background-color:#ef6c00; color:#fff;} .point_tbg4{background-color:#ff8f00; color:#fff;} .point_tbg5{background-color:#f9a825; color:#333;} .point_tbg99{background-color:#ffc107; color:#333;} .point_rbg1{background-color:#388e3c; color:#fff;} .point_rbg2{background-color:#00796b; color:#fff;} .point_rbg3{background-color:#0097a7; color:#fff;} .point_rbg4{background-color:#0288d1; color:#fff;} .point_rbg5{background-color:#1976d2; color:#fff;} .point_rbg6{background-color:#303f9f; color:#fff;} .point_rbg7{background-color:#512da8; color:#fff;} .point_rbg99{background-color:#7b1fa2; color:#fff;} /* 사회적경제 우수사례 머리말 태그 (끝)*/ [class*="btn_ln"]{border-width:1px; border-style:solid; background-color:#fff;} .btn_ln1{border-color:#5286e6; color:#366ACA;} .btn_ln1:hover, .btn_ln1:focus, .btn_ln1:active{background-color:#e5eefe;} .btn_ln2{border-color:#283f88; color:#283f88;} .btn_ln2:hover, .btn_ln2:focus, .btn_ln2:active{background-color:#e9eefd;} .btn_ln3{border-color:#727c9b; color:#696f7b;} .btn_ln3:hover, .btn_ln3:focus, .btn_ln3:active{background-color:#e8ebf4;} .btn_ln4{border-color:#08bfc2; color:#147084;} .btn_ln4:hover, .btn_ln4:focus, .btn_ln4:active{background-color:#ebfafa;} .btn_ln5{border-color:#2bafed; color:#0574A7;} .btn_ln5:hover, .btn_ln5:focus, .btn_ln5:active{background-color:#ecf6fb;} .btn_ln6{border-color:#ef6252; color:#cc2e1c;} .btn_ln6:hover, .btn_ln6:focus, .btn_ln6:active{background-color:#fae8e6;} .btn_ln7{border-color:#7265e9; color:#7064E5;} .btn_ln7:hover, .btn_ln7:focus, .btn_ln7:active{background-color:#ebe9fa;} .btn_ln8{border-color:#e4b90d; color:#8E7203;} .btn_ln8:hover, .btn_ln8:focus, .btn_ln8:active{background-color:#f9f6e9;} .btn_ln9{border-color:#7e8cb7; color:#7e8cb7;} .btn_ln9:hover, .btn_ln9:focus, .btn_ln9:active{background-color:#e5ebfc;} .btn_ln10{border-color:#727c9b; color:#696f7b;} .btn_ln10:hover, .btn_ln10:focus, .btn_ln10:active{background-color:#e8ebf4;} [class*="icon_all_btn_"]{background-image:url(../images/icon_all_btn.png); background-repeat:no-repeat;} [class*="icon_all_btn_r"]{padding-right:25px;} [class="icon_all_btn_r_m_down1 r18"]{padding-right:18px;} [class*="icon_all_btn_l"]{padding-left:25px;} [class*="icon_all_btn_r_l_arrow"]{padding-right:40px;} [class*="icon_all_btn_r_s"]{padding-right:17px;} [class*="icon_all_btn_l_s"]{padding-left:17px;} .icon_all_btn_r_l_arrow_w{background-position:right top 7px;} .icon_all_btn_r_l_arrow2{background-position:right top -143px;} .icon_all_btn_r_l_arrow4{background-position:right top -243px;} .icon_all_btn_r_l_arrow5{background-position:right top -343px;} .icon_all_btn_r_l_down_w{background-position:right top -43px;} .icon_all_btn_r_l_down2{background-position:right top -193px;} .icon_all_btn_r_l_down4{background-position:right top -293px;} .icon_all_btn_r_l_down5{background-position:right top -393px;} .icon_all_btn_r_l_window_w{background-position:right 1px top -92px;} .icon_all_btn_r_l_window2{background-position:right top -1792px;} .icon_all_btn_r_l_window4{background-position:right top -1842px;} .icon_all_btn_r_l_window5{background-position:right top -1892px;} .icon_all_btn_r_m_arrow_w{background-position:right top -443px;} .icon_all_btn_r_m_down_w{background-position:right top -493px;} .icon_all_btn_r_m_window_w{background-position:right 1px top -543px; text-shadow:1px 1px 0 #637698;} .icon_all_btn_r_m_arrow1{background-position:right top -593px;} .icon_all_btn_r_m_arrow3{background-position:right top -743px;} .icon_all_btn_r_m_arrow4{background-position:right top -893px;} .icon_all_btn_r_m_arrow5{background-position:right top -1043px;} .icon_all_btn_r_m_arrow6{background-position:right top -1193px;} .icon_all_btn_r_m_down1{background-position:right top -643px;} .icon_all_btn_r_m_down3{background-position:right top -793px;} .icon_all_btn_r_m_down4{background-position:right top -943px;} .icon_all_btn_r_m_down5{background-position:right top -1093px;} .icon_all_btn_r_m_down6{background-position:right top -1243px;} .icon_all_btn_r_m_window1{background-position:right 1px top -693px;} .icon_all_btn_r_m_window3{background-position:right top -843px;} .icon_all_btn_r_m_window4{background-position:right top -993px;} .icon_all_btn_r_m_window5{background-position:right top -1143px;} .icon_all_btn_r_m_window6{background-position:right top -1293px;} .icon_all_btn_l_m_search{background-position:left top -1346px;} .icon_all_btn_r_m_check{background-position:right top -1393px;} .icon_all_btn_r_m_cancle{background-position:right top -1443px;} .icon_all_btn_r_s_arrow1{background-position:right top -1493px;} .icon_all_btn_r_s_arrow3{background-position:right top -1643px;} .icon_all_btn_r_s_down1{background-position:right top -1545px;} .icon_all_btn_r_s_down3{background-position:right top -1695px;} .icon_all_btn_r_s_window1{background-position:right top -1594px;} .icon_all_btn_r_s_window3{background-position:right top -1744px;} /* 메인페이지 협동조합 홈페이지 바로가기 버튼 */ .btn_coop_link{border-color: #005085 !important; background: #005085 url(../images/icon_coop_link.png) left 18px top 7px no-repeat; box-shadow:2px 2px 0px rgba(0, 0, 0, 0.2);} .btn_coop_link:hover, .btn_coop_link:focus, .btn_coop_link:active{border-color: #004573 !important; background-color:#004573 !important;} .btn_coop_link > span{padding-left:26px; font-weight:600;} /* form */ /* input, select */ input[type="text"], input[type="number"], input[type="password"], select, textarea{min-width:224px; height:45px; padding-left:10px; border:1px solid #d2d7e6; color:#828999; box-sizing:border-box;} input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active {border-color:#1c40b2; background-color:#eff3fc; color:#283f88; border-color:#1c40b2; background-color:#eff3fc; color:#283f88;} input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled{border-color:#e1e1e1; background-color:#f9f9f9; pointer-events:none; color:#afb1bb;} select:disabled::-ms-value{color:#afb1bb;} input[type="text"]:read-only, input[type="number"]:read-only, input[type="password"]:read-only, textarea:read-only{border-color:#e1e1e1; background-color:#f9f9f9; pointer-events:none; color:#afb1bb;} input[type="text"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder {color:#828999; font-weight:400;} input[type="text"]:hover::placeholder, input[type="text"]:focus::placeholder, input[type="text"]:active::placeholder, input[type="number"]:hover::placeholder, input[type="number"]:focus::placeholder, input[type="number"]:active::placeholder, input[type="password"]:hover::placeholder, input[type="password"]:focus::placeholder, input[type="password"]:active::placeholder {border-color:#1c40b2; background-color:#eff3fc; color:#283f88; border-color:#1c40b2; background-color:#eff3fc; color:#283f88;} input[type="text"]:disabled::placeholder, input[type="text"]:read-only::placeholder, input[type="number"]:disabled::placeholder, input[type="number"]:read-only::placeholder, input[type="password"]:disabled::placeholder, input[type="password"]:read-only::placeholder {color:#afb1bb;} select{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:40px; background:#fff url(../images/icon_select.png) no-repeat 95% 50%; box-sizing:border-box;} select::-ms-expand {display:none;} select:disabled{background-image:url(../images/icon_select_d.png);} /* checkbox */ label{position:relative;} label + label{margin-left:10px;} label > input[type="checkbox"], label > input[type="radio"]{position:absolute; left:0; top:0; width:1px; height:1px; z-index:-9999;} label > input[type="checkbox"] + span, label > input[type="radio"] + span{display:inline-block; padding-left:28px;} label > input[type="checkbox"] + span:before, label > input[type="radio"] + span:before{display:block; content:""; position:absolute; left:0; top:4px; width:18px; height:18px; border:1px solid #d2d7e6; background-color:#fff; box-sizing:border-box;} label > input[type="checkbox"] + span:hover, label > input[type="radio"] + span:hover{cursor:pointer;} label > input[type="checkbox"]:hover + span:before, label > input[type="checkbox"]:focus + span:before, label > input[type="checkbox"]:active + span:before {border-color:#5588e7;} label > input[type="radio"]:hover + span:before, label > input[type="radio"]:focus + span:before, label > input[type="radio"]:active + span:before{border-color:#5588e7;} label > input[type="checkbox"]:checked + span, label > input[type="radio"]:checked + span{color:#283f88; font-weight:600;} label > input[type="checkbox"]:disabled + span, label > input[type="radio"]:disabled + span{color:#afb1bb;} label > input[type="checkbox"]:disabled + span:before, label > input[type="radio"]:disabled + span:before{border-color:#e2e2e2; background-color:#f9f9f9;} label > input[type="checkbox"]:disabled + span:hover, label > input[type="radio"]:disabled + span:hover{cursor:default;} label > input[type="checkbox"]:disabled:checked + span, label > input[type="radio"]:disabled:checked + span{font-weight:400;} /* checkbox */ label > input[type="checkbox"]:checked + span:before{background:#5588e7 url(../images/icon_checkbox.png) center no-repeat; border:none;} label > input[type="checkbox"]:disabled:checked + span:before{border:1px solid #e2e2e2; background-image:url(../images/icon_checkbox_d.png); background-color:#f9f9f9;} /* radio */ label > input[type="radio"] + span:before{border-radius:50%;} label > input[type="radio"]:checked + span:before{border-color:#5588e7;} label > input[type="radio"]:checked + span:after{display:block; content:""; position:absolute; left:5px; top:9px; width:8px; height:8px; background-color:#5588e7; border-radius:50%;} label > input[type="radio"]:disabled:checked + span:before{border:1px solid #e2e2e2;} label > input[type="radio"]:disabled:checked + span:after{background-color:#d3d3d3;} /* file upload */ .filebox + .filebox{margin-top:7px;} .filebox{overflow:hidden;} .filebox input, .form_file label{float:left;} .filebox .upload_hidden{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0,0,0,0); border:0;} .filebox .upload_name{display:inline-block; min-width:400px; height:45px; padding:0 10px; vertical-align:middle; background-color:#fff; border:1px solid #d2d7e6; border-right:none; color:#828999; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;} .filebox label{display:inline-block; width:83px; height:45px; padding:0 12px; background-color:#fff; border:1px solid #283f88; line-height:45px; vertical-align:middle; box-sizing:border-box; color:#283f88; font-weight:400; cursor:pointer;} .filebox label:hover, .filebox input[type="file"]:focus + input + label, .filebox input[type="file"]:active + input + label{background-color:#eff3fc;} .filebox input[type="file"]:disabled + .upload_name{border-color:#e1e1e1; background-color:#f9f9f9;} .filebox input[type="file"]:disabled + input + label{border-color:#e1e1e1; color:#afb1bb;} .filebox input[type="file"]:disabled, .filebox input[type="file"]:disabled + input + label{cursor:default; pointer-events:none; background-color:#fff;} /* textarea */ textarea{overflow:auto; width:100%; height:115px; padding:10px; resize:none;} /*************************************************************************************************************************************/ /* 안내박스 */ [class^="info_box"]{min-height:180px; margin-bottom:30px; padding:40px; padding-left:190px; border:1px solid #d2d7e6; border-top:2px solid #4881e7; box-sizing:border-box; background-repeat:no-repeat; background-position:left 45px top 35px; word-break:keep-all;} [class^="info_box"] strong{display:block; margin-bottom:10px; font-size:25px; color:#333; font-weight:600;} [class^="info_box"] [class^="list_"] [class^="list_"]{margin-top:8px;} [class^="info_box"] [class^="list_"] [class^="list_"] > li{padding:1px 0;} .info_box1{background-image:url(../images/bg_info_box1.png);} .info_box2{background-image:url(../images/bg_info_box2.png);} .info_box3{background-image:url(../images/bg_info_box3.png);} .info_box4{background-image:url(../images/bg_info_box4.png);} .info_box5{background-image:url(../images/bg_info_box5.png);} .info_box6{background-image:url(../images/bg_info_box6.png);} /* 만족도조사 */ .opinion_box{margin-top:100px; border:1px solid #e4e5e5; box-sizing:border-box;} .opinion_box .box_top{overflow:hidden; padding:15px 25px; border-bottom:1px solid #e4e5e5; font-size:15px; color:#696f7b;} .opinion_box .box_top .right{float:right;} .opinion_box .box_top dl{display:inline-block;} .opinion_box .box_top dl dt{position:relative; display:inline-block; padding:0 12px;} .opinion_box .box_top dl dt:after{display:block; content:""; position:absolute; right:0; top:5px; width:1px; height:13px; background-color:#bbb;} .opinion_box .box_top dl dd{display:inline-block; padding:0 12px;} .opinion_box .box_bottom{padding:20px 25px; background-color:#f2f5f9; color:#555;} .opinion_box .box_bottom > div:first-child{overflow:hidden; margin-bottom:12px;} .opinion_box .box_bottom p{float:left; margin-right:15px; color:#555;} .opinion_box .box_bottom label{display:block; float:left;} /* .input_btn{overflow:hidden;} */ .input_btn input[type="text"]{float:left; min-width:auto; width:calc(100% - 95px); border-right:none; vertical-align:middle;} .input_btn [class^="btn_"]{/* float:left;*/ width:84px; background-color:#727c9b; vertical-align:middle;} .input_btn [class^="btn_"]:hover, .input_btn [class^="btn_"]:focus, .input_btn [class^="btn_"]:active{background-color:#7b84a0; text-decoration:underline;} /* Text Box */ [class^="text_box"]{box-sizing:border-box;} .text_box1{padding:10px; background:url(../images/bg_box_slash.png) left top repeat;} .text_box1 > div{padding:30px; background-color:#fff; } .text_box2{padding:30px; background-color:#eff2f6;} .text_box3{padding:30px; border:1px solid #d2d7e6;} .text_box4{padding:30px; border:1px dashed #d2d7e6; background-color:#fff;} .text_box5{border:1px solid #d2d7e6;} .text_box5 > p{position:relative; padding:10px 22px; box-sizing:border-box;} .text_box5 > p > span{font-size:20px; font-weight:600; color:#333; } .text_box5 > p a{position:absolute; right:10px; top:10px;} .text_box5 > ul{padding:10px 20px; background-color:#eff2f6; box-sizing:border-box;} .text_box5 > ul span{color:#333;} .text_box6{padding:20px 30px; border:1px solid #d2d7e6;} .text_box6 > p:nth-of-type(1){margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d2d7e6; font-size:20px; color:#333; font-weight:600;} /* 박스여백 및 내부속성 제어 2020-08-28 */ .box_space20 {padding:20px;} .box_space20 > ul{margin-top:0 !important; padding-left:0;} /* 박스정렬 및 타이틀 2020-08-31 */ .box_alignC {text-align:center;} [class^="text_box"] .box_tit{font-size:23px; font-weight:700; color:#147084; } .img_box{padding:30px 10px; border:1px solid #e4e5e5; text-align:center;} .img_box img{max-width:100%;} /* 레이어 팝업 */ .layer_pop{display:none; position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0 !important; padding-top:1%; z-index:100; background-color:rgba(0,0,0,0.7);} .layer_pop .layer_pop_cont{overflow:auto; width:80%; max-height:90%; margin:auto; box-sizing:border-box; z-index:100;} .layer_pop .layer_pop_cont .pop_header{position:relative; background-color:#4881e7; padding:17px 25px;} .layer_pop .layer_pop_cont .pop_header .pop_tit{padding-right:30px; color:#fff; font-size:20px; font-weight:700;} .layer_pop .layer_pop_cont .pop_header .btn_pop_close{position:absolute; right:15px; top:12px; width:40px; height:40px; background:url(../images/icon_btn_pop_close.png) center no-repeat; border-radius:50%; text-indent:-9999px;} .layer_pop .layer_pop_cont .pop_header .btn_pop_close:hover, .layer_pop .layer_pop_cont .pop_header .btn_pop_close:focus, .layer_pop .layer_pop_cont .pop_header .btn_pop_close:active{background-color:rgba(0,0,0,0.1);} .layer_pop .layer_pop_cont .pop_cont{height:100%; padding:20px 25px; background-color:#fff;} .layer_pop .layer_pop_cont .pop_btn_group{margin-top:30px; text-align:center;} .layer_pop .layer_pop_cont .btn_pop_area_main{display:block;} .layer_pop .layer_pop_cont .btn_pop_area_main button{float:left; width:50%; height:48px; line-height:48px; color:#fff;} .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1){background-color:#848e9d} .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2){background-color:#4c525b} .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):hover, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):focus, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):active{background-color:#939ba7; } .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):hover, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):focus, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):active{background-color:#63676c;} .layer_pop .layer_pop_cont_sz_l{max-width:1024px;} .layer_pop .layer_pop_cont_sz_m{max-width:480px;} .layer_pop.pop_main .layer_pop_cont{width:480px;} /* 탭박스 */ .tab_box .tab_box_cont{display:none;} .tab_box.show .tab_box_cont{display:block;} /* scroll_box */ .scroll_box{overflow-y:auto; max-height:300px; padding:20px; border:1px solid #d2d7e6; box-sizing:border-box;} /* float */ .fl_l{float:left;} .fl_r{float:right;} /********************************************************************************************************************************************/ /* contents */ #wrap{min-width:320px;} .w_inner{max-width:1400px; margin:0 auto;} #container{overflow:hidden; max-width:1400px; margin:0 auto;} #snb{float:left; width:250px;} #contents{float:right; width:calc(100% - 250px - 71px); margin:0 auto; margin-left:70px; padding-bottom:100px; box-sizing: border-box;} [class^="cont"] > div{margin-top:60px;} [class^="cont2"] > div{margin-top:40px;} [class^="cont3"] > div{margin-top:30px;} /* snb */ #snb > h2{padding:48px 0; background-color:#4d81e3; box-sizing:border-box; text-align:center; font-size:25px; color:#fff; font-weight:700;} #snb > ul{border:1px solid #e1e1e1;} #snb > ul > li > a{display:block; padding:12px 20px; border-bottom:1px solid #e1e1e1; font-size:18px; color:#333; } #snb > ul > li:last-child > a{border-bottom:0;} #snb > ul > li > a span{display:block;} #snb > ul > li > a .icon_new_window{background-position:right -445px; } #snb ul ul{display:none; padding:15px 20px; background-color:#f4f5f5; border-bottom:1px solid #e1e1e1;} #snb ul ul li a{display:inline-block; margin-bottom:10px; line-height:1.2;} #snb ul ul ul{display:none;} #snb > ul > li.plus > a span{background:url(../images/icon_all.png) right -409px no-repeat; } #snb > ul > li > a:hover, #snb > ul > li > a:focus, #snb > ul > li > a:active{color:#3b70d3; font-weight:600; text-decoration:underline;} #snb ul ul li a:hover, #snb ul ul li a:focus, #snb ul ul li a:active{color:#333;} #snb ul li.on > ul{display:block; } #snb > ul > li.on > a{border-bottom:2px solid #4d81e3; color:#3b70d3; font-weight:600;} #snb > ul > li.on > a span{background-position:right -379px;} #snb ul ul li.oon a{color:#333; font-weight:600;} /* sub_title */ .sub_tit_area{position:relative; margin-bottom:50px; padding-top:30px; padding-bottom:20px; border-bottom:1px solid #898989; box-sizing:border-box;} .sub_tit_area .sub_tit{font-size:35px; letter-spacing:-1px; font-weight:600; color:#333;} .sub_tit_area > ul{padding-top:7px;} .sub_tit_area > ul li{display:inline-block; padding-left:20px; background:url(../images/icon_lnb_arrow.png) left 8px center no-repeat; box-sizing:border-box; vertical-align:middle;} .sub_tit_area > ul li:first-child{width:15px; height:13px; background:url(../images/icon_lnb_home.png) center no-repeat;text-indent:-9999px;} .sub_tit_area > ul li:last-child{font-weight:600;} .sub_tit_area .group_btn{position:absolute; right:0; bottom:15px;} .sub_tit_area .group_btn [class^="btn_"]{height:40px; border:1px solid #828999; border-radius:500px;} .sub_tit_area .group_btn .sns_group{display:inline-block; position:relative;} .sub_tit_area .group_btn .sns_group .btn_sns{position:relative; padding:0 10px; color:#696e7c; font-size:15px; z-index:5; box-sizing:border-box;} .sub_tit_area .group_btn .sns_group .btn_sns span{padding-right:35px; padding-bottom:8px; background:url(../images/icon_all.png) right -323px no-repeat;} .sub_tit_area .group_btn .sns_group .sns_cont{display:none; position:absolute; left:0; top:0; width:100%; padding-top:46px; background-color:#fff; border:1px solid #35a3ef; border-radius:20px 20px 0 0; text-align:center; box-sizing:border-box; z-index:1;} .sub_tit_area .group_btn .sns_group .sns_cont a{display:inline-block; width:42px; height:42px; margin-bottom:8px; background-position:center; background-repeat:no-repeat; text-indent:-9999px;} .sub_tit_area .group_btn .sns_group .sns_cont .sns_face{background-image:url(../images/btn_sns_face.png); } .sub_tit_area .group_btn .sns_group .sns_cont .sns_twitter{background-image:url(../images/btn_sns_twit.png); } .sub_tit_area .group_btn .sns_group .sns_cont .sns_blog{background-image:url(../images/btn_sns_blog.png); } .sub_tit_area .sns_group .sns_cont .sns_youtube{background-image:url(../images/btn_sns_you.png); } .sub_tit_area .group_btn .sns_group .sns_cont .sns_insta{background-image:url(../images/btn_sns_insta.png); } .sub_tit_area .group_btn .sns_group .sns_cont .sns_kakao{background-image:url(../images/btn_sns_kakao.png); } .sub_tit_area .group_btn .btn_print{width:40px; margin-left:5px; background:url(../images/icon_lnb_print.png) center no-repeat; text-indent:-9999px;} .sub_tit_area .group_btn [class^="btn_"]:hover, .sub_tit_area .group_btn [class^="btn_"]:focus, .sub_tit_area .group_btn [class^="btn_"]:active{background-color:#f3f4f7;} .sub_tit_area .group_btn .sns_group.on .btn_sns{border-color:transparent;} .sub_tit_area .group_btn .sns_group.on .btn_sns span{border-bottom:1px solid #0d89e5; background-position:right -353px; color:#35a3ef;} .sub_tit_area .group_btn .sns_group.on .sns_cont a:hover, .sub_tit_area .group_btn .sns_group.on .sns_cont a:focus, .sub_tit_area .group_btn .sns_group.on .sns_cont a:active{background-color:#dce5f3; border-radius:50%;} .sub_tit_area .group_btn .sns_group.on .btn_sns:hover, .sub_tit_area .group_btn .sns_group.on .btn_sns:focus, .sub_tit_area .group_btn .sns_group.on .btn_sns:active{background-color:#f3f4f7; border-radius:20px 20px 0 0; border-color:#35a3ef;} /*****************************************************************************************************************************************/ /* 열린혁신 - 정보공개 - 정보공개제도 - 업무흐름도 */ .step1{overflow:hidden; box-sizing:border-box; display:flex; -webkit-display:flex; flex-wrap:wrap; flex-wrap:-webkit-wrap;} .step1 > li{float:left; width:calc((100% - 91px)/4); margin-right:30px; margin-top:30px; border-top:2px solid #0b7bc1; counter-increment:step;} .step1 > li:nth-child(4n){margin-right:0;} .step1 > li:nth-child(-n+4){margin-top:0;} .step1 li .tit{min-height:110px; height:40%; text-align:center;} .step1 li .tit p{position:relative; padding-top:60px; padding-bottom:20px; font-size:18px; color:#333; font-weight:600; box-sizing:border-box;} .step1 li .tit p:before{display:block; content:counter(step); position:absolute; left:50%; top:25px; width:26px; height:26px; margin-left:-12px; padding-left:6px; background-color:#8f97b0; border-radius:50%; font-size:17px; color:#fff; font-style:italic; text-align:left; box-sizing:border-box;} .step1 li .txt{height:70%; padding:15px 20px; background-color:#f1f5f7; box-sizing:border-box;} .step1 li .txt .list_ul1 span{color:#333;} .cont_work_flow > div > div{padding-left:30px;} .cont_work_flow > div .list_ul1 span{display:inline-block; margin-left:20px; padding-top:6px;} /* 진흥원소개 - 윤리경영 - 임직원 윤리행동강령 - 윤리강령 */ .cont_ethic_tit{text-align:center;} .cont_ethic_tit [class^="title"]{display:inline-block;} /* 진흥원소개 - 윤리경영 - 부패·공익신고 - 신고안내 */ .cont_paragraph > div > div + div{margin-top:20px;} /* 이용안내 - 이용안내 */ .cont_info_use > div > div > a{margin-bottom:5px;} /* 이용안내 - 개인정보처리방침 */ .cont_privacy > div > [class^="title"] ~ div, .cont_privacy > div > [class^="title"] ~ [class^="title"], .cont_privacy > div > [class^="title"] ~ p, .cont_privacy > div > [class^="title"] ~ ul, .cont_privacy > div > [class^="title"] ~ ol{margin-top:20px;} .cont_privacy_btn_group > a{margin-bottom:5px;} /* 여백수정 2020-08-28*/ .cont_infotext h2[class="title1"]{margin-top:60px;} .cont_infotext h3[class="title2"]{margin-top:30px;} .cont_infotext [class^="list_"] [class^="list_"]{margin-top:10px; font-size:15px; } .cont_infotext [class^="list_"] [class^="list_"] > li {padding:3px 0;} /* 개인정보처리방침 열 레이아웃 */ .cont_row2 {display:flex; flex-wrap:wrap; border-top:1px solid #d2d7e6;} .cont_row2 > li {width:50%; padding:25px; box-sizing:border-box; border:1px solid #d2d7e6; border-top:0; } .cont_row2 > li:nth-child(even) {border-left:0;} .list_float4 {overflow:hidden; } .list_float4 > li {display:inline-block; margin-right:15px; } /* 이용안내 - 저작권 보호정책 */ .cont_copy > p{margin-top:30px;} /* 인사말 */ .cont_greeting{overflow:hidden;} .cont_greeting > div{float:left;} .cont_greeting .img_area{position:relative; width:450px; margin-top:0; padding-right:12px; box-sizing:border-box;} .cont_greeting .img_area > img{width:410px; margin-top:15px; border:1px solid #e2e8f1; box-sizing:border-box;} .cont_greeting .img_area .img2{display:none;} .cont_greeting .img_area .greeting_txt{position:absolute; right:45px; bottom:-75px; max-width:235px; padding:30px 20px 47px 20px; background:#0b7bc1 url(../images/bg_greeting_txt.png) right -14px bottom -18px no-repeat; color:#fff; box-sizing:border-box;} .cont_greeting .img_area .greeting_txt p{margin-bottom:17px;} .cont_greeting .txt_area{margin-top:0; width:calc(100% - 451px); word-break:keep-all;} .cont_greeting .txt_area .tit{margin-bottom:10px; font-size:45px; letter-spacing:-1px; font-weight:600; color:#247ad3; line-height:1.4;} .cont_greeting .txt_area .tit span{display:block; color:#1764b4;} .cont_greeting .txt_area .sub_tit{margin-bottom:37px; padding-bottom:37px; background:url(../images/bg_greeting_line.png) left bottom repeat-x; font-size:30px; letter-spacing:-1px; color:#333;} /* 원장 이미지 개선 전 */ .cont_greeting.greeting_none_img{padding-left:450px; background:url(../images/@bg_greeting_normal.png) no-repeat;} .cont_greeting.greeting_none_img .img_area{display:none;} .cont_greeting.greeting_none_img .txt_area{width:100%;} .cont_greeting .greetion_sign{margin-top:20px; text-align:right;} .cont_greeting .greetion_sign p:nth-of-type(1){padding-right:91px;} .cont_greeting .greetion_sign span{display:inline-block; width:77px; height:28px; margin-top:-27px; margin-left:10px; font-size:0; background:url(../images/img_7sev_sign.png) no-repeat; vertical-align:middle;} .cont_greeting .txt_area .text_top_line{margin-top:37px; padding-top:37px; background:url(../images/bg_greeting_line.png) left top repeat-x;} /* 약력보기 */ .cont_greeting_detail > div{overflow:hidden; text-align:center;} .cont_greeting_detail > div:nth-child(2){margin-top:60px;} .cont_greeting_detail b{display:inline-block; float:left; width:200px; height:200px; padding-top:68px; box-sizing:border-box; background:#4388d0 url(../images/bg_greeting_detail_b.png) bottom 60px center no-repeat; border-radius:50%; color:#fff; font-size:25px; text-align:center; font-weight:600;} .cont_greeting_detail > div:nth-child(2) b{margin-top:65px; background-color:#858f95; background-image:url(../images/bg_greeting_detail_b2.png);} .cont_greeting_detail ul{float:left; width:calc(100% - 201px - 10px); margin-left:10px; padding:15px 0; padding-left:30px; border-top:2px solid #d8dddf; border-bottom:2px solid #d8dddf; box-sizing:border-box; text-align:left;} .cont_greeting_detail ul li{padding:13px 0; background:url(../images/bg_greeting_detail_line.png) left bottom repeat-x;} .cont_greeting_detail ul li:last-child{background:none;} /* 연혁 */ .cont_history{overflow:hidden; position:relative; padding-bottom:50px;} .cont_history:before{display:block; content:""; position:absolute; left:50%; top:0; width:3px; height:100%; margin-left:-2px; background-color:#d8dddf; z-index:-1;} .cont_history > div{width:50%; margin-top:30px; clear:both; box-sizing:border-box;} .cont_history > div .year{display:inline-block; position:relative; margin-bottom:25px; padding-bottom:25px; background:url(../images/bg_greeting_detail_b.png) bottom center no-repeat; font-size:40px; letter-spacing:-1px; color:#4388d0;} .cont_history > div .year:after{display:block; content:""; position:absolute; top:50%; width:15px; height:15px; margin-top:-7px; background-color:#4388d0; border-radius:50%;} .cont_history > div > div{overflow:hidden; position:relative; margin-top:7px;} .cont_history > div > div:first-child{margin-top:7px;} .cont_history .month{position:absolute; top:-3px; font-size:20px; color:#333; font-weight:600;} .cont_history p{margin:0 20px;} .cont_history > div:nth-child(odd){float:left; text-align:right;} .cont_history > div:nth-child(odd) .year{padding-right:45px; background-position:left -2px bottom;} .cont_history > div:nth-child(odd) .year:after{right:-7px;} .cont_history > div:nth-child(odd) > div{margin-right:45px; padding-right:60px;} .cont_history > div:nth-child(odd) > div .month{right:0} .cont_history > div:nth-child(even){float:right; text-align:left;} .cont_history > div:nth-child(even) .year{padding-left:45px; background-position:right -2px bottom;} .cont_history > div:nth-child(even) .year:after{left:-8px;} .cont_history > div:nth-child(even) > div{margin-left:45px; padding-left:60px;} .cont_history > div:nth-child(even) > div .month{left:0;} /* 경영전략체계도 */ .cont_manage h2{margin-bottom:50px; padding-bottom:30px; background:url(../images/bg_greeting_detail_b.png) bottom center no-repeat; font-size:40px; letter-spacing:-1px; color:#333; box-sizing:border-box; text-align:center;} .cont_manage > div{margin-bottom:40px; margin-top:0;} .cont_manage .mission_area{overflow:hidden; display:flex; flex-wrap:wrap;} .cont_manage .mission_area > div{float:left; width:calc((100% - 41px)/2); margin-right:40px; padding:30px; padding-bottom:55px; border:2px solid #a6c6e7; background:url(../images/bg_manage_mission.png) right 16px bottom 28px no-repeat; box-sizing:border-box;} .cont_manage .mission_area > div:last-child{margin-right:0; border-color:#8ddde9; background-image:url(../images/bg_manage_vision.png);} .cont_manage .mission_area .mission_tit{display:block; width:100%; height:47px; margin-bottom:30px; padding:0 45px; background-color:#4388d0; color:#fff; font-size:23px; font-weight:700; line-height:47px; border-radius:500px; box-sizing:border-box; } .cont_manage .mission_area > div:last-child .mission_tit{background-color:#299fb0;} .cont_manage .mission_area p{padding-left:20px; padding-right:20px; font-size:28px; letter-spacing:-1px; word-break:keep-all;} .cont_manage .mission_area p b{font-weight:700; color:#333;} .cont_manage .value_area, .cont_manage .operation_area{padding:30px; border:2px solid #dbdfe4; text-align:center;} .cont_manage .value_tit{position:relative; display:inline-block; padding:0 17px; background-color:#fff; clear:both; font-size:30px; letter-spacing:-1px; color:#333; font-weight:700;} .cont_manage .value_tit:before{display:block; content:""; position:absolute; left:50%; top:50%; width:220px; height:2px; margin-left:-110px; background-color:#4388d0; z-index:-1;} .cont_manage .value_area ul{margin-top:20px;} .cont_manage .value_area ul li{display:inline-block; position:relative;} .cont_manage .value_area ul li p{ width:130px; height:130px; margin:10px 27px; background-color:#d3e6fa; color:#0f4a89; border-radius:50%; font-size:20px; line-height:130px; font-weight:700;} .cont_manage .value_area ul li:nth-child(2) p{background-color:#d5f4f9; color:#0E768D;} .cont_manage .value_area ul li:nth-child(3) p{background-color:#fbe8f1; color:#bd015a;} .cont_manage .value_area ul li:nth-child(4) p{background-color:#d7f4d7; color:#018100;} .cont_manage .value_area ul li p:after{display:block; content:""; position:absolute; right:0; top:50%; margin-top:-7px; width:1px; height:15px; background-color:#b0b0b0; transform:rotate(30deg);} .cont_manage .value_area ul li:last-child p:after{display:none;} .cont_manage .operation_area{overflow:hidden;} .cont_manage .operation_area .value_tit{} .cont_manage .operation_area ul{display:flex; flex-wrap:wrap; margin-top:36px;} .cont_manage .operation_area ul li{float:left; width:calc((100% - 61px)/3); margin-right:30px; padding:40px 80px; background-color:#ecf0f5; color:#0f4a89; font-size:20px; font-weight:700; box-sizing:border-box; word-break:keep-all;} .cont_manage .operation_area ul li:last-child{margin-right:0;} .cont_manage .strategy_area{word-break:keep-all;} .cont_manage .strategy_area > div{overflow:hidden; display:flex; flex-wrap:wrap;} .cont_manage .strategy_area > div > div{float:left;} .cont_manage .strategy_area > div > div:first-child{width:360px; border-bottom:2px solid #848e9d;} .cont_manage .strategy_area > div > div:nth-child(2){width:calc(100% - 361px - 40px); margin-left:40px; border-bottom:1px solid #d3d7dc; box-sizing:border-box;} .cont_manage .strategy_area > div > div b{display:block; width:100%; height:47px; background-color:#848e9d; border-radius:500px; color:#fff; font-size:23px; font-weight:700; text-align:center; line-height:47px;} .cont_manage .strategy_area > div > div:nth-child(2) b{background-color:#dee3eb; color:#5c646f;} .cont_manage .strategy_area > div > div > p{padding:40px 110px 0 20px; font-size:23px; color:#333; font-weight:600;} .cont_manage .strategy_area > div > div ul{padding:20px 0; padding-left:20px;} .cont_manage .strategy_area > div > div ul li{font-size:18px;} .cont_manage .strategy_area > div:nth-child(2) b, .cont_manage .strategy_area > div:nth-child(3) b, .cont_manage .strategy_area > div:nth-child(4) b{display:none;} /* 20220531 LHI 경영전략체계 */ .cont_manage .mission_area > div{width:100%; margin:0 0 40px 0; padding:30px; background:none;} .cont_manage .mission_area > div:last-child{background:none; margin-bottom:0;} .cont_manage .mission_area .mission_tit{display:inline-block; width:130px; margin-bottom:0; padding:0; text-align:center; vertical-align:top;} .cont_manage .mission_area p{display:inline-block; width:calc(100% - 145px); box-sizing:border-box;} .cont_manage .value_tit:before{width:calc(100% + 80px); margin-left:0; transform:translateX(-50%);} .cont_manage .operation_area ul li {width:calc((100% - 90px) / 4); padding:40px 20px;} /* 진흥원소개-사이버홍보실-ci소개-color */ .cont_ci_color .text_box3 img{max-width:100%;} [class^="ci_mean"]{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:30px;} [class^="ci_mean"] li{float:left; margin-left:30px; border:1px solid #e1e1e1; box-sizing:border-box;} [class^="ci_mean"] li:first-child{margin-left:0;} [class^="ci_mean"] li span{display:block; min-height:135px; border-bottom:1px solid #e1e1e1; text-indent:-9999px;} [class^="ci_mean"] li div{padding:13px 20px; box-sizing:border-box;} [class^="ci_mean"] li div p b{font-weight:400; color:#333;} .ci_mean1 li{width:calc((100% - 121px)/5);} .ci_mean2 li{width:calc((100% - 91px)/4);} .ci_mean2 li:nth-child(5){margin-left:0;} .ci_mean2 li:nth-child(n+5){margin-top:30px;} /* 진흥원소개-사이버홍보실-ci소개-color 2020-08-28 */ ul.ci_mean1 > li:nth-child(1) > span {background:#00ade5;} ul.ci_mean1 > li:nth-child(2) > span {background:#0074bd;} ul.ci_mean1 > li:nth-child(3) > span {background:#3ab54a;} ul.ci_mean1 > li:nth-child(4) > span {background:#f68121;} ul.ci_mean1 > li:nth-child(5) > span {background:#ee2b7a;} ul.ci_mean2 > li:nth-child(1) > span {background:#004ea1;} ul.ci_mean2 > li:nth-child(2) > span {background:#f4f1e8;} ul.ci_mean2 > li:nth-child(3) > span {background:#e4ded2;} ul.ci_mean2 > li:nth-child(4) > span {background:#989ba0;} /* 진흥원소개-사이버홍보실-ci소개-심벌의 의미 */ .cont_ci_mean .text_box3 img{max-width:100%; vertical-align:middle;} .cont_ci_mean .text_box3:nth-of-type(1) img:first-child{margin-right:60px;} .cont_ci_mean .text_box3:nth-of-type(2) img{margin:20px; vertical-align:bottom;} .cont_ci_mean .text_box3:nth-of-type(2) div{display:inline-block; margin-bottom:30px; vertical-align:bottom; text-align:left; } .cont_ci_mean .text_box3:nth-of-type(2) div b{display:block; font-weight:400;} /* 진흥원소개-사이버홍보실-ci소개-다운로드 */ .cont_ci_down .text_box1 > div{background:#fff url(../images/bg_ci_down.png) right -52px top -26px no-repeat;} .cont_ci_down .text_box1 b{display:block; margin-bottom:15px; font-size:25px; font-weight:600;} .cont_ci_down .text_box1 a{margin-top:25px; } [class^="ci_down"]{display:flex; flex-wrap:wrap; overflow:hidden; margin-top:30px; text-align:center;} [class^="ci_down"] li{float:left; margin-left:30px; border:1px solid #e1e1e1; box-sizing:border-box;} [class^="ci_down"] li:first-child{margin-left:0;} [class^="ci_down"] li span{display:block; min-height:135px; height:calc(100% - 51px); padding:30px 10px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;} [class^="ci_down"] li span img{max-width:100%; vertical-align:middle;} [class^="ci_down"] li div{height:50px; background-color:#f4f5f5; color:#333; line-height:50px; font-size:18px;} .cont_ci_down > div:nth-child(4) ul span, .cont_ci_down > div:nth-child(5) ul span{height:195px; padding:0; line-height:195px;} .ci_down3 li{width:calc((100% - 61px)/3);} .ci_down2 li{width:calc((100% - 31px)/2);} /* 오시는길 */ .cont_map .map{max-width:100%; max-height:510px; min-height:200px; border:1px solid #333;} .cont_map .map img{width:100%;} .cont_map .address ul li{position:relative;} .cont_map .address ul li p{padding-left:120px;} .cont_map .address ul li span{position:absolute; left:22px; top:0; font-weight:700;} .cont_map > div > [class^="bg_"]{padding:40px 0; padding-left:150px; background:url(../images/bg_map_subway.png) left top 40px no-repeat; border-top:1px solid #e5e5e5;} .cont_map > div:last-child > div:nth-of-type(1){border-top:none;} .cont_map > div > [class^="bg_"]:first-child{margin-top:none;} .cont_map > div > .bg_bus{background-image:url(../images/bg_map_bus.png);} .cont_map > div > .bg_car{background-image:url(../images/bg_map_car.png);} .cont_map > div > .bg_train{background-image:url(../images/bg_map_train.png);} .cont_map > div > [class^="bg_"] > ul > li{margin-bottom:17px;} .cont_map [class^="state_"] span{display:block; position:relative; margin-bottom:10px; padding-left:30px; font-weight:700;} .cont_map [class^="state_"] span:before{display:block; content:""; position:absolute; left:0; top:1px; width:25px; height:25px; border-radius:50%; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:25px;} .cont_map .state_subway3 span{color:#ff5500;} .cont_map .state_subway3 span:before{content:"3"; background-color:#ff5500;} .cont_map .state_subway_bun span{color:#ae7e23;} .cont_map .state_subway_bun span:before{content:"분당"; background-color:#ae7e23; font-size:10px;} .cont_map .state_subway4 span{color:#0084e1;} .cont_map .state_subway4 span:before{content:"4"; background-color:#0084e1;} .cont_map .state_subway2 span{color:#289a22;} .cont_map .state_subway2 span:before{content:"2"; background-color:#289a22;} /* 경영공시 */ .disclosure_cont{overflow:hidden; display:flex; flex-wrap:wrap;} .disclosure_cont > div{float:left; width:calc((100% - 21px)/2); margin-right:20px; margin-top:20px; border:1px solid #e4e5e5; box-sizing:border-box;} .disclosure_cont > div:nth-child(even){margin-right:0;} .disclosure_cont > div:nth-child(1), .disclosure_cont > div:nth-child(2-){margin-top:0;} .disclosure_cont > div > p{height:54px; padding:0 22px; border-bottom:1px solid #e4e5e5; font-size:20px; font-weight:600; color:#333; line-height:54px; box-sizing:border-box;} .disclosure_cont > div > ul{display:block; height:calc(100% - 55px); padding:0 20px; padding-bottom:20px; background-color:#f1f5f7; box-sizing:border-box;} .disclosure_cont > div > ul > li{padding:7px 0; border-bottom:1px solid #ccd5d9;} .disclosure_cont > div > ul > li > p a{display:block; color:#333;} .disclosure_cont > div > ul > li > p a span{display:block;} .disclosure_cont div ul ul{margin-top:7px; background-color:#fff;} .disclosure_cont > div > ul > li > p a:hover, .disclosure_cont > div > ul > li > p a:focus, .disclosure_cont > div > ul > li > p a:active {text-underline-position:under; color:#0b7bc1; font-weight:700;} .disclosure_cont div ul ul li a:hover, .disclosure_cont div ul ul li a:focus, .disclosure_cont div ul ul li a:active {text-underline-position:under; font-weight:700; color:#333;} /* =========================================================== 협동조합 */ /* 협동조합이란 > 개념 */ /* row2 */ .line_cont_row2 {display:flex; flex-wrap:wrap; margin-left:-40px;} .line_cont_row2 > div {width:50%;} .line_cont_row2 > div > .line_inner{margin-left:40px; } /* 라인컬러 */ div.line_type1 > .line_inner{border:1px solid #85acf1;} div.line_type2 > .line_inner{border:1px solid #6ed7e7;} /* 버튼타입 */ .line_inner{padding:25px 30px 30px 30px; box-sizing:border-box;} .btn_type {position:relative; padding-right:180px;} .btn_type .line_btn_tit{font-size:20px; font-weight:600;} .btn_type .btn_area{position:absolute; top:35px; right:30px;} div.line_type1 > .btn_type .line_btn_tit{color:#366ACA;} div.line_type2 > .btn_type .line_btn_tit{color:#147084;} /* 협동조합 목적 및 의의 */ .coop_purpose {margin-top:25px; padding:30px; border:1px solid #d2d7e6; box-sizing:border-box;} .coop_purpose > ul{text-align:center; } .coop_purpose > ul > li {position:relative; display:inline-block; width:125px; height:170px; margin-left:25px; padding-top:40px; vertical-align:top; box-sizing:border-box; } .coop_purpose > ul > li:first-child {margin-left:0;} .coop_purpose > ul > li > span{position:relative; display:inline-block; font-size:15px; color:#fff; line-height:20px; font-weight:700; text-shadow:1px 1px 0 #637698;} .coop_purpose > ul > li:before {content:''; position:absolute; top:0; left:0; display:inline-block; width:122px; height:122px; border-radius:100%; background:#08bfc2; z-index:-1; } .coop_purpose > ul > li:nth-child(2):before {background:#5b8eee;} .coop_purpose > ul > li:nth-child(3):before {background:#ef6252;} .coop_purpose > ul > li:nth-child(4):before {background:#f5bd2a;} .coop_purpose > ul > li:after {content:''; position:absolute; bottom:0; left:50%; display:inline-block; width:48px; height:78px; margin-left:-24px; background:url(../images/bg_coop_purpose.png) no-repeat; } /* 협동조합 > 설립제도 */ .coop_insti .coop_lg_fs {font-size:23px; font-weight:700; color:#366ACA;} .coop_insti .coop_diagram {margin-top:25px; padding:40px 30px; background:#fff; border:1px solid #d2d7e6; box-sizing:border-box;} .coop_insti .coop_diagram .diagram_tit{text-align:center; font-size:30px; letter-spacing:-1px; font-weight:700; color:#333; } .coop_insti .coop_diagram .diagram_tit:before{content:''; display:inline-block; width:42px; margin-top:-3px; margin-right:7px; height:1px; background:#4388d0; vertical-align:middle; } .coop_insti .coop_diagram .diagram_tit:after{content:''; display:inline-block; width:42px; margin-top:-3px; margin-left:7px; height:1px; background:#4388d0; vertical-align:middle; } /* 절차도 세로타입 */ .coop_insti .coop_diagram > ol.diagram_col{position:relative; margin-top:40px;} .coop_insti .coop_diagram > ol.diagram_col:before{content:''; position:absolute; top:0; left:81px; display:inline-block; width:2px; height:100%; background:#d2d7e6; z-index:0;} .coop_insti .coop_diagram > ol.diagram_col > li {position:relative; margin-bottom:30px; z-index:1; vertical-align:middle;} .coop_insti .coop_diagram > ol.diagram_col > li:last-child {margin-bottom:0;} .coop_insti .coop_diagram > ol.diagram_col > li span[class^="diagram_num"]{display:inline-block; width:165px; height:47px; margin-right:15px; padding:0 10px 0 20px; border-radius:47px; line-height:42px; background:#fff; font-weight:700; box-sizing:border-box; } .coop_insti .coop_diagram > ol.diagram_col > li span.diagram_numD{border:2px solid #85acf1; color:#366ACA;} .coop_insti .coop_diagram > ol.diagram_col > li span.diagram_numP{border:2px solid #0dc5c7; background:#0dc5c7; color:#fff; text-shadow:1px 1px 0 #637698;} /* 절차도 가로타입 */ .coop_insti .coop_diagram > ol[class^="diagram_row"]{display:flex; flex-wrap:wrap; margin:10px 0 0 -20px; } .coop_insti .coop_diagram > ol[class^="diagram_row"] > li {position:relative; display:flex; min-height:72px; margin:20px 0 0 20px; padding:10px; border-width:2px; border-style:solid; box-sizing:border-box; align-items:center;z-index:1;} .coop_insti .coop_diagram > ol[class^="diagram_row"] > li:after{content:''; position:absolute; right:-22px; display:inline-block; width:20px; height:2px; background:#d2d7e6; } .coop_insti .coop_diagram > ol[class^="diagram_row"] li:last-child:after {display:none;} .coop_insti .coop_diagram > ol[class^="diagram_row"] > li > p{display:block; width:100%; font-weight:700; text-align:center; line-height:22px;} .coop_insti .coop_diagram > ol[class^="diagram_row"] > li > p > span {display:block; font-size:15px; letter-spacing:-1px; font-weight:400; color:#696f7b;} /* 가로타입 갯수 */ .coop_insti .coop_diagram > ol.diagram_row4 > li {width:calc(25% - 20px);} .coop_insti .coop_diagram > ol.diagram_row4 > li:nth-of-type(4):after {display:none;} .coop_insti .coop_diagram > ol.diagram_row5 > li {width:calc(20% - 20px);} .coop_insti .coop_diagram > ol.diagram_row5 > li:nth-child(6) {width:calc(40% - 20px);} .coop_insti .coop_diagram > ol.diagram_row5 > li:nth-of-type(5):after {display:none;} /* 가로타입 컬러 */ .coop_insti .coop_diagram > ol.type_bu > li {border-color:#85acf1; color:#366ACA;} .coop_insti .coop_diagram > ol.type_gb > li {border-color:#6ed7e7; color:#178198;} /* 2020-10-06 컬러수정 */ .coop_insti .coop_diagram > ol.type_bu > li:first-child, .coop_insti .coop_diagram > ol.type_bu > li:last-child {border-color:#548bf0; background:#548bf0; color:#fff;} .coop_insti .coop_diagram > ol.type_gb > li:first-child, .coop_insti .coop_diagram > ol.type_gb > li:last-child {border-color:#0dc5c7; background:#0dc5c7; color:#fff; text-shadow:1px 1px 0 #637698;} .coop_insti .coop_diagram > ol.type_bu > li:first-child span, .coop_insti .coop_diagram > ol.type_gb > li:first-child span{color:#fff;} /* //2020-10-06 컬러수정 */ /* 절차도 상세내용 */ .coop_insti .coop_diagram .diagram_detail {overflow:hidden; position:relative; margin-top:20px; padding:30px 30px 30px 195px; border:1px dashed #d2d7e6; background:#fff; box-sizing:border-box; } .coop_insti .coop_diagram .diagram_detail .diagram_de_tit{position:absolute; top:30px; left:30px; width:165px; color:#147084; font-weight:600; font-size:18px;} .coop_insti .coop_diagram .diagram_detail .diagram_de_tit > span {display:block; } .coop_insti .coop_diagram .diagram_detail > ol{float:left; width:50%; padding-right:10px; box-sizing:border-box;} .coop_insti .coop_diagram .diagram_detail > ol > li {position:relative; margin-top:10px; padding-left:25px; font-size:15px;} .coop_insti .coop_diagram .diagram_detail > ol > li:first-child {margin-top:0;} .coop_insti .coop_diagram .diagram_detail > ol > li > em{position:absolute; top:0; left:0; display:inline-block; font-weight:700; color:#333; font-style:italic;} .coop_insti .coop_diagram .diagram_detail.diagram_row_detail {padding:30px;} .coop_insti .coop_diagram .diagram_detail.diagram_row_detail .diagram_row_tit{font-size:18px; font-weight:600;} /* 절차도 내 리스트 및 텍스트 */ .coop_insti .coop_diagram .diagram_detail .list_bar > li, .coop_diagram .diagram_detail .text_bar {position:relative; padding-left:13px; margin-top:3px; font-size:14px;} .coop_insti .coop_diagram .diagram_detail .list_bar > li:before, .coop_diagram .diagram_detail .text_bar:before{content:''; position:absolute; top:11px; left:0; display:inline-block; width:6px; height:2px; background:#808080;} /* 설립제도 사전상담 안내 */ .coop_insti .insti_info {position:relative; min-height:100px; margin-top:30px; padding:0 420px 0 90px; border:1px solid #85acf1; background:url(../images/bg_insti_info.gif) no-repeat 21px 21px #fff; box-shadow:0px 2px 5px rgba(0,0,0,0.1); box-sizing:border-box; } .coop_insti .insti_info > .info_tit {display:inline-block; padding:35px 0 0 0; font-size:18px; font-weight:600; color:#366ACA; vertical-align:middle;} .coop_insti .insti_info > .info_tit > span {position:relative; display:inline-block; padding-left:15px; color:#333;} .coop_insti .insti_info > .info_tit > span:before {content:''; position:absolute; top:8px; left:6px; display:inline-block; width:1px; height:14px; background:#d2d7e6;} .coop_insti .info_btn {position:absolute; top:28px; right:20px;} /* 협동조합 - 협동조합지원 - 창업지원 */ .text_box3_2{overflow:hidden; border:1px solid #d2d7e6;} .text_box3_2 > ol > li{float:left; width:calc((100% - 1px)/2); padding:22px 27px; box-sizing:border-box;} .text_box3_2 > ol > li:first-child{border-right:1px solid #d2d7e6;} .cont_supp_startup .text_box3_2 > ol > li > p{color:#333; font-weight:700;} .cont_supp_startup .text_box3_2 ul{margin-top:7px;} .cont_supp_startup .text_box3_2 ul p{font-size:15px;} .box_pdf2{overflow:hidden;} .box_pdf2 > div{float:left; width:50%;} .cont_supp_startup .box_pdf > div > div:nth-child(2){padding:30px 5px;} /*열린혁신***********************************************************************************************************************************/ /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고안내 */ .cont_detail_guide .group_btn{overflow:hidden;} .cont_detail_guide .group_btn a{float:left; width:calc((100% - 31px)/3); margin-right:15px;} .cont_detail_guide .group_btn a:last-child{margin-right:0;} [class^="type1_step_box"]{display:flex; flex-wrap:wrap;} [class^="type1_step_box"]:after{display:block; content:""; clear:both;} [class^="type1_step_box"] > li{position:relative; display:flex; align-items:center; min-height:160px; margin-right:30px; margin-bottom:35px; padding:55px 15px 20px 15px; border:2px solid #6ed7e7; background-color:#fff; text-align:center; box-sizing:border-box;} [class^="type1_step_box"] > li:before{display:block; content:""; position:absolute; right:-40px; top:40px; width:100%; height:2px; background-color:#d2d7e6; z-index:-1;} [class^="type1_step_box"] > li:last-child:before{display:none;} [class^="type1_step_box"] > li > div{width:100%; height:100%;} [class^="type1_step_box"] > li > div > span{position:absolute; left:50%; top:20px; width:104px; height:35px; margin-left:-51px; background-color:#d5f4f9; border-radius:500px; color:#147084; text-align:center; line-height:33px; box-sizing:border-box; font-style:italic; font-weight:700;} [class^="type1_step_box"] > li > div > b{display:block; margin-top:10px; margin-bottom:5px; font-size:18px; color:#333; font-weight:600; word-break:keep-all;} [class^="type1_step_box"] > li > div > p{font-size:15px;} .type1_step_box4 > li{width:calc((100% - 91px)/4);} .type1_step_box4 > li:nth-child(4n){margin-right:0;} .type1_step_box4 > li:nth-child(4n):before{display:none;} .type1_step_box5 > li{width:calc((100% - 81px)/5); margin-right:20px;} .type1_step_box5 > li:nth-child(5n){margin-right:0;} .type1_step_box5 > li:nth-child(5n):before{display:none;} .type1_step_box6 > li{width:calc((100% - 101px)/6); margin-right:20px;} .type1_step_box6 > li:nth-child(6n){margin-right:0;} .type1_step_box6 > li:nth-child(6n):before{display:none;} [class^="type1_step_box"] > li:first-child{border-color:#85acf1; border-width:3px;} [class^="type1_step_box"] > li:first-child > div > span{background-color:#548bf0; color:#fff; text-shadow:1px 1px 0 #637698;} [class^="type1_step_box"] > li:first-child > div > b{color:#548bf0;} [class^="type1_step_box"] > li:last-child{border-color:#ef9991; border-width:3px;} [class^="type1_step_box"] > li:last-child > div > span{background-color:#e55d4f; color:#fff;} [class^="type1_step_box"] > li:last-child > div > b{color:#e55d4f;} .cont_detail_guide .step_box_inner > li:nth-child(6){width:calc((100% - 31px)/2); height:100%; padding:0; border:none; background-color:#edf7f9;} .cont_detail_guide .step_box_inner > li:nth-child(6) ul{padding:0 40px; text-align:left; box-sizing:border-box; vertical-align:middle;} .cont_detail_guide .step_box_inner > li:nth-child(7){margin-right:0;} .cont_detail_guide .step_box_inner > li:nth-child(7):before{display:none;} .box_icon_list1 > div{padding:25px 30px 25px 120px; border-bottom:1px solid #d2d7e6; background-position:left 20px top 30px; background-repeat:no-repeat; box-sizing:border-box;} .box_icon_list1 > div:first-child{border-top:1px solid #d2d7e6;} .box_icon_list1 > div > p{font-size:18px; color:#548bf0; font-weight:600;} .box_icon_list1 > div:nth-child(2) > p{color:#03aaad;} .cont_detail_guide .box_icon_list1 > div:first-child{background-image:url(../images/bg_detail_guide.png);} .cont_detail_guide .box_icon_list1 > div:nth-child(2){background-image:url(../images/bg_detail_guide2.png);} /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고하기 */ .certification_area:after{display:block; content:""; clear:both;} .certification_area > div{float:left} .certification_area > div:after{display:block; content:""; clear:both;} .certification_area > div:first-child{width:420px;} .certification_area > div:first-child a{display:block; float:left; width:200px; height:185px; padding-top:120px; border:3px solid transparent; background:#e5f0fc url(../images/bg_certifi1.png) center top 33px no-repeat; color:#2867d8; box-sizing:border-box; text-align:center; font-weight:700;} .certification_area > div:first-child a + a{margin-left:20px; background-image:url(../images/bg_certifi2.png); background-color:#e1f5e4; color:#149726;} .certification_area > div:nth-child(2){width:calc(100% - 421px); padding-left:40px; box-sizing:border-box;} .certification_area > div:nth-child(2) > p{margin-bottom:10px; font-size:20px; color:#333;} .certification_area > div:first-child a:hover, .certification_area > div:first-child a:focus, .certification_area > div:first-child a:active{text-decoration:none; border-color:#85acf1; box-shadow:10px 10px 10px rgba(0,0,0,0.05);} .certification_area > div:first-child a + a:hover, .certification_area > div:first-child a + a:focus, .certification_area > div:first-child a + a:active{border-color:#8fda99;} /* 열린혁신 - 윤리경영 - 부패/공익신고 - 징계현황 */ .icon_data_none{display:inline-block; margin:170px 0; padding-left:30px; background:url(../images/icon_all_contents.png) 0 -246px no-repeat;} .table_area{overflow-x:auto;} .table_area table{min-width:768px;} /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고하기 - 등록 */ .cont_declar_enroll .agree{margin-top:25px; text-align:center;} .cont_declar_enroll .agree > span{margin-right:17px;} /*진흥원소개**********************************************************************************************************************************/ /* 진흥원 소개 - 기관장소개 - 역대기관장 */ .cheif_cont{border-bottom:2px solid #d8dddf; box-sizing:border-box;} .cheif_cont > div{overflow:hidden; padding:25px 0; border-top:2px solid #d8dddf;} .cheif_cont > div > div{float:left;} .cheif_cont > div > div:first-child{width:150px;} .cheif_cont > div > div:first-child img{} .cheif_cont > div > div:last-child{width:calc(100% - 150px); padding-left:50px; box-sizing:border-box;} .cheif_cont > div > div:last-child > b{font-size:25px; color:#0b7bc1; font-weight:700;} .cheif_cont > div > div:last-child > p{margin:10px 0; background-color:#f4f5f5; padding:5px 20px; color:#333;} .cheif_cont > div > div:last-child > ul li{padding:10px 0;} .cheif_cont > div > div:last-child > ul li:first-child{border-bottom:1px dashed #cdcdcd;} /* 진흥원 소개 - 조직도/직원안내 - 직원안내 */ .cont_organization .text_box1 > div{position:relative; padding:50px 60px 50px 428px; box-sizing:border-box;} .cont_organization .text_box1 > div:before{display:block; content:""; position:absolute; left:0; top:0; width:370px; height:100%; background:#ecf1f9 url(../images/bg_organi.png) center no-repeat; z-index:1;} .cont_organization .text_box1 > div:after{display:block; content:""; clear:both;} .cont_organization .text_box1 > div > b{font-size:25px; font-weight:600;} .cont_organization .text_box1 > div > p{margin-top:7px; margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #d2d7e6;} .cont_organization .text_box1 > div > .button_list{position:relative; float:left; width:calc((100% - 5px)/2);} .cont_organization .text_box1 > div > .button_list:nth-of-type(2){float:right;} .cont_organization .text_box1 > div > .button_list button{display:block; width:100%; padding:10px 15px 10px 35px; line-height:1.47; text-align:left; color:#696f7b;} .cont_organization .text_box1 > div > .button_list > button{padding:10px 15px; border:1px solid #d2d7e6; background:#fff url(../images/icon_select.png) no-repeat 95% 50%; } .cont_organization .text_box1 > div > .button_list > button span{padding-left:22px; background:url(../images/icon_all_btn.png) left -2043px no-repeat;} .cont_organization .text_box1 > div > .button_list > ul{display:none;position:absolute; left:0; top:44px; width:100%; border:1px solid #d2d7e6; background-color:#fff; z-index:1; box-sizing:border-box;} .cont_organization .text_box1 > div > .button_list > ul li{padding:0;} .cont_organization .text_box1 > div > .button_list > ul li > p{padding-left:0;} .cont_organization .text_box1 > div > .button_list > ul li > p:before{top:14px; left:15px;} .cont_organization .text_box1 > div > .button_list > ul li button{border-bottom:1px solid #d2d7e6;} .cont_organization .text_box1 > div > .button_list > ul li:last-child button{border-bottom:none;} .cont_organization .text_box1 > div > .button_list button:hover, .cont_organization .text_box1 > div > .button_list button:focus, .cont_organization .text_box1 > div > .button_list button:active{background-color:#f2f6fe; color:#4d81e3;} .cont_organization .text_box1 > div > .button_list.on > ul{overflow:auto; display:block; max-height:400px;} .cont_organization [class^="cont"] > div{margin-top:0;} /* 진흥원 소개 - 조직도/직원안내 - 조직도 */ .organi_img{position:relative; max-width:730px; margin:0 auto; text-align:center; box-sizing:border-box;} .organi_img > b{display:inline-block; position:relative; z-index:10; width:144px; height:177px; background:url(../images/bg_organi_img.png) center no-repeat; font-size:28px; letter-spacing:-1px; color:#fff; line-height:160px;text-shadow:1px 1px 0 #637698;} .organi_img > ul:nth-of-type(1){position:relative; margin-top:30px;} .organi_img > ul:nth-of-type(1):after{display:block; content:""; clear:both;} .organi_img > ul:nth-of-type(1) > li{float:left;} .organi_img > ul:nth-of-type(1) > li:nth-child(2){float:right;} .organi_img > ul:nth-of-type(1) > li > p{width:220px; height:55px; border:3px solid #4388d0; border-radius:500px; background-color:#fff; color:#0b7bc1; font-weight:600; text-align:center; line-height:53px; font-size:18px; box-sizing:border-box;} .organi_img > ul:nth-of-type(1) > li:nth-child(2) > p{border-color:#4dc05d; color:#018101;} .organi_img > ul:nth-of-type(2){position:relative; margin-top:80px;} .organi_img > ul:nth-of-type(2):after{display:block; content:""; clear:both;} .organi_img > ul:nth-of-type(2) > li{position:Relative; float:left; width:calc((100% - 41px)/5); margin-right:10px;} .organi_img > ul:nth-of-type(2) > li:last-child{margin-right:0;} .organi_img > ul:nth-of-type(2) > li > p{width:135px; /* height:55px; */ min-height:55px; padding:10px 0; border:2px solid #6d7888; background-color:#6d7888; /* line-height:53px; */ color:#fff; font-weight:700; box-sizing:border-box;} .organi_img > ul:nth-of-type(2) > li > ul{width:135px; margin-top:10px; border:2px solid #6d7888; box-sizing:border-box;} .organi_img > ul:nth-of-type(2) > li > ul > li p{min-height:50px; padding:10px 0; border-bottom:2px solid #6d7888; background-color:#fff; /* line-height:47px; */ color:#848e9d; font-weight:600; box-sizing:border-box;} .organi_img > ul:nth-of-type(2) > li > ul > li:last-child p{border-bottom:none;} .organi_img > ul:nth-of-type(2) > li > ul > li > p{} .organi_img:before{display:block; content:""; position:absolute; left:50%; top:20px; width:2px; height:calc(100% - 108px); background-color:#e1e1e1; z-index:-1;} .organi_img > ul:nth-of-type(1):before{display:block; content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background-color:#e1e1e1; z-index:-1;} .organi_img > ul:nth-of-type(2) > li:before{display:block; content:""; position:absolute; left:50%; top:-40px; width:2px; height:100%; background-color:#e1e1e1; z-index:-1;} .organi_img > ul:nth-of-type(2) > li:nth-child(3):before{display:none;} .organi_img > ul:nth-of-type(2) > li:after{display:block; content:""; position:absolute; left:50%; top:-40px; width:107%; height:2px; background-color:#e1e1e1; z-index:-1;} .organi_img > ul:nth-of-type(2) > li:last-child:after{display:none;} /* 현장소통지원단 */ .organi_img > ul:nth-of-type(3) {position: absolute; margin-top: -15px; top: 190px; left: 40px;} .organi_img > ul:nth-of-type(3) > li > p{min-height: 50px; padding: 10px 20px; border: 2px solid #4472C4; background-color: #4472C4; color:#fff; font-weight: 600; box-sizing: border-box;} .organi_img > ul:nth-of-type(3) > li:before{top: -50px;} .organi_img > ul:nth-of-type(3) > li:before{display: block; content: ""; position: absolute; left: 100%; top: 23px; width: 128%; height: 2px; background-color: #e1e1e1; z-index: -1;} /* 세종센터운영 TFT */ .organi_img > ul:nth-of-type(4) {position: absolute; margin-top: -15px; top: 180px; right: 40px;} .organi_img > ul:nth-of-type(4) > li > p{min-height: 50px; padding: 10px 20px; border: 2px solid #4472C4; background-color: #4472C4; color:#fff; font-weight: 600; box-sizing: border-box;} .organi_img > ul:nth-of-type(4) > li:before{top: -50px;} .organi_img > ul:nth-of-type(4) > li:before{display: block; content: ""; position: absolute; left: -104%; top: 23px; width: 125%; height: 2px; background-color: #e1e1e1; z-index: -1;} /* 진흥원 소개 - 사이버홍보실 - 기관 홍보자료 */ .cont_promo_data .area_video > div:nth-child(2) > div b{margin-top:0; font-size:18px; color:#4d81e3;} /* 진흥원소개 - 조직도 /직원안내 변경 */ .organi_img > ul:nth-of-type(2) > li > .infor_tft{min-height:50px; margin-top:10px; background-color:#fff; color:#848e9d; /* line-height: 47px; */ font-weight:600;} .organi_img > ul:nth-of-type(2) > li > .social_tft{min-height:50px; margin-top:10px; background-color:#fff; color:#848e9d; font-weight:600;} .organi_img > ul:nth-of-type(2) > li > .scaleup_tft{min-height:50px; margin-top:10px; background-color:#fff; color:#848e9d; /* line-height: 47px; */ font-weight:600;} /*지원사업**********************************************************************************************************************************/ /* 지원사업 - 생태계조성 - 네트워크 구축 */ .cont_network > div:nth-of-type(1){margin-top:0;} .cont_network .title3{margin-bottom:5px;} .cont_network .text_box2{margin-top:40px;} .cont_network .text_box2 .text_box4{margin-top:30px;} .cont_network .box_pic3{margin-top:40px; } [class^="box_list"]{overflow:hidden; display:flex; flex-wrap:wrap; box-sizing:border-box;} [class^="box_list"] > li{float:left; padding:28px 30px; border:2px solid #85acf1; box-sizing:border-box;} [class^="box_list"] > li:nth-child(1){margin-left:0;} [class^="box_list"] > li:nth-child(2){border-color:#ef9991;} [class^="box_list"] > li:nth-child(3){border-color:#6ed7e7;} [class^="box_list"] > li > b{display:block; padding:3px 10px; background-color:#548bf0; border-radius:500px; text-align:center; font-size:18px; color:#fff;} [class^="box_list"] > li:nth-child(2) > b{background-color:#e55d4f;} [class^="box_list"] > li:nth-child(3) > b{background-color:#0dc5c7; text-shadow:1px 1px 0 #637698;} [class^="box_list"] > li > ul{margin-top:10px; padding-left:20px;} [class^="box_list"] > li > [class^="list_ul"] > li{padding:0;} .box_list3 > li{width:calc((100% - 81px)/3); margin-left:40px;} [class^="box_pic"]{overflow:hidden; } [class^="box_pic"] > li{float:left; border:1px solid #dbdfe4; box-sizing:border-box;} [class^="box_pic"] > li:first-child{margin-left:0;} [class^="box_pic"] > li > img{width:100%;} [class^="box_pic"] > li > p{padding:10px 5px; text-align:center; font-weight:600;} .box_pic2{text-align:center;} .box_pic2 > li{display:inline-block; float:none; max-width:330px; margin:0 20px;} .box_pic3 > li{width:calc((100% - 81px)/3); margin-left:40px;} /* 지원사업 - 성장지원 - 경영지원,컨설팅 - 경영컨설팅 */ [class^="type2_step_box"]{overflow:hidden; display:flex; flex-wrap:wrap; box-sizing:border-box; } [class^="type2_step_box"] > li{position:relative; margin-left:40px; padding:20px; border:3px solid #85acf1; box-sizing:border-box; text-align:center; } [class^="type2_step_box"] > li:first-child{margin-left:0;} [class^="type2_step_box"] > li:nth-child(2){border-color:#68b1df;} [class^="type2_step_box"] > li:nth-child(3){border-color:#6ed7e7;} [class^="type2_step_box"] > li:nth-child(4){border-color:#ef9991;} [class^="type2_step_box"] > li:before{display:block; content:"다음"; position:absolute; right:-35px; top:50%; width:33px; height:36px; margin-top:-18px; background:url(../images/bg_type2_step_box_arrow.png) center no-repeat; text-indent:-9999px;} [class^="type2_step_box"] > li:last-child:before{display:none;} [class^="type2_step_box"] > li > b{padding:5px 20px; background-color:#548bf0; border-radius:500px; font-size:16px; color:#fff; font-style:italic; box-sizing:border-box; text-shadow:1px 1px 0 #637698;} [class^="type2_step_box"] > li:nth-child(2) > b{background-color:#2bafed; text-shadow:1px 1px 0 #637698;} [class^="type2_step_box"] > li:nth-child(3) > b{background-color:#0dc5c7;} [class^="type2_step_box"] > li:nth-child(4) > b{background-color:#e55d4f;} .type2_step_box2 > li{width:calc((100% - 41px)/2);} .type2_step_box3 > li{width:calc((100% - 81px)/3);} .type2_step_box4 > li{width:calc((100% - 121px)/4);} [class^="type2_step_box"].fc_s p{font-size:15px;} [class^="type2_step_box"].fc_s > li > div b{font-weight:600;} .type2_step_box_normal > li > div{padding-top:20px;} .type2_step_box_normal > li > div > b{font-size:20px; font-weight:600; line-height:1.47;} .type2_step_box_normal > li > div > p{margin-top:10px;} [class^="type2_step_box"].inner_c > li{display:flex; position:relative; align-items:center; padding-top:55px; } [class^="type2_step_box"].inner_c > li > b{position:absolute; left:50%; top:20px; width:140px; margin-left:-70px; padding:5px 0; text-shadow:1px 1px 0 #637698;} [class^="type2_step_box"].inner_c > li > div{width:100%;} [class^="type2_step_box"].inner_c > li > div > div{padding:15px 0; border-bottom:1px solid #d2d7e6;} [class^="type2_step_box"].inner_c > li > div > div:last-child{border-bottom:none;} [class^="box_link"]{display:flex; flex-wrap:wrap;} [class^="box_link"]:after{display:block; content:""; clear:both;} [class^="box_link"] > li{float:left; padding:20px 27px 30px 27px; border:1px solid #85acf1; box-shadow:8px 8px 8px rgba(0,0,0,0.05); box-sizing:border-box;} [class^="box_link"] > li:first-child{margin-left:0;} [class^="box_link"] > li > b{font-size:20px; font-weight:600; color:#333; line-height:1.47;} [class^="box_link"] > li > b span{display:block; color:#5588e7;} [class^="box_link"] > li > a{display:block; margin-top:15px;} .box_link4 > li{width:calc((100% - 121px)/4); margin-left:40px;} /* 지원사업 - 성장지원 - 지원연계 - 국제협력 */ [class^="box_img_down"]{overflow:hidden; text-align:center;} [class^="box_img_down"] > ul{display:inline-block;} [class^="box_img_down"] > ul > li{float:left; max-width:200px; margin-right:25px;} [class="box_img_down5"] > ul > li{margin-right:20px;} [class^="box_img_down"] > ul > li:last-child{margin-right:0;} [class^="box_img_down"] > ul > li > p{padding:10px 0; border-top:2px solid #5286e6; font-size:20px; color:#333; box-sizing:border-box; font-weight:700;} [class^="box_img_down"] > ul > li > div{display:inline-block; position:relative; width:100%; box-sizing:border-box;} [class^="box_img_down"] > ul > li > div a{display:inline-block; width:100%;} [class^="box_img_down"] > ul > li > div a:before{display:none; content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.55);} [class^="box_img_down"] > ul > li > div img{width:100%; height:100%; border:1px solid #d2d7e6; border-bottom:0; vertical-align:middle; box-sizing:border-box;} [class^="box_img_down"] > ul > li > div span{display:none; position:absolute; left:50%; top:128px; margin-left:-50px; padding-left:25px; background:url(../images/icon_show.png) left center no-repeat; font-weight:700; color:#fff; vertical-align:middle;} [class^="box_img_down"] > ul > li > a{width:100%;} [class^="box_img_down"] > ul > li > div a:hover:before, [class^="box_img_down"] > ul > li > div a:focus:before, [class^="box_img_down"] > ul > li > div a:active:before{display:block;} [class^="box_img_down"] > ul > li > div a:hover span, [class^="box_img_down"] > ul > li > div a:focus span, [class^="box_img_down"] > ul > li > div a:active span{display:block;} .box_img_down5 > ul > li{max-width:none; width:calc((100% - 101px)/6); } .box_img_down4 > ul > li{max-width:none; width:calc((100% - 91px)/4); margin-right:30px;} .btn_sz_m.f15{font-size:15px; } /* 지원사업 - 성장지원 - 지원연계 - 사회적금융 */ .cont_social_finance .point_fc18{color:#147084;} .box_cercle{max-width:650px; margin:0 auto;} .box_cercle > li{display:inline-block; position:relative; padding:20px 30px;} .box_cercle > li:nth-child(-n+2):before{display:block; content:""; position:absolute; right:0; top:50%; margin-top:-7px; width:1px; height:15px; background-color:#b0b0b0; transform:rotate(30deg);} .box_cercle > li > b{display:inline-block; width:150px; height:150px; padding-top:48px; border-radius:50%; background-color:#d3e6fa; color:#0f4a89; box-sizing:border-box; text-align:center; } .box_cercle > li:nth-child(2) > b{background-color:#d5f4f9; color:#147084;} .box_cercle > li:nth-child(3) > b{background-color:#fbe8f1; color:#c01d6f;} .box_cercle > li:nth-child(4) > b{background-color:#d7f4d7; color:#016E00;} .box_cercle > li:nth-child(4){position:relative; width:100%;} .box_cercle > li:nth-child(4) ul{position:absolute; left:200px; top:40px;} .box_pdf{text-align:center;} .box_pdf > div{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; } .box_pdf > div > div{float:left; margin:0 7px;} .box_pdf > div > div:nth-child(1){border:1px solid #d2d7e6;} .box_pdf > div > div:nth-child(1).sEU img{width:200px; height:239px;} .box_pdf > div > div:nth-child(2){width:200px; padding:30px 10px; border-top:2px solid #5286e6; border-bottom:2px solid #5286e6; box-sizing:border-box; text-align:left; word-break:keep-all;} .box_pdf > div > div:nth-child(2) > b{display:block; margin-bottom:15px; font-size:20px; color:#333; line-height:1.47;} .box_pdf > div > div:nth-child(3){width:200px; padding:30px 10px; border-top:2px solid #5286e6; border-bottom:2px solid #5286e6; box-sizing:border-box; text-align:left; word-break:keep-all;} .box_pdf > div > div.sEU{border:none; width:200px; padding:30px 0px; border-top:2px solid #5286e6; border-bottom:2px solid #5286e6; box-sizing:border-box; text-align:left; word-break:keep-all;} .box_pdf > div > div:nth-child(3) > b{display:block; margin-bottom:15px; font-size:20px; color:#333; line-height:1.47;} .cont_develop_project .box_pdf > div > div:nth-child(2n){width:200px; padding:30px 10px; border-top:2px solid #5286e6; border-bottom:2px solid #5286e6; box-sizing:border-box; text-align:left; word-break:keep-all;} .cont_develop_project .box_pdf > div > div:nth-child(2n) > b{display:block; margin-bottom:15px; font-size:20px; color:#333; line-height:1.47;} .box_banner{text-align:center;} .box_banner b{display:block; margin-bottom:15px; font-size:18px; color:#333;} .box_banner a img{max-width:100%;} /* 지원사업 - 성장지원 - 지원연계 - 프로보노 */ .cont_probono .box_pdf a{padding:0 10px;} .cont_probono .line_list > li > p{font-size:18px;} .cont_probono .line_list > li > [class^="list_"] > li{margin:0;} [class^="type3_box_step_box"]{display:flex; flex-wrap:wrap;} [class^="type3_box_step_box"]:after{display:block; content:""; clear:both;} [class^="type3_box_step_box"] > li{position:relative; display:flex; align-items:center; justify-content:center; padding:10px; border:2px solid #6ed7e7; background-color:#fff; box-sizing:border-box; color:#147084; text-align:center; word-break:keep-all;} [class^="type3_box_step_box"] > li:before{display:block; content:""; position:absolute; right:-30px; top:50%; width:50px; height:2px; background-color:#d2d7e6; z-index:-1;} [class^="type3_box_step_box"] > li:last-child:before{display:none;} [class^="type3_box_step_box"] > li > p{font-weight:700;} [class^="type3_box_step_box"] > li:first-child, [class^="type3_box_step_box"] > li:last-child{border-color:#0dc5c7; background-color:#0dc5c7; color:#fff; text-shadow:1px 1px 0 #637698;} .type3_box_step_box_7 > li{width:calc((100% - 121px)/7); margin-left:20px;} .type3_box_step_box_7 > li:first-child{margin-left:0;} /* 지원사업 - 성장지원 - 지원연계 - SE파트너쉽(CSR) */ .cont_SE .SE_cont{position:relative;} .SE_cont > b{display:block; position:absolute; left:50%; top:145px; width:182px; height:50px; margin-left:-91px; background-color:#898fa2; border-radius:500px; text-align:center; font-size:20px; color:#fff; box-sizing:border-box; line-height:47px; z-index:1;} .SE_cont > ul{text-align:center;} .SE_cont > ul > li{display:inline-block; max-width:300px;} .SE_cont > ul > li:first-child{margin-right:23%;} .SE_cont > ul > li > div{position:relative; width:266px; height:266px; margin:0 auto; padding:65px 30px 0 30px; background-color:#d5f4f9; border-radius:50%; box-sizing:border-box;} .SE_cont > ul > li > div b{display:inline-block; width:150px; height:40px; margin-bottom:17px; background-color:#0e9de0; border-radius:500px; color:#fff; font-size:20px; line-height:37px;} .SE_cont > ul > li > div p{color:#056e9e; word-break:keep-all;} .SE_cont > ul > li > ul{margin-top:10px; padding:10px 0; border-top:2px solid #4388d0; border-bottom:2px solid #4388d0; text-align:left;} .SE_cont > ul > li > ul > li{padding:3px 0;} .SE_cont > ul > li:nth-child(2) > div{background-color:#fae3e1;} .SE_cont > ul > li:nth-child(2) > div b{background-color:#e44d3d;} .SE_cont > ul > li:nth-child(2) > div p{color:#be2615;} .SE_cont > ul > li:nth-child(2) > ul{border-top:2px solid #e44d3d; border-bottom:2px solid #e44d3d;} .SE_cont > ul > li:first-child > div:before{display:block; content:""; position:absolute; right:-150px; top:50%; width:100%; height:1px; margin-top:7px; background-color:#2bafed; z-index:-1;} .SE_cont > ul > li:nth-child(2) > div:before{display:block; content:""; position:absolute; left:-150px; top:50%; width:100%; height:1px; margin-top:7px; background-color:#e44d3d; z-index:-1;} .SE_cont > ul > li:first-child > div:after{display:block; content:""; position:absolute; right:-7px; top:50%; width:18px; height:18px; background-color:#2bafed; border-radius:50%;} .SE_cont > ul > li:nth-child(2) > div:after{display:block; content:""; position:absolute; left:-7px; top:50%; width:18px; height:18px; background-color:#e44d3d; border-radius:50%;} [class^="type2_box_list"]{overflow:hidden; display:flex; flex-wrap:wrap; text-align:center;} [class^="type2_box_list"] > li{float:left; margin-right:30px; padding:138px 30px 20px 30px; border:2px solid #68b1df; background-position:center top 30px; background-repeat:no-repeat; box-sizing:border-box; word-break:keep-all;} [class^="type2_box_list"] > li:last-child{margin-right:0;} [class^="type2_box_list"] > li b{display:block; margin-bottom:18px; font-size:20px; color:#0574A7; line-height:1.47;} [class^="type2_box_list"] > li b + b{font-size:16px; color:#333; font-weight:600;} [class^="type2_box_list"] > li p{word-break:keep-all;} .cont_SE [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_SE1.png);} .cont_SE [class^="type2_box_list"] > li:nth-child(2){background-image:url(../images/bg_SE2.png);} .cont_SE [class^="type2_box_list"] > li:nth-child(3){background-image:url(../images/bg_SE3.png);} /* .social_concept1 [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_social_point1.png);} */ .social_concept1 [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_concept1.png);} .social_concept1 [class^="type2_box_list"] > li:nth-child(2){background-image:url(../images/bg_social_point2.png);} .social_concept1 [class^="type2_box_list"] > li:nth-child(3){background-image:url(../images/bg_social_point3.png);} .social_concept2 [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_social_point4.png);} .social_concept2 [class^="type2_box_list"] > li:nth-child(2){background-image:url(../images/bg_social_point5.png);} .social_concept2 [class^="type2_box_list"] > li:nth-child(3){background-image:url(../images/bg_social_point6.png);} .cont_concept [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_concept1.png);} .cont_concept [class^="type2_box_list"] > li:nth-child(2){background-image:url(../images/bg_concept2.png);} .cont_concept [class^="type2_box_list"] > li:nth-child(3){background-image:url(../images/bg_concept3.png);} .cont_concept [class^="type2_box_list"] > li:nth-child(4){background-image:url(../images/bg_concept4.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(1){background-image:url(../images/bg_develop_project1.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(2){background-image:url(../images/bg_develop_project2.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(3){background-image:url(../images/bg_develop_project3.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(4){background-image:url(../images/bg_develop_project4.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(5){background-image:url(../images/bg_develop_project5.png);} .cont_develop_project [class^="type2_box_list"] > li:nth-child(6){background-image:url(../images/bg_develop_project6.png);} .type2_box_list3 > li{width:calc((100% - 61px)/3);} .type2_box_list3 > li:nth-child(3n){margin-right:0;} .type2_box_list3 > li:nth-child(n+4){margin-top:30px;} .type2_box_list4 > li{width:calc((100% - 91px)/4);} /* 지원사업 - 성장지원 - 판로지원 - 공공기관 우선구매 */ [class^="type3_list_box"]{display:flex; flex-wrap:wrap;} [class^="type3_list_box"] > li{padding:15px 27px; padding-right:45px; background-color:#d5f4f9; border-radius:500px; box-sizing:border-box;} [class^="type3_list_box"] > li > div{position:relative; display:flex; align-items:center; height:100%;} [class^="type3_list_box"] > li > div > b{position:absolute; left:0; top:50%; width:120px; height:40px; margin-top:-20px; background-color:#0e9de0; border-radius:500px; color:#fff; font-size:20px; line-height:37px; text-align:center;} [class^="type3_list_box"] > li > div > p{padding-left:140px; color:#056e9e; word-break:keep-all;} [class^="type3_list_box"] > li:nth-child(2){background-color:#fae3e1;} [class^="type3_list_box"] > li:nth-child(2) > div > b{background-color:#e44d3d;} [class^="type3_list_box"] > li:nth-child(2) > div > p{color:#be2615;} .type3_list_box2 > li{width:calc((100% - 21px)/2); margin-right:20px;} .type3_list_box2 > li:last-child{margin-right:0;} .type3_1_list_box > li{border-radius:10px;} .type3_1_list_box > li > div{display:block;} .type3_1_list_box > li b{color:#056e9e;} .type3_1_list_box > li + li{margin-top:20px;} .type3_1_list_box > li + li ul b{color:#696f7b;} .type3_1_list_box > li > div > ul{padding-left:150px; font-size:15px;} .txt_u{text-decoration:underline; text-underline-position:under;} /* 지원사업 - 성장지원 - 판로지원 - 유통채널 진출 */ .box_icon{padding-left:134px; padding-bottom:40px; background:url(../images/bg_text_box4_channel.png) left 20px top 20px no-repeat;} .box_icon > b{font-size:20px; color:#2867d8;} /* 지원사업 - 성장지원 - 판로지원 - e-store36.5 */ .type1_list_icon_box{border-top:1px solid #d2d7e6;} .type1_list_icon_box > li{padding:22px 10px 30px 120px; border-bottom:1px solid #d2d7e6; background:url(../images/bg_estore_list_icon1.png) left 20px top 20px no-repeat; box-sizing:border-box;} .type1_list_icon_box > li > p:nth-of-type(1){margin-bottom:7px;} .type1_list_icon_box > li > p > b{color:#366ACA;} .type1_list_icon_box > li:nth-child(2) > p > b{color:#147084;} .cont_e_store .type1_list_icon_box > li:nth-child(2){background-image:url(../images/bg_estore_list_icon2.png);} /* 지원사업 - 창업지원 - 사회적기업 성장지원센터 - 사업안내 */ .cont_social_on .SE_cont{text-align:center;} .box_title{position:relative; display:inline-block; padding:0 12px; font-size:30px; letter-spacing:-1px; color:#333; background-color:#fff; font-weight:700;} .box_title:before{display:block; content:""; position:absolute; left:-43px; top:50%; width:40px; height:2px; background-color:#4388d0; } .box_title:after{display:block; content:""; position:absolute; right:-43px; top:50%; width:40px; height:2px; background-color:#4388d0; } .cont_social_on .SE_cont > ul{margin-top:40px;} .cont_social_on .SE_cont > ul > li:first-child{margin-right:20px;} .cont_social_on .SE_cont > ul > li:nth-child(n) > div:before, .cont_social_on .SE_cont > ul > li:nth-child(n) > div:after{display:none;} .cont_social_on .SE_cont > ul > li > div{padding-top:85px;} [class^="type2_list_icon_box"]{overflow:hidden; display:flex; flex-wrap:wrap;} [class^="type2_list_icon_box"] > li{float:left; margin-right:40px; margin-top:20px; padding:30px 20px 30px 142px; border:2px solid #85acf1; background:url(../images/bg_social_on_icon1.png) left 30px top 30px no-repeat; box-sizing:border-box;} [class^="type2_list_icon_box"] > li:nth-child(-n+2){margin-top:0; } [class^="type2_list_icon_box"] > li > b{display:block; margin-bottom:7px; font-size:20px; color:#2867d8;} [class^="type2_list_icon_box"] > li > p{word-break:keep-all;} [class^="type2_list_icon_box"] > li:nth-child(2){border-color:#68b1df; background-image:url(../images/bg_social_on_icon2.png);} [class^="type2_list_icon_box"] > li:nth-child(2) > b{color:#189DDB; } [class^="type2_list_icon_box"] > li:nth-child(3){border-color:#ef9991; background-image:url(../images/bg_social_on_icon3.png);} [class^="type2_list_icon_box"] > li:nth-child(3) > b{color:#cb3728; } [class^="type2_list_icon_box"] > li:nth-child(4){border-color:#6ed7e7; background-image:url(../images/bg_social_on_icon4.png);} [class^="type2_list_icon_box"] > li:nth-child(4) > b{color:#039ea1; } .type2_list_icon_box2 > li{width:calc((100% - 41px)/2);} .type2_list_icon_box2 > li:nth-child(2n){margin-right:0;} .pic_list_box{display:flex; flex-wrap:wrap;} .pic_list_box > div{float:left;} .pic_list_box > div:nth-child(1){width:440px; padding:40px 40px 60px 40px; background-color:#5588e7; box-sizing:border-box; color:#fff;} .pic_list_box > div:nth-child(1) > b{display:block; margin-bottom:10px; font-size:25px; font-weight:600; color:#fff;} .pic_list_box > div:nth-child(1) > ul > li{padding:15px 0; border-bottom:1px dashed #cdcdcd;} .pic_list_box > div:nth-child(1) > ul > li:last-child{border-bottom:none;} .pic_list_box > div:nth-child(2){position:relative; width:calc(100% - 441px); } .pic_list_box > div:nth-child(2) > img{height:100%;} .pic_list_box > div:nth-child(2) > span{position:absolute; right:13px; bottom:15px; padding:35px 20px; background-color:rgba(0,0,0,0.6); box-sizing:border-box; color:#fff; font-weight:600;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처란? */ .circles_cont{margin-top:20px; padding:30px 77px; border:1px solid #d2d7e6; box-sizing:border-box;} .circles_cont > div:nth-child(-n+3){position:relative; margin-bottom:20px; padding:25px; background-color:#d3e6fa; color:#0f4a89; font-weight:600; text-align:center; } .circles_cont > div:nth-child(-n+3):after{display:block; content:""; position:absolute; left:50%; bottom:-13px; width:0; height:0; margin-left:-13px; border-left:13px solid transparent; border-right:13px solid transparent; border-top:20px solid #d3e6fa;} .circles_cont > div:nth-child(2){background-color:#d5f4f9; color:#0E768D;} .circles_cont > div:nth-child(2):after{border-top-color:#d5f4f9;} .circles_cont > div:nth-child(3){background-color:#fbe8f1; color:#bd015a;} .circles_cont > div:nth-child(3):after{border-top-color:#fbe8f1;} .circles_cont > ul{display:flex; flex-wrap:wrap; padding-top:10px;} .circles_cont > ul:after{display:block; content:""; clear:both;} .circles_cont > ul > li{position:relative; float:left; width:calc((100% - 41px)/2); margin-right:40px; padding:30px; border:2px solid #a6c6e7; box-sizing:border-box;} .circles_cont > ul > li:nth-child(1):after{display:block; content:"다음"; position:absolute; right:-33px; top:50%; width:33px; height:36px; background:url(../images/icon_all_contents.png) left top -300px no-repeat; text-indent:-9999px;} .circles_cont > ul > li:nth-child(2){margin-right:0; border-color:#8ddde9;} .circles_cont > ul > li > b{display:block; width:100%; margin-bottom:15px; padding:0px 20px; background-color:#5e93f3; border-radius:500px; color:#fff; font-size:23px; font-weight:600; box-sizing:border-box;} .circles_cont > ul > li:nth-child(2) > b{background-color:#299fb0;} .circles_cont > ul > li > div{min-height:32%; margin-top:10px; padding:25px 60px; background-color:#ecf0f5; text-align:center;} .circles_cont > ul > li > div > b{display:block; margin-bottom:10px; color:#0f4a89; } .circles_cont > div:last-child{margin-top:20px;padding:22px; background-color:#848e9d; border-radius:8px; color:#fff; text-align:center; font-size:23px; font-weight:700;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처 동아리 지원 */ .type3_list_icon{border-top:1px solid #333;} .type3_list_icon > dl{position:relative; padding:30px 20px; border-bottom:1px solid #d2d7e6; background:url(../images/bg_circles_support1.png) left top 30px no-repeat; box-sizing:border-box;} .type3_list_icon > dl > dt{position:absolute; left:90px; top:30px; font-size:23px; color:#333; font-weight:700;} .type3_list_icon > dl > dd{padding-left:280px;} .cont_circles_support .type3_list_icon > dl:nth-child(2){background-image:url(../images/bg_circles_support2.png);} .cont_circles_support .type3_list_icon > dl:nth-child(3){background-image:url(../images/bg_circles_support3.png);} .cont_circles_support [class^="list_ul"] > li{padding:2px 0; } .cont_circles_support [class^="list_ul"] > li span{font-size:15px;} .cont_support_vilage .type3_list_icon > dl:nth-child(1){background-image:url(../images/bg_support_vilage_icon1.png);} .cont_support_vilage .type3_list_icon > dl:nth-child(2){background-image:url(../images/bg_support_vilage_icon2.png);} .cont_support_vilage .type3_list_icon > dl:nth-child(3){background-image:url(../images/bg_support_vilage_icon3.png);} .cont_support_vilage .type3_list_icon > dl:nth-child(4){background-image:url(../images/bg_support_vilage_icon4.png);} .cont_support_vilage .type3_list_icon > dl:nth-child(5){background-image:url(../images/bg_support_vilage_icon5.png);} .cont_support_vilage .type3_list_icon > dl:nth-child(6){background-image:url(../images/bg_support_vilage_icon6.png);} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처 경연대회 */ [class^="cont"] div.text_box_btn{position:relative; padding-right:210px;} .text_box_btn [class^="group_btn"]{position:absolute; right:30px; top:50%; margin-top:-23px;} .cont_circles_compe .box_list_human{overflow:hidden;} .cont_circles_compe .box_list_human li{float:left; width:calc((100% - 121px)/4); margin-right:40px; padding:123px 10px 15px 10px; border:2px solid #85acf1; background:url(../images/bg_circles_compe1.png) center top 20px no-repeat; box-sizing:border-box; color:#2867d8; text-align:center; font-size:20px; font-weight:600;} .cont_circles_compe .box_list_human li:last-child{margin-right:0;} .cont_circles_compe .box_list_human li:nth-child(2){border-color:#68b1df; background-image:url(../images/bg_circles_compe2.png); color:#189DDB;} .cont_circles_compe .box_list_human li:nth-child(3){border-color:#ef9991; background-image:url(../images/bg_circles_compe3.png); color:#cb3728;} .cont_circles_compe .box_list_human li:nth-child(4){border-color:#6ed7e7; background-image:url(../images/bg_circles_compe4.png); color:#039ea1;} .cont_circles_compe > div:nth-child(2) .text_box3 b{color:#333; font-size:18px;} .type4_step_box5:after{display:block; content:""; clear:both;} /* .type4_step_box5 > li{display:inline-block; position:relative; width:160px; height:160px; margin-right:45px; padding-top:45px; border-radius:50%; background-color:#d5f4f9; text-align:center; box-sizing:border-box;} */ .type4_step_box5 > li{display: inline-block; position: relative; width: 160px; height: 160px; margin-right: 45px; padding-top: 24px; border-radius: 50%; background-color: #d5f4f9; text-align: center; box-sizing: border-box; vertical-align: middle;} .type4_step_box5 > li:nth-child(4), .type4_step_box5 > li:nth-child(5) {padding-top:40px;} .type4_step_box5 > li:before{display:block; content:"다음"; position:absolute; right:-35px; top:50%; width:33px; height:36px; margin-top:-18px; background:url(../images/bg_type2_step_box_arrow.png) center no-repeat; text-indent:-9999px;} .type4_step_box5 > li:last-child{margin-right:0;} .type4_step_box5 > li:last-child:before{display:none;} .type4_step_box5 > li > p{color:#0194AC; font-size:20px; font-weight:700;} /* .type4_step_box5 > li > span{display:inline-block; width:100px; margin-top:8px; border:2px solid #299fb0; border-radius:500px; background-color:#299fb0; color:#fff; font-weight:700; box-sizing:border-box; font-size:15px;} */ .type4_step_box5 > li > span{display:inline-block; min-width:100px; margin-top:8px; border:2px solid #299fb0; border-radius:500px; background-color:#299fb0; color:#fff; font-weight:700; box-sizing:border-box; font-size:15px; padding:0 12px} .type4_step_box5 > li:first-child{background-color:#366ACA; padding-top:45px;} .type4_step_box5 > li:last-child{background-color:#299fb0;} .type4_step_box5 > li:first-child > p, .type4_step_box5 > li:last-child > p{color:#fff;} .type4_step_box5 > li:first-child > span, .type4_step_box5 > li:last-child > span{border-color:#fff; background-color:transparent; color:#fff; margin-top:21px;} /* 지원사업 - 재정지원 - 일자리 지원 */ .type1_step_list{position:relative; max-width:590px; margin:0 auto;} .type1_step_list:before{display:block; content:""; position:absolute; left:40px; top:0; width:2px; height:100%; background-color:#d2d7e6; z-index:-1;} .type1_step_list > li{margin-bottom:10px; padding:7px 25px; border-radius:500px; border:2px solid #85acf1; background-color:#fff; box-sizing:border-box; } .type1_step_list > li > b{color:#366ACA;} .type1_step_list > li > b span{display:inline-block; margin:0 7px; color:#333;} .type1_step_list > li > span{} .type1_step_list > li:first-child{border-color:#5688e7; background-color:#5688e7; color:#fff; text-shadow:1px 1px 0 #637698;} .type1_step_list > li:last-child{border-color:#0dc5c7; background-color:#0dc5c7; color:#fff; text-shadow:1px 1px 0 #637698;} .type1_step_list > li:first-child > b, .type1_step_list > li:first-child > b span, .type1_step_list > li:last-child > b, .type1_step_list > li:last-child > b span{color:#fff;} [class^="type4_list_box"]{overflow:hidden; } [class^="type4_list_box"] > li{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;} [class^="type4_list_box"] > li:last-child{margin-bottom:0;} [class^="type4_list_box"] > li:after{display:block; content:""; clear:both;} [class^="type4_list_box"] > li > b{float:left; width:74px; height:74px; border-radius:50%; background-color:#d3e6fa; color:#2E5AAC; line-height:73px; text-align:center;} [class^="type4_list_box"] > li > p{float:left; width:calc(100% - 75px - 15px); margin-left:15px; } [class^="type4_list_box"] > li:nth-child(2) > b{background-color:#fbe8f1; color:#bd015a;} .type4_list_box2 > li{float:left; width:calc((100% - 1px)/2);} /* 지원사업 - 창업지원 - 사회적기업가 육성사업 */ .cont_develop_project .text_box_btn{padding:40px 30px;} /* 지원사업 - 창업지원 - 사회적기업가 육성사업 - 육성사업 창업팀 현황 */ .develop_best .develop_best_top{overflow:hidden; padding:20px 0;} .develop_best .develop_best_top > div{float:left; } .develop_best .develop_best_top .develop_best_img{display:block; width:400px; margin:18px 0; border:1px solid #d2d7e6; box-sizing:border-box;} .develop_best .develop_best_top .develop_best_img img{width:100%; height:100%;} .develop_best .develop_best_top .develop_best_txt dl{position:relative; padding:13px 0; border-bottom:1px solid #d2d7e6;} .develop_best .develop_best_top .develop_best_txt dl:last-child{border-bottom:none;} .develop_best .develop_best_top .develop_best_txt dt{position:absolute; left:0; top:50%; margin-top:-13px; color:#333; font-weight:600;} .develop_best .develop_best_top .develop_best_txt dd{padding-left:120px; box-sizing:border-box;} .develop_best .develop_best_sub{border-top:1px solid #51545e;} .develop_best .develop_best_sub img{max-width:100%;} .develop_best .develop_best_top > .develop_best_img .single-item button{top:auto; bottom:15px; width:30px; height:34px; background:url(../images/icon_all_contents.png) left -400px no-repeat; z-index:1;} .develop_best .develop_best_top > .develop_best_img .single-item button:before{display:none;} .develop_best .develop_best_top > .develop_best_img .single-item .slick-prev{left:20px;} .develop_best .develop_best_top > .develop_best_img .single-item .slick-next{right:20px; background-position:-150px -400px;} .develop_best .develop_best_top > .develop_best_txt{width:calc(100% - 401px); padding-left:40px; box-sizing:border-box;} .develop_best .develop_best_top > .develop_best_img .single-item .slick-prev:hover, .develop_best .develop_best_top > .develop_best_img .single-item .slick-prev:focus, .develop_best .develop_best_top > .develop_best_img .single-item .slick-prev:active{background-position:-50px -400px;} .develop_best .develop_best_top > .develop_best_img .single-item .slick-next:hover, .develop_best .develop_best_top > .develop_best_img .single-item .slick-next:focus, .develop_best .develop_best_top > .develop_best_img .single-item .slick-next:active{background-position:-100px -400px;} .develop_best .img_area{overflow:hidden; margin:50px 0 30px 0; padding:20px 0; border-top:1px solid #51545e; box-sizing:border-box;} .develop_best .img_area > div{float:left; width:calc(50% - 1px); padding:0 5px; text-align:center; box-sizing:border-box;} .develop_best .img_area > div img{max-width:100%;} /* 지원사업 - 창업지원 - 사회적기업 성장지원센터 - 성장지원센터리스트 */ .socialon_bi {max-width:420px; width:100%; } .cont_center_list .title1 span{font-size:16px; color:#828999; font-weight:400;} .cont_center_list .pic_banner_list .slider-dots > li > button{white-space:pre-wrap;} /* .cont_center_list .pic_banner_list .slider-dots > li:nth-child(1) > button, .cont_center_list .pic_banner_list .slider-dots > li:nth-child(2) > button{height:68px; line-height:1.47;} */ .growcenter_map{position:relative; padding:30px 380px 30px 35px; box-sizing:border-box; background:#eff2f6 url(../images/bg_center_list.png) left 60% bottom -80px no-repeat;} .growcenter_map > b{display:block; margin-bottom:10px; font-size:25px; color:#4077de; line-height:1.47;} .growcenter_map > a{position:absolute; right:30px; top:50px;} .pic_banner_list{display:flex; flex-wrap:wrap; position:relative; } .pic_banner_list > div:nth-child(1){width:410px; padding:30px; background-color:#5588e7; box-sizing:border-box;} .pic_banner_list > div:nth-child(1) > div{position:relative;} .pic_banner_list > div:nth-child(1) > div p{font-size:20px; font-weight:600; color:#fff; text-align:center;} .pic_banner_list > div:nth-child(2){width:calc(100% - 411px); min-height:555px;} .pic_banner_list > div:nth-child(2) img{max-width:100%; height:100%; min-height:555px;} .pic_banner_list > div:nth-child(2).dots_text.h600 img{min-height:660px;} .pic_banner_list > div:nth-child(1) [class^="slick"]{width:30px; height:34px; background:url(../images/icon_all_contents.png) left -400px no-repeat;} .pic_banner_list > div:nth-child(1) > div [class^="slick"]:before{display:none;} .pic_banner_list > div:nth-child(1) > div .slick-prev{left:0;} .pic_banner_list > div:nth-child(1) > div .slick-next{right:0; background-position:-150px -400px;} .pic_banner_list > div:nth-child(1) > div .slick-prev:hover, .pic_banner_list > div:nth-child(1) > div .slick-prev:focus, .pic_banner_list > div:nth-child(1) > div .slick-prev:active{background-position:-50px -400px;} .pic_banner_list > div:nth-child(1) > div .slick-next:hover, .pic_banner_list > div:nth-child(1) > div .slick-next:focus, .pic_banner_list > div:nth-child(1) > div .slick-next:active{background-position:-100px -400px;} .pic_banner_list .slick-slider{position:static;} .pic_banner_list .slider-dots{position:absolute; left:30px; top:95px; width:347px;} .pic_banner_list .slider-dots > li{float:left; margin-right:15px; margin-top:10px;} .pic_banner_list .slider-dots > li:nth-child(2n){margin-right:0;} .pic_banner_list .slider-dots > li:nth-child(-n+2){margin-top:0;} .pic_banner_list .slider-dots > li > button{width:165px; height:45px; border:1px solid #fff; color:#fff; line-height:40px; text-align:center;} .pic_banner_list .slider-dots > li.slick-active, .pic_banner_list .slider-dots > li > button:hover, .pic_banner_list .slider-dots > li > button:focus, .pic_banner_list .slider-dots > li > button:active{text-decoration:underline; text-underline-position:under; background-color:#4372ca;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 바이소셜 */ .promotion_b_box1 > div{display:flex; flex-wrap:wrap; padding:40px;} .promotion_b_box1 > div > div{position:relative;} .promotion_b_box1 > div > div:nth-child(1){width:376px;} .promotion_b_box1 > div > div:nth-child(1) img{max-width:100%;} .promotion_b_box1 > div > div:nth-child(1) a{position:absolute; left:50%; top:452px; width:52px; height:52px; margin-left:-26px; background:#283f88 url(../images/icon_all_btn.png) right 18px top -34px no-repeat; border-radius:50%; text-indent:-9999px;} .promotion_b_box1 > div > div:nth-child(2){width:calc(100% - 376px - 67px); margin-left:66px; padding-bottom:70px;} .promotion_b_box1 > div > div:nth-child(2) > b{font-size:25px; color:#5b8eee;} .promotion_b_box1 > div > div:nth-child(2) > p{position:relative; margin-top:20px; padding-top:20px;} .promotion_b_box1 > div > div:nth-child(2) > p:before{display:block; content:""; position:absolute; left:0; top:0; width:32px; height:1px; background-color:#000;} .promotion_b_box1 > div > div:nth-child(2) > p .point_fc20{font-size:20px;} .promotion_b_box1 > div > div:nth-child(2) .group_btn_100{position:absolute; left:0; bottom:0; } .promotion_b_box1 > div > div:nth-child(2) .group_btn_100 a{margin-top:10px;} .promotion_b_box1 > div > div:nth-child(1) a:hover, .promotion_b_box1 > div > div:nth-child(1) a:focus, .promotion_b_box1 > div > div:nth-child(1) a:active{background-color:#748cd9;} /* 유튜브 동영상 끌어옴 */ .embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .area_video{display:flex; flex-wrap:wrap;} .area_video > div:nth-child(1) {width:450px;} .area_video > div:nth-child(1) > p{margin-top:8px; font-size:20px; color:#333; font-weight:600; text-align:center;} .area_video > div:nth-child(1) > .group_btn_100{margin-top:10px;} .area_video > div:nth-child(2){width:calc(100% - 451px - 40px); margin-left:40px;} .area_video > div:nth-child(2) > p{min-height:50px; padding:7px 0; border-top:1px solid #333; font-size:20px; color:#333; font-weight:600; box-sizing:border-box;} .area_video > div:nth-child(2) > div{height:calc(100% - 60px); padding:10px 0; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6; box-sizing:border-box;} .area_video > div:nth-child(2) > div b{display:block; margin-top:10px; font-size:20px; color:#333;} .area_video.video1 > div:nth-child(1){float:none; margin:0 auto;} .layout_video_wrap{overflow:hidden;} .layout_video_wrap > div:nth-child(1){float:left;} .layout_video_wrap > div:nth-child(2){float:right;} .cont_promotion_b .text_box3_1{padding:25px 35px; border:1px solid #d2d7e6;} .cont_promotion_b .text_box3_1 > b:nth-of-type(1){display:block; margin-bottom:5px; font-size:20px; color:#333; font-weight:600;} .cont_promotion_b .text_box3_1 > [class^="list_"] > li{padding:1px 0;} .cont_promotion_b .text_box3_1:nth-of-type(3){border:2px solid #85acf1;} .cont_promotion_b .text_box6 b{display:block; margin-bottom:8px; color:#828999;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 사회적기업 홍보 */ .promotion_s_banner{position:relative; padding:33px 378px 33px 168px; background-color:#f9e249; background-image:url(../images/bg_promotion_s1.png), url(../images/bg_promotion_s2.png); background-position:left 53px bottom -28px, right 82px top; background-repeat:no-repeat, no-repeat; box-sizing:border-box;} .promotion_s_banner:before{display:block; content:""; position:absolute; right:100px; bottom:-4px; width:254px; height:141px; background:url(../images/bg_promotion_s_newskakao.png) center no-repeat;} .promotion_s_banner p{font-size:23px; color:#3e2a2e; font-weight:600; } .promotion_s_banner p b{color:#3e2a2e;} .promotion_s_online{overflow:hidden;} .promotion_s_online > li{float:left; width:calc((100% - 151px)/6); margin-right:30px; } .promotion_s_online > li:last-child{margin-right:0;} .promotion_s_online > li > a{display:block; padding-top:106px; border:1px solid #85acf1; background:url(../images/bg_promotion_s_news.png) center top 25px no-repeat; box-sizing:border-box;} .promotion_s_online > li > a p{padding:8px 0; border-top:1px solid #85acf1; text-align:center; color:#3d6fcc; font-weight:600; box-sizing:border-box;} .promotion_s_online > li > a.promotion_s_kakao{background-image:url(../images/bg_promotion_s_kakao.png);} .promotion_s_online > li > a.promotion_s_blog{background-image:url(../images/bg_promotion_s_blog.png);} .promotion_s_online > li > a.promotion_s_face{background-image:url(../images/bg_promotion_s_face.png);} .promotion_s_online > li > a.promotion_s_insta{background-image:url(../images/bg_promotion_s_insta.png);} .promotion_s_online > li > a.promotion_s_youtube{background-image:url(../images/bg_promotion_s_you.png);} .promotion_s_online > li > a:hover, .promotion_s_online > li > a:focus, .promotion_s_online > li > a:active{text-decoration:none; } .promotion_s_online > li > a:hover p, .promotion_s_online > li > a:focus p, .promotion_s_online > li > a:active p {text-decoration:underline; text-underline-position:under; background-color:#e5eefe;} .promotion_s_photo > li{overflow:hidden; margin-bottom:40px; padding:30px; border:1px solid #d2d7e6; box-sizing:border-box;} .promotion_s_photo > li:last-chld{margin-bottom:0;} .promotion_s_photo > li > div{float:left;} .promotion_s_photo > li > div:first-child{width:247px;} .promotion_s_photo > li > div:first-child > img{max-width:100%; border:1px solid #d2d7e6;} .promotion_s_photo > li > div:nth-child(2){width:calc(100% - 248px); padding-left:30px; box-sizing:border-box;} .promotion_s_photo > li > div:nth-child(2) > b{display:block; padding-top:20px; padding-bottom:18px; border-bottom:1px solid #d2d7e6; font-size:20px; color:#333; font-weight:600;} .promotion_s_photo > li > div:nth-child(2) > p{margin-top:17px;} .promotion_s_photo > li > div:nth-child(2) > a{margin-top:20px;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 사회적기업 주간행사 */ .promotion_s_photo > li > div:nth-child(2) > span{font-weight:700; color:#333;} .promotion_s_photo > li > div:nth-child(2) > span + b{padding-top:0; font-weight:700;} .promotion_s_photo > li > div:nth-child(2) > ul{margin-top:15px;} .promotion_s_photo > li > div:nth-child(2) > ul > li{padding:0;} /* 지원사업 - 생태계조성 - 사회적기업가 아카데미 */ .academy_cont > h4{margin-bottom:25px; text-align:center; font-size:30px; letter-spacing:-1px; color:#333;} .academy_cont > div{margin-bottom:20px; text-align:center;} .academy_cont > div:nth-of-type(1){display:flex; flex-wrap:wrap; } .academy_cont > div:not(:nth-of-type(1)){padding:30px 40px; border:2px solid #dbdfe4; box-sizing:border-box;} .academy_cont > div:last-child{margin-bottom:0;} .academy_cont > div:nth-of-type(1) > div{width:calc((100% - 41px)/2); margin-right:40px; padding:30px; border:2px solid #a6c6e7; box-sizing:border-box;} .academy_cont > div:nth-of-type(1) > div:last-child{margin-right:0; border-color:#8ddde9;} .academy_cont > div:nth-of-type(1) > div b{display:block; margin-bottom:20px; padding:5px 25px; border-radius:500px; background-color:#5e93f3; color:#fff; font-size:23px; text-align:left; text-shadow:1px 1px 0 #637698;} .academy_cont > div:nth-of-type(1) > div:last-child b{background-color:#36b8cb;} .academy_cont > div:nth-of-type(1) > div .list_ul1{padding:0 20px; text-align:left;} .academy_cont > div:nth-of-type(1) > div .list_ul1 p{font-size:18px;} .academy_cont > div:nth-of-type(1) > div .bg li{margin-bottom:10px; padding:15px 10px; background-color:#ecf0f5; color:#0f4a89; font-size:20px; font-weight:700;} .academy_cont > div:nth-of-type(1) > div .bg li:last-child{margin-bottom:0;} .academy_cont > div .box_title{margin-bottom:20px; font-size:25px;} .academy_cont > div ol{display:flex; flex-wrap:wrap;} .academy_cont > div ol li{position:relative; width:calc((100% - 121px)/4); min-height:86px; margin-right:40px; padding:15px 10px; border-radius:10px; background-color:#d3e6fa; font-size:18px; color:#0f4a89; font-weight:600; box-sizing:border-box;} .academy_cont > div ol li:before{display:block; content:"다음"; position:absolute; right:-35px; top:50%; width:33px; height:36px; margin-top:-18px; background:url(../images/bg_type2_step_box_arrow.png) center no-repeat; text-indent:-9999px;} .academy_cont > div ol li:first-child, .academy_cont > div ol li:last-child{background-color:#5e93f3; color:#fff;} .academy_cont > div ol li:last-child{margin-right:0;} .academy_cont > div ol li:last-child:before{display:none;} .academy_cont > div ol li p{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100%;} .academy_cont > div:nth-of-type(3) ol li{background-color:#d5f4f9; color:#0c80b3;} .academy_cont > div:nth-of-type(3) ol li:first-child, .academy_cont > div:nth-of-type(3) ol li:last-child{background-color:#25c4c7; color:#fff; text-shadow:1px 1px 0 #637698;} .academy_cont > div:nth-of-type(4) ol li{width:calc((100% - 81px)/3); background-color:#d5f4f9; color:#0c80b3;} .academy_cont > div:nth-of-type(4) ol li:first-child, .academy_cont > div:nth-of-type(4) ol li:last-child{background-color:#2bafed; color:#fff; text-shadow:1px 1px 0 #637698;} .academy_cont > div:nth-of-type(5) div{padding:22px 10px; background-color:#848e9d; border-radius:8px; color:#fff; font-size:23px; box-sizing:border-box; font-weight:700;} /* 지원사업 - 지원사업 한눈에 보기 */ .cont_glance > div{margin-top:30px; padding:30px; box-sizing:border-box;} .cont_glance .glance_tit_btn{display:block; width:100%; margin-bottom:20px; font-size:25px; font-weight:700;} .cont_glance .glance_tit_btn > span{display:block; background:url(../images/icon_all_contents.png) right -500px no-repeat; text-shadow:1px 1px 0 #637698;} .cont_glance > div:first-child{display:flex; flex-wrap:wrap; background-color:#5e93f3;} .cont_glance > div:first-child, .cont_glance > div:last-child{color:#fff;} .cont_glance > div:first-child > div{padding:30px; background-color:#fff; box-sizing:border-box;} .cont_glance > div:first-child > div:nth-of-type(1){width:256px; padding:30px 20px;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1){display:block; margin-bottom:35px; padding-bottom:10px; border-bottom:2px solid transparent; font-weight:700; font-size:23px; color:#306bd5; box-sizing:border-box;} .cont_glance > div:first-child > div:nth-of-type(2){width:calc(100% - 256px - 21px); margin-left:20px; padding:0;} .cont_glance > div:first-child > div:nth-of-type(2) ul{color:#828999; font-size:15px;} .cont_glance > div:first-child > div:nth-of-type(2) ul li{float:left; width:calc((100% - 1px)/2); margin:5px 0;} .cont_glance > div p{position:relative; padding-bottom:15px; font-size:23px; color:#333; font-weight:700;} .cont_glance > div p:before{display:block; content:""; position:absolute; left:0; bottom:0; width:19px; height:2px; background-color:#5286e6;} .cont_glance > div p + a{margin-top:30px;} .cont_glance .area{display:flex; flex-wrap:wrap; padding:0;} .cont_glance .area > div{padding:30px; box-sizing:border-box;} .cont_glance .area > div:nth-child(1){width:255px; box-sizing:border-box;} .cont_glance .area > div:nth-child(2){width:calc(100% - 257px); border-left:1px solid #d2d7e6;} .cont_glance > .area{border:1px solid #d2d7e6;} .cont_glance > .area > div:nth-child(2){display:flex; flex-wrap:wrap; } .cont_glance > .area > div > div{width:calc((100% - 61px)/3); padding:25px 15px; background-color:#f3f4f7; font-size:15px; box-sizing:border-box; text-align:center;} .cont_glance > .area > div > div + div{margin-left:30px;} .cont_glance > .area > div > div > a{display:inline-block; padding:3px 10px; color:#5e93f3; font-size:18px; font-weight:700; box-sizing:border-box;} .cont_glance > .area > div > div ul{width:100%; margin-top:15px; text-align:left;} .cont_glance > .area > div > div ul li{margin:5px 0;} .cont_glance > .area .glance_v_center{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .cont_glance > div:last-child{display:flex; flex-wrap:wrap; padding:0;} .cont_glance > div:last-child > div{width:calc((100% - 41px)/2); padding:30px; background-color:#25c4c7; box-sizing:border-box;} .cont_glance > div:last-child > div:nth-child(2){margin-left:40px; background-color:#e55d4f;} .cont_glance > div:last-child > div > div{padding:30px; background-color:#fff; box-sizing:border-box;} .cont_glance > div:last-child > div ul{overflow:hidden; margin-top:20px; color:#828999; font-size:15px;} .cont_glance > div:last-child > div ul li{margin:5px 0;} .cont_glance > div:last-child > div:first-child ul li{float:left; width:calc((100% - 1px)/2);} .cont_glance > div:last-child > div:first-child p:before{background-color:#25c4c7;} .cont_glance > div:last-child > div:last-child p:before{background-color:#e55d4f;} .cont_glance .glance_tit_btn:hover span, .cont_glance .glance_tit_btn:focus span, .cont_glance .glance_tit_btn:active span{background-position:right -600px;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1):hover, .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1):focus, .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1):active{text-decoration:none; border-bottom-color:#5e93f3;} .cont_glance > div:first-child > div:nth-of-type(2) ul li a:hover, .cont_glance > div:first-child > div:nth-of-type(2) ul li a:focus, .cont_glance > div:first-child > div:nth-of-type(2) ul li a:active{font-weight:700; color:#333;} .cont_glance > .area > div > div > a:hover, .cont_glance > .area > div > div > a:focus, .cont_glance > .area > div > div > a:active{text-underline-position:under; background-color:#5286e6; color:#fff;} /* 공지사항/자료실 **********************************************************************************************************************/ /* 공지사항/자료실 - 사회적기업 교육 - 진흥원 교육 view */ .cont_edu_view .board_view_pager{margin-top:30px;} .cont_edu_view img{max-width:100%;} /* 공지사항/자료실 - 사회적기업 교육 - 교육신청 완료 */ .cont_edu_complete{padding:230px 10px 60px 10px !important; background:url(../images/bg_edu_complete.png) center top 50px no-repeat; text-align:center; box-sizing:border-box;} .cont_edu_complete > b{display:block; position:relative; padding-top:30px; font-size:30px; letter-spacing:-1px; font-weight:700; color:#333;} .cont_edu_complete > b:before{display:block; content:""; position:absolute; left:50%; top:0; width:28px; height:2px; margin-left:-14px; background-color:#3874e5;} .cont_edu_complete > p{margin-top:7px; margin-bottom:30px; font-size:20px;} /* 공지사항/자료실 - 사회적기업 교육 - 비밀번호 입력 */ .edu_password{display:flex; flex-wrap:wrap; overflow:hidden; border:1px solid #dbdfe4;} .edu_password > div{float:left; box-sizing:border-box;} .edu_password > div:nth-child(1){width:calc(100% - 601px); padding:193px 40px 30px 40px; background:#5588e7 url(../images/bg_edu_password.png) left 46px top 45px no-repeat; color:#fff; } .edu_password > div:nth-child(1) b{display:block; margin-bottom:7px; font-size:25px; color:#fff;} .edu_password > div:nth-child(2){width:600px;} .edu_password > div:nth-child(2) .edu_password_inner{padding:90px 80px; box-sizing:border-box;} .edu_password > div:nth-child(2) .edu_password_inner > div{margin-bottom:10px;} /* 공지사항/자료실 - 사회적기업 교육 - 신청 view */ .edu_approve_box{margin-top:30px; padding:40px 30px 40px 130px; border:1px solid #dbdfe4; background:url(../images/bg_approve_box.png) left 30px top 20px no-repeat; box-sizing:border-box;} .edu_approve_box b{display:inline-block; margin-right:10px;} /* 사회적기업 **********************************************************************************************************************/ /* 사회적기업 - 사회적기업평가 - 자율경영공시 조회 - 회사명찾기 팝업 */ .layer_pop .layer_pop_cont_sz_find_com{max-width:428px;} .find_com{overflow:hidden; padding:10px; background-color:#f3f4f7; box-sizing:border-box;} .find_com li{float:left;} .find_com li button{width:45px; height:45px; margin:3px; border:1px solid #5286e6; background-color:#fff; font-weight:700; color:#3d6fcc;} .find_com li button:hover, .find_com li button:focus, .find_com li button:active{background-color:#e5eefe;} .pop_cont .list_count{margin:15px 0;} .find_com_list{overflow-y:auto; max-height:400px;} .find_com_list li p{overflow:hidden; width:100%; white-space:nowrap;} /* 사회적기업 - 사회적기업이란? - 개념 */ .cont_concept .text_box3{text-align:center;} .cont_concept .text_box3 img{max-width:100%;} .ol_list_box{display:flex; flex-wrap:wrap; overflow:hidden; } .ol_list_box > li{display:flex; align-items:center; justify-content:center; width:calc((100% - 81px)/5); margin-right:20px; padding:13px 10px; border:1px solid #d2d7e6; text-align:center; box-sizing:border-box;} .ol_list_box > li:last-child{margin-right:0;} .ol_list_box > li > p{color:#366ACA; font-weight:700; text-align:left;} .cont_concept [class^="list_ol"] > li > p{position:relative; padding-left:35px; } .cont_concept [class^="list_ol"] > li > p:before{position:absolute; left:0; top:50%; margin-right:0; margin-top:-13px;} /* 사회적기업 - 사회적기업 인증 - 인증절차 */ [class^="type1_step_box"].inner_c > li > div > div{margin-top:13px; padding-top:10px; border-top:1px solid #d2d7e6;} [class^="type1_step_box"].inner_c > li > div > div b{color:#333; font-weight:600;} /* 사회적기업 - 사회적기업 인증 - 인증사회적기업 로고 */ .cont_logo img{max-width:80%; margin:30px;} .cont_logo > div:first-child img{vertical-align:bottom;} .cont_logo .ci_mean2 > li:nth-child(1) > span{background-color:#00a73c;} .cont_logo .ci_mean2 > li:nth-child(2) > span{background-color:#8fc31f;} .cont_logo .ci_mean2 > li:nth-child(3) > span{background-color:#f39800;} .cont_logo .ci_mean2 > li:nth-child(4) > span{background-color:#e60012;} .cont_logo .ci_mean2 > li:nth-child(5) > span{background-color:#898989;} .cont_logo .ci_mean2 > li:nth-child(6) > span{background-color:#c9caca;} .cont_logo .ci_mean2 > li:nth-child(7) > span{background-color:#fff;} /* 사회적기업 - 예비사회적기업 - 예비사회적기업이란? */ .cont_resep_concept .line_list p {font-size:18px;} .cont_resep_concept > div:nth-of-type(1) [class^="list_"]{padding-left:0;} .cont_resep_concept > div:nth-of-type(1) [class^="list_"] > li{margin:0;} .cont_resep_concept table a{height:auto; padding:7px 10px; line-height:1.47; } .list_ol1.line_list > li > p{padding-left:35px;} .list_ol1.line_list > li > p:before{top:50%; margin-top:-13px;} /* 사회적기업 - 중간지원기관 - 권역별 통합지원기관 */ .tit_btn{position:relative; padding-right:180px;} .tit_btn .group_btn{position:absolute; right:0; top:0;} /* 사회적경제 **********************************************************************************************************************/ /* 사회적경제 - 사회적경제란? - 개념 */ .box_social_concept{padding:40px; text-align:center;} .box_social_concept > div{margin-top:30px; padding:30px; border:2px solid #a6c6e7; box-sizing:border-box; text-align:left;} .box_social_concept > div > b{display:block; height:47px; padding:0 30px; background-color:#5e93f3; border-radius:500px; font-size:23px; color:#fff; line-height:45px;} .box_social_concept > div > p{margin:25px 0; padding:0 10px; font-size:18px; color:#333;} .box_social_concept > div > div{border-top:1px solid #c9cfeb; text-align:center;} .box_social_concept > div > div > b{display:block; margin:15px 0 22px 0; font-size:20px; color:#2861ca;} .box_social_concept > div > div > ol{overflow:hidden;} .box_social_concept > div > div > ol li{float:left; width:calc((100% - 14px)/2); margin-right:13px; margin-bottom:10px; padding:10px 0; background-color:#ecf0f5; font-weight:700; color:#0f4a89;} .box_social_concept > div > div > ol li:nth-child(2n){margin-right:0;} .box_social_concept > div > div > ol li:last-child{margin-bottom:0;} .box_social_concept > ul{display:flex; flex-wrap:wrap; margin-top:20px; word-break:keep-all;} .box_social_concept > ul > li{float:left; width:calc((100% - 81px)/3); margin-right:40px; padding:20px 35px;background-color:#d3e6fa; box-sizing:border-box;} .box_social_concept > ul > li:last-child{margin-right:0;} .box_social_concept > ul > li > b{display:block; padding-bottom:13px; border-bottom:3px solid #5e93f3; color:#356ed5; font-size:25px;} .box_social_concept > ul > li > p{margin-top:15px; color:#2668ae; text-align:left;} .box_social_concept > ul > li > div{margin-top:10px; padding:7px 10px; border:1px solid #efb3cf; background-color:#fff; font-size:14px; text-align:left;} .box_social_concept > ul > li:nth-child(2){background-color:#d5f4f9;} .box_social_concept > ul > li:nth-child(2) > b{border-bottom-color:#36b8cb; color:#0098b1;} .box_social_concept > ul > li:nth-child(2) > p{color:#0195ad;} .box_social_concept > ul > li:nth-child(3){background-color:#fbe8f1;} .box_social_concept > ul > li:nth-child(3) > b{border-bottom-color:#bd015a; color:#bd015a;} .box_social_concept > ul > li:nth-child(3) > p{color:#cd186e;} .type4_list_icon{border-top:1px solid #d2d7e6;} .type4_list_icon > li{padding:25px 0; padding-left:100px; border-bottom:1px solid #d2d7e6; background:url(../images/bg_social_concept1.png) left top 20px no-repeat; box-sizing:border-box;} .type4_list_icon > li > b{color:#333; font-size:18px;} .type4_list_icon > li > p{margin-top:2px;} .cont_social_concept .type4_list_icon > li:nth-child(2){background-image:url(../images/bg_social_concept2.png);} .cont_social_concept .type4_list_icon > li:nth-child(3){background-image:url(../images/bg_social_concept3.png);} .cont_social_concept .type4_list_icon > li:nth-child(4){background-image:url(../images/bg_social_concept4.png);} .cont_social_state .type4_list_icon > li:nth-child(1){background-image:url(../images/bg_social_state1.png);} .cont_social_state .type4_list_icon > li:nth-child(2){background-image:url(../images/bg_social_state2.png);} .cont_social_state .type4_list_icon > li:nth-child(3){background-image:url(../images/bg_social_state3.png);} .cont_social_state .type4_list_icon > li:nth-child(4){background-image:url(../images/bg_social_state4.png);} .cont_support_founded .type4_list_icon > li:nth-child(1){background-image:url(../images/bg_support_founded_list1.png);} .cont_support_founded .type4_list_icon > li:nth-child(2){background-image:url(../images/bg_support_founded_list2.png);} .cont_support_founded .type4_list_icon > li:nth-child(3){background-image:url(../images/bg_support_founded_list3.png);} .cont_support_founded .type4_list_icon > li:nth-child(4){background-image:url(../images/bg_support_founded_list4.png);} /* 사회적경제 - 사회적경제란? - 주요사례 */ .type2_img_box_list > div{overflow:hidden; display:flex; flex-wrap:wrap; border:1px solid #d2d7e6;} .type2_img_box_list > div > div{float:left;} .type2_img_box_list > div > div:first-child{width:445px; padding:134px 50px 0 50px; background-color:#f4f5f8; box-sizing:border-box;} .type2_img_box_list > div > div:first-child > b{position:relative; color:#5588e7; font-size:28px; letter-spacing:-1px;} .type2_img_box_list > div > div:first-child > b:before{display:block; content:""; position:absolute; left:0; top:-106px; width:66px; height:65px; background:url(../images/bg_main_case1.png) center no-repeat;} .type2_img_box_list > div > div:first-child > b:after{display:block; content:""; position:absolute; left:90px; top:-80px; width:360px; height:1px; background-color:#3e79e6;} .type2_img_box_list > div > div:first-child > p{margin-top:15px; font-size:18px;} .type2_img_box_list > div > div:last-child{width:calc(100% - 446px); padding:40px 60px 50px 110px; box-sizing:border-box;} .type2_img_box_list > div > div:last-child > b{font-size:18px; color:#333;} .type2_img_box_list > div > div:last-child > p{margin-top:8px;} .type2_img_box_list > div > div:last-child > ul{overflow:hidden; margin-top:25px;} .type2_img_box_list > div > div:last-child > ul > li{float:left; margin-right:15px; width:calc((100% - 16px)/2); max-width:217px;} .type2_img_box_list > div > div:last-child > ul > li:last-child{margin-right:0;} .type2_img_box_list > div > div:last-child > ul > li img{width:100%;} .cont_main_case .type2_img_box_list > div:nth-child(2) > div:first-child > b:before{background-image:url(../images/bg_main_case2.png);} .cont_main_case .type2_img_box_list > div:nth-child(3) > div:first-child > b:before{background-image:url(../images/bg_main_case3.png);} .cont_main_case .type2_img_box_list > div:nth-child(4) > div:first-child > b:before{background-image:url(../images/bg_main_case4.png);} /* 사회적경제 - 사회적 경제 현황 - 국내외 동향 */ .box_social_trend{position:relative; padding-right:230px;} .box_social_trend > b{font-size:18px; color:#366ACA;} .box_social_trend > [class^="btn_"]{position:absolute; right:30px; top:22px;} /* 사회적경제 - 사회적 경제 활성화 - 사회적경제 진출분야 모델발굴 - 마을관리협동조합 육성지원 */ .info_box7{overflow:hidden; position:relative; padding:30px 375px 40px 50px; box-sizing:border-box; border:1px solid #dbdfe4; background:url(../images/bg_support_vilage_info_box.png) right 25px bottom -30px no-repeat;} .info_box7:before{display:block; content:""; position:absolute; right:-270px; bottom:-350px; width:670px; height:500px; background-color:#4d81e3; transform:rotate(-27deg); z-index:-1;} .info_box7 > b{display:block; color:#333; font-size:25px; font-weight:600;} .info_box7 > b span{color:#548bf0; font-weight:700;} .info_box7 > p{margin-top:15px; padding:0; padding-right:80px; padding-top:20px; border-top:2px solid #85acf1; word-break:keep-all;} .info_box7{background-image:url(../images/bg_support_founded_info_box.png); background-position:right 67px bottom -43px;} .group_btn_list{overflow:hidden; display:flex; flex-wrap:wrap; border:1px solid #d2d7e6; box-sizing:border-box;} .group_btn_list > p {width:100%; padding:10px 0; background-color:#eff2f6; text-align:center; box-sizing:border-box;} .group_btn_list > p b {font-size:23px; vertical-align:middle;} .group_btn_list > p span{margin-left:5px; font-size:16px; font-weight:600; vertical-align:middle;} .group_btn_list > ul{display:flex; flex-wrap:wrap; width:100%; padding:20px; box-sizing:border-box;} .group_btn_list > ul > li{float:left; width:calc((100% - 10px)/2); margin-right:5px; margin-top:5px;} .group_btn_list > ul > li:nth-child(2n){margin-right:0;} .group_btn_list > ul > li:nth-child(-n+2){margin-top:0;} .group_btn_list > ul > li > a{display:flex; width:100%; height:100%; padding:10px; line-height:1.47; word-break:keep-all; align-items:center; justify-content:center;} /* 사회적경제 - 사회적 경제 활성화 - 사회적경제 진출분야 모델발굴 - 지역기반 정책연계 창업지원 */ .cont_support_founded .box_icon{padding-left:200px; background:url(../images/bg_support_founded_box_icon.png) left 50px center no-repeat;} /* 사회적경제 - 사회적 경제 활성화 - 공공기관 등 사회적가치 실현 지원 */ [class^="type3_icon_box"]{display:flex; flex-wrap:wrap;} [class^="type3_icon_box"] > li{overflow:hidden; margin-right:40px; border:1px solid #d2d7e6; box-sizing:border-box;} [class^="type3_icon_box"] > li:last-child{margin-right:0;} [class^="type3_icon_box"] > li > b{display:block; position:relative; padding:110px 25px 25px 25px; background:url(../images/bg_support_value1.png) left 25px top 25px no-repeat; font-size:23px; color:#366ACA;} [class^="type3_icon_box"] > li > b:before{display:block; content:""; position:absolute; left:110px; top:52px; width:calc(100% - 111px - 30px); height:1px; background-color:#3e79e6;} [class^="type3_icon_box"] > li > ul{height:100%; padding:30px; background-color:#f4f5f8; box-sizing:border-box;} [class^="type3_icon_box"] > li:nth-child(2) > b{background-image:url(../images/bg_support_value2.png); color:#0574A7;} [class^="type3_icon_box"] > li:nth-child(3) > b{background-image:url(../images/bg_support_value3.png); color:#147084;} [class^="type3_icon_box"] > li:nth-child(2) > b:before{background-color:#2bafed;} [class^="type3_icon_box"] > li:nth-child(3) > b:before{background-color:#0dc5c7;} .type3_icon_box3 > li{width:calc((100% - 81px)/3); } /* 진흥원소개-공공데이터개방 */ .open_data_list{max-width:1000px;} /* 진흥원 소개-채용안내-인재상 */ .con_statement {margin-top: 40px; text-align: center;} .con_statement img {margin: 0 auto; width: 100%;} .con_statement img:nth-child(1) {max-width: 880px;} .con_statement img:nth-child(2) {max-width: 320px; display: none;} /* .box_human{display:flex; overflow:hidden;} .box_human li{float:left; width:calc((100% - 41px)/5); margin-left:10px; padding:140px 20px 30px 20px; border:2px solid #0b7bc1; background:url(../images/icon_human1.png) center top 40px no-repeat; text-align:center; box-sizing:border-box;} .box_human li b{font-size:23px; color:#0b7bc1;} .box_human li p{margin-top:15px; } .box_human li:nth-child(1){margin-left:0;} .box_human li:nth-child(2){background-image:url(../images/icon_human2.png); border-color:#38b549;} .box_human li:nth-child(3){background-image:url(../images/icon_human3.png); border-color:#f5821e; } .box_human li:nth-child(4){background-image:url(../images/icon_human4.png); border-color:#ed207b; } .box_human li:nth-child(5){background-image:url(../images/icon_human5.png); border-color:#00aee6; } .box_human li:nth-child(2) b{color:#38b549;} .box_human li:nth-child(3) b{color:#f5821e;} .box_human li:nth-child(4) b{color:#ed207b;} .box_human li:nth-child(5) b{color:#00aee6;} */ /*----------------------------------------------------------------------------------------------------------20210611 마을관리협동조합 육성지원 팝업 추가*/ /*pop_layout3*/ .layer_pop.pop_layout3 {padding-top:2%;} .layer_pop.pop_layout3 .layer_pop_cont {width:60%;} .layer_pop.pop_layout3 .layer_pop_cont .pop_header {padding:30px 25px;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont {display:flex; flex-wrap:wrap; justify-content:space-between;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li {width:calc(100% / 3 - 7px); margin-bottom:10px; text-align:center; box-sizing:border-box;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li a {display:block; padding-top:140%; font-size:16px; font-weight:bold; color:#555; border:1px solid #d2d7e6; background:url('../images/img_business_model1.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li:nth-of-type(2) a {background:url('../images/img_business_model2.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li:nth-of-type(3) a {border-right:1px solid #d2d7e6; background:url('../images/img_business_model3.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li:nth-of-type(4) a {background:url('../images/img_business_model4.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li:nth-of-type(5) a {background:url('../images/img_business_model5.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li:nth-of-type(6) a {background:url('../images/img_business_model6.png') no-repeat; background-size:contain;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li a p {padding:10px 0; line-height:1.4; word-break:keep-all; border-top:1px solid #d2d7e6; background-color:#eff1f7;} /*----------------------------------------------------------------------------------------------------------20210914 마을관리협동조합 3사업모델 브로슈어 팝업 추가*/ /* pop_bzmd */ .layer_pop.pop_bzmd .layer_pop_cont {max-width:500px;} .layer_pop.pop_bzmd .layer_pop_cont img {display:block; width:100%;} .layer_pop.pop_bzmd .layer_pop_cont .pop_header {padding:30px 25px;} .layer_pop.pop_bzmd .layer_pop_cont .pop_cont a {display:block; width:100%; font-size:18px; font-weight:bold; color:#555; text-align:center; border:1px solid #d2d7e6;} .layer_pop.pop_bzmd .layer_pop_cont .pop_cont a p {padding:10px; width:100%; word-break:keep-all; background-color:#eff1f7; box-sizing:border-box;} /*----------------------------------------------------------------------------------------------------------20220225 사회적기업 인·지정 상담기관 리스트 콘텐츠 수정 */ .title1 h6.point_fc20 {font-weight:600;} .cont_network .title2 p {display:inline-block; margin-left:30px; font-size:16px; color:#0574a7;} .cont_network .txt_btline {text-decoration:underline; text-underline-position:under}/* #1097d6 */ .cont_network .tit_info {padding-left:20px;} .cont_network .tit_info span {display:block; margin-top:5px; color:#1097d6;} .cont_network .list_ol1 .ol_info {display:block;} .cont_network .tbl_csul {margin:30px 0 50px 0; word-break:keep-all} .cont_network .tbl_csul th:first-child, .cont_network .tbl_csul td {border-left:none; border-right:none;} .cont_network .tbl_csul .ta_c {font-weight:700; color:#333;} .cont_network .growthC_link li {width:calc((100% - 121px)/3); margin-top:35px;} .cont_network .growthC_link li a {margin-top:25px;} /*----------------------------------------------------------------------------------------------------------20220310 콘텐츠 수정 */ .box_pdf.box_fin > div > div:nth-child(2) > b {font-size:18px;} /*----------------------------------------------------------------------------------------------------------20220316 경영공시 수정 */ .disclosure_cont {overflow:auto; border-top:1px solid #51545e; background:#fff;} .disclosure_cont table {min-width:600px;} .disclosure_cont table th, .disclosure_cont table td {min-height:45px; padding:10px 5px; text-align:center; border-left:1px solid #d2d7e6; border-right:1px solid #d2d7e6; box-sizing:border-box;} .disclosure_cont table thead th {font-weight:700; color:#333; border-bottom:1px solid #d2d7e6; background:#f3f4f7;} .disclosure_cont table tbody tr:nth-of-type(2n) {background:#f7f7f7;} .disclosure_cont table tbody tr:last-of-type td {border-bottom:1px solid #d2d7e6;} .disclosure_cont table tbody td {color:#555; line-height:1.3;} .disclosure_cont table tbody td a .icon_r_txt_new_window {background-position:right 5px top 6px;} /*----------------------------------------------------------------------------------------------------------20220408 조직도 수정 */ .organi_img:before {height:calc(100% - 150px);} .organi_img > ul:nth-of-type(1) {position:absolute; top:45px; width:100%; margin-top:0; } .organi_img > ul:nth-of-type(1):before, .organi_img > ul:nth-of-type(1):after {display:none;} .organi_img > ul:nth-of-type(1) > li {position:relative;} .organi_img > ul:nth-of-type(1) > li.integ:before{display:block; content:""; position:absolute; left:110px; top:0; width:2px; height:100px; border-left:2px dotted #4388d0; z-index:-1;} .organi_img > ul:nth-of-type(1) > li > p {line-height:50px;} .organi_img > ul:nth-of-type(1) > li > p.integ_dt {position:relative; border:3px dotted #4388d0; margin-bottom:10px;} .organi_img > ul:nth-of-type(1) > li:nth-child(2) {position:absolute; bottom:0; right:0; top: 0} .organi_img > ul:nth-of-type(2) {margin-top: 90px;;} .organi_img > ul:nth-of-type(2) > li:before{top:-25px; height:120px;} .organi_img > ul:nth-of-type(2) > li:after {top:-25px;} .organi_img > ul:nth-of-type(2) > li > .social_tft {margin-top:60px; padding:3px 0; word-break:keep-all; line-height:1.3;} /* 20221006 판로지원 > 입점 역량강화 추가 수정 shb */ [class^="table_cont"] tr th, [class^="table_cont"] td{word-break:keep-all;} .type1_step_box6.box > li{padding: 55px 10px 20px 10px;} .type1_step_box6.box > li:first-child {border: 2px solid #6ed7e7;} .type1_step_box6.box > li:first-child > div > span{color: #147084; text-shadow:none; background-color: #d5f4f9;} .type1_step_box6.box > li:first-child > div > b{color: #333;} .type1_step_box6.box > li:nth-child(n+3):nth-child(-n+5){border: 2px solid #85acf1;} .type1_step_box6.box > li:nth-child(n+3):nth-child(-n+5) > div > span{background-color: #548bf0; color: #fff;} .cont2 .onestop{position: relative; margin: 50px 0; border: 2px solid #c5efef; background-color: #d5f4f9;} .cont2 .onestop:after{content:""; position: absolute; top: -32px; right: -2px; width: 47px; height: 99px; background: url("../../images/icon_onestop_arrow.png") no-repeat;} .cont2 .onestop p{text-align: center; font-size: 20px; font-weight: 600; color: #056e9e;} .cont2 .title3 .txt{margin: 0 10px; font-size: 14px; vertical-align: middle; background-position: left top 1px;} /* 20221006 LHI 판로지원 > 입점 역량강화 지원절차 */ .type1_step_growth {position:relative; padding-top:40px;} .type1_step_growth:before {content:"소셜벤더"; position:absolute; top:-10px; right:0; width:calc(((100% / 3) * 2) - 6px); height:40px; font-size:18px; text-align:center; line-height:40px; background:#eff2f6;} .type1_step_growth[class^="type1_step_box"] > li {margin-bottom:0;} /* 20221006 LHI 협동조합 > 창업지원 */ .type2_box_supp > li {width:calc((100% - 31px)/2); margin-bottom:30px;} .type2_box_supp > li:nth-of-type(even) {margin-right:0;} .type2_box_supp > li:nth-of-type(3), .type2_box_supp > li:nth-of-type(4) {margin-bottom:0;} .b_point_fc20 {font-weight:700; color:#366aca;} .pdf_type2_supp > div {vertical-align:top;} .box_pdf_btn {margin-left:20px;} .box_pdf_btn li a {display:block;} .box_pdf_btn li:first-of-type a {margin-top:0 !important;} /* 20221007 SHB 협동조합 > 창업지원 */ .type2_box_supp img, .type2_box_list3.box img {margin-bottom: 18px;} /* 20221012 SHB 협동조합 > 창업지원 */ .type2_box_supp > li, .type2_box_list3.box > li {padding: 30px;} .type2_box_supp li:before, .type2_box_list3.box li:before {content:""; display: block; width: 126px; height:150px; margin: 0 auto; background: url("../../images/icon_set_startup.png");} .type2_box_supp > li b, .type2_box_list3.box li b {margin-top: 18px;} .type2_box_supp > li:nth-of-type(2):before {background-position-y: -150px;} .type2_box_supp > li:nth-of-type(3):before {background-position-y: -300px;} .type2_box_supp > li:nth-of-type(4):before {background-position-y: -450px;} .type2_box_list3.box > li:nth-of-type(1):before {background-position-y: -600px;} .type2_box_list3.box > li:nth-of-type(2):before {background-position-y: -750px;} .type2_box_list3.box > li:nth-of-type(3):before {background-position-y: -900px;} .type2_box_list3.box > li {border: none;} /* 20221017 LHI 사회적경제 주요 사회적경제 기업 */ .mainEcon_list_con {position:relative; margin-top:20px !important; padding:20px; /* border-bottom:1px solid #d2d7e6; */ background-color:#f4f5f8;} .mainEcon_list_tit {position:relative; padding-bottom:15px; font-size:20px; font-weight:700; color:#5588e7; vertical-align:middle;} .mainEcon_list_tit:before {content:""; display:inline-block; width:66px; height:65px; margin-right:15px; vertical-align:middle; background:url(../images/bg_main_case1.png) center no-repeat;} .mainEcon_list_con:nth-of-type(2) .mainEcon_list_tit:before {background:url(../images/bg_main_case2.png) center no-repeat;} .mainEcon_list_con:nth-of-type(3) .mainEcon_list_tit:before {background:url(../images/bg_main_case3.png) center no-repeat;} .mainEcon_list_con:nth-of-type(4) .mainEcon_list_tit:before {background:url(../images/bg_main_case4.png) center no-repeat;} .mainEcon_list_con:nth-of-type(5) .mainEcon_list_tit:before {background:url(../images/bg_qna_type3_all.png) -201px -264px no-repeat;} .mainEcon_list_con .group_btn {position:absolute; top:28px; right:20px;} .mainEcon_list_con ul {padding:20px; background:#fff;} /* 20221114 LHI 웹접근성 수정 */ [class^="icon_"][class$="_file"]{content:"첨부파일 아이콘";} .btn_hbg3 {text-shadow:1px 1px 0 #637698;;} .btn_tbg4 {color:#333;} .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):hover, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):focus, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(1):active, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):hover, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):focus, .layer_pop .layer_pop_cont .btn_pop_area_main button:nth-child(2):active {text-decoration:underline; text-underline-position:under;} label > input[type="radio"]:hover + span, label > input[type="radio"]:focus + span, label > input[type="radio"]:active + span {text-decoration:underline; text-underline-position:under;} label > input[type="radio"]:hover + span:before, label > input[type="radio"]:active + span:before{outline:1px dotted gray;} label > input[type="radio"]:focus + span:before, label > input[type="checkbox"]:focus + span:before {outline:2px solid black;} @media screen and (max-width:1400px){ /* btn */ [class^="btn_sz"]{height:auto; padding:10px; line-height:1.47;} .btn_sz_xl, .btn_sz_l{padding:15px;} .btn_sz_s{padding:7px;} /* contents */ .w_inner{max-width:100%; padding:0 20px; box-sizing:border-box;} .sub_tit_area .group_btn{bottom:65px;} /* 협동조합 > 설립제도 */ .coop_insti .coop_diagram .diagram_detail {padding:30px 30px 30px 30px;} .coop_insti .coop_diagram .diagram_detail .diagram_de_tit{position:relative; top:0px; left:0px; width:auto; margin-bottom:20px; } .coop_insti .coop_diagram .diagram_detail .diagram_de_tit > span {display:inline-block; } /* 절차도 가로타입 */ .coop_insti .coop_diagram > ol.diagram_row4 > li, .coop_insti .coop_diagram > ol.diagram_row5 > li,.coop_insti .coop_diagram > ol.diagram_row5 > li:nth-child(6){width:calc(33.3333% - 20px);} .coop_insti .coop_diagram > ol.diagram_row4 > li:after, .coop_insti .coop_diagram > ol.diagram_row5 > li:after{display:none;} /* 설립제도 사전상담 안내 */ .coop_insti .insti_info {min-height:120px; padding:0 245px 0 20px; background-image:none;} .coop_insti .insti_info > .info_tit {padding:28px 0 0 0; font-size:20px;} .coop_insti .insti_info > .info_tit > span {display:block; padding-left:0;} .coop_insti .insti_info > .info_tit > span:before {display:none;} .coop_insti .info_btn {position:absolute; top:5px; right:10px; width:225px;} .coop_insti .info_btn > a{display:block; margin-top:5px;} /* 공지사항/자료실 - 사회적기업 교육 - 비밀번호 입력 */ .edu_password > div:nth-child(1){width:calc(100% - 451px);} .edu_password > div:nth-child(2){width:450px;} /* 지원사업 - 성장지원 - 지원연계 - SE파트너쉽(CSR) */ .cont_SE .SE_cont > b{top:47%; margin-top:10px;} .cont_SE .SE_cont > ul > li{display:block; margin:0 auto;} .cont_SE .SE_cont > ul > li:first-child{margin-right:auto;} .cont_SE .SE_cont > ul > li:nth-child(2){margin-top:100px;} .cont_SE .SE_cont > ul > li > div{width:218px; height:218px; padding:42px 20px 0 20px;} .cont_SE .SE_cont > ul > li > div p{font-size:14px;} .cont_SE .SE_cont > ul > li > ul{margin-top:20px;} .cont_SE .SE_cont > ul > li:first-child > div:before, .cont_SE .SE_cont > ul > li:nth-child(2) > div:before, .cont_SE .SE_cont > ul > li:first-child > div:after, .cont_SE .SE_cont > ul > li:nth-child(2) > div:after{display:none;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 바이소셜 */ .promotion_b_box1 > div > div:nth-child(2){padding-bottom:140px;} /* 유튜브 동영상 끌어옴 */ .area_video {display:block;} .area_video > div:nth-child(1){width:350px; margin:0 auto;} .area_video > div:nth-child(2){width:100%; margin-left:0; margin-top:10px;} /* 지원사업 - 지원사업 한눈에 보기 */ .cont_glance > div{margin-top:20px;} .cont_glance > div:first-child{display:block;} .cont_glance > div:first-child > div:nth-of-type(1){position:relative; width:100%; margin-bottom:10px; padding:10px 25px 20px 25px;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1){max-width:200px; margin-bottom:0; font-size:20px;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(2){position:absolute; right:25px; top:15px;} .cont_glance > div:first-child > div:nth-of-type(2){width:100%; margin-left:0;} .cont_glance > div p{font-size:20px;} .cont_glance .area > div{padding:20px;} .cont_glance > .area > div:nth-child(2){display:block;} .cont_glance > .area > div > div{width:100%; padding:10px 20px; text-align:left;} .cont_glance > .area > div > div + div{margin-left:0; margin-top:10px;} .cont_glance > .area > div > div ul{margin-top:10px;} .cont_glance > .area .glance_v_center{display:block;} /* 지원사업 - 성장지원 - 지원연계 - SE파트너쉽(CSR) */ .type2_box_list3 > li{width:100%; margin-right:0; margin-bottom:10px;} .type2_box_list3 > li:nth-child(n+4){margin-top:0;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처란? */ .circles_cont > ul{padding-top:0;} .circles_cont > ul > li{float:none; width:100%; margin-right:0; padding:20px;} .circles_cont > ul > li:nth-child(1):after{right:auto; top:auto; left:50%; bottom:-36px; margin-left:-16px; transform:rotate(90deg);} .circles_cont > ul > li:nth-child(2){margin-top:40px;} .circles_cont > ul > li > div{min-height:auto; padding:10px;} .circles_cont > div:last-child{font-size:20px;} /* 지원사업 - 성장지원 - 지원연계 - 프로보노 */ .type3_box_step_box_7 > li{width:calc((100% - 61px)/4); margin-bottom:20px;} .type3_box_step_box_7 > li:nth-child(5n){margin-left:0;} .type3_box_step_box_7 > li:nth-child(4n):before{display:none;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 바이소셜 */ .promotion_b_box1 > div{display:block; padding:20px;} .promotion_b_box1 > div > div:nth-child(1){width:auto; max-width:376px; margin:0 auto;} .promotion_b_box1 > div > div:nth-child(1) a{top:auto; bottom:20px;} .promotion_b_box1 > div > div:nth-child(2){width:100%; margin-left:0; margin-top:10px;padding-bottom:0;} .promotion_b_box1 > div > div:nth-child(2) .group_btn_100{position:relative; left:auto; bottom:auto; } /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 사회적기업 홍보 */ .promotion_s_online > li{width:calc((100% - 61px)/3); margin-right:30px; margin-top:30px;} .promotion_s_online > li:nth-child(3n){margin-right:0;} .promotion_s_online > li:nth-child(-n+3){margin-top:0;} /*지원사업**********************************************************************************************************************************/ /* 지원사업 - 생태계조성 - 네트워크 구축 */ .box_list3{display:block;} .box_list3 > li{float:none; width:100%; margin-bottom:10px; margin-left:0;} /* 사회적경제 **********************************************************************************************************************/ /* 사회적경제 - 사회적경제란? - 개념 */ .box_social_concept > ul > li{float:none; width:100%; margin-right:0; margin-bottom:10px; padding:15px 20px 20px 20px;} .box_social_concept > ul > li > b{padding-bottom:7px; font-size:20px;} [class^="cont_"] .type4_list_icon > li:nth-child(n){padding:15px 0; background:none;} /* 사회적경제 - 사회적경제란? - 주요사례 */ .type2_img_box_list > div > div{float:none;} .type2_img_box_list > div > div:first-child{width:100%; padding:25px 40px 25px 115px; } .type2_img_box_list > div > div:first-child > b{font-size:25px;} .type2_img_box_list > div > div:first-child > b:before{left:-85px; top:0;} .type2_img_box_list > div > div:first-child > b:after{display:none;} .type2_img_box_list > div > div:first-child > p{margin-top:7px; font-size:16px;} .type2_img_box_list > div > div:last-child{width:100%; padding:20px 30px;} /* 사회적경제 - 사회적 경제 활성화 - 공공기관 등 사회적가치 실현 지원 */ .type3_icon_box3 > li{margin-right:0; margin-top:20px;} .type3_icon_box3 > li:first-child{margin-top:0;} .type3_icon_box3 > li > ul{padding:20px;} .type3_icon_box3 > li{width:100%; } /*열린혁신***********************************************************************************************************************************/ /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고안내 */ .type1_step_box6 > li{display:block; width:100%; min-height:auto; margin-right:0; margin-bottom:15px;} .type1_step_box6 > li:before{display:none;} /* 경영전략체계도 */ .cont_manage .operation_area ul li{padding:20px;} /* 진흥원소개-사이버홍보실-ci소개-심벌의 의미 */ [class^="ci_mean"] li{float:none; margin-left:0; margin-top:20px;} [class^="ci_mean"] li:first-child{margin-top:0;} [class^="ci_mean"] li span{float:left; width:123px; height:100%; min-height:110px; border-bottom:none; border-right:1px solid #e1e1e1; box-sizing:border-box;} [class^="ci_mean"] li div{float:left; width:calc(100% - 124px);} .ci_mean1 li{width:100%;} .ci_mean2 li{width:100%;} .ci_mean2 li:nth-child(n+5){margin-top:20px;} /* 진흥원 소개 - 조직도/직원안내 - 직원안내 */ .cont_organization .text_box1 > div > .button_list, .cont_organization .text_box1 > div > .button_list:nth-of-type(2){float:none; width:100%;} .cont_organization .text_box1 > div > .button_list:nth-of-type(2){margin-top:10px;} /* 20221006 LHI 판로지원 > 입점 역량강화 지원절차 */ .type1_step_growth {padding-top:0;} .type1_step_growth[class^="type1_step_box"] > li {margin-bottom:15px;} .type1_step_growth:before {display:none;} .type1_step_growth.type1_step_box6.box > li:nth-child(3) {position:relative; margin-top:50px;} .type1_step_growth.type1_step_box6.box > li:nth-child(3):before {content:"소셜벤더"; top:-50px; right:0; display:block; width:100%; height:40px; font-size:18px; text-align:center; line-height:40px; background:#eff2f6;} /* 20221007 SHB 협동조합 > 창업지원 */ .starup_graph{width: 100%;} /* 20221012 SHB 협동조합 > 창업지원 */ .type2_box_list3.box > li{border-bottom: 1px solid #e1e1e1;} .type2_box_list3.box > li:last-of-type {border-bottom: none;} } @media screen and (max-width:1024px){ .opinion_box{margin-top:30px;} /* 레이어 팝업 */ .layer_pop .layer_pop_cont_sz_l{max-width:90%;} .layer_pop .layer_pop_cont_sz_m{max-width:80%;} /* contents */ .w_inner{max-width:1400px; margin:0 auto;} #container{overflow:hidden; max-width:1400px; margin:0 auto;} #snb{display:none;} #contents{float:none; width:100%; margin-left:0; padding:0 20px 100px 20px;} .sub_tit_area .group_btn{bottom:15px;} /* sub_title */ .sub_tit_area > ul, .sub_tit_area .group_btn .btn_print{display:none;} .sub_tit_area{margin-bottom:28px;} .sub_tit_area .sub_tit{padding-right:85px; font-size:25px;} /* 열린혁신 - 정보공개 - 정보공개제도 - 업무흐름도 */ .step1 > li{width:calc((100% - 31px)/2); margin-right:0;} .step1 > li:nth-child(4n){margin-right:0;} .step1 > li:nth-child(odd){margin-right:30px;} .step1 > li:nth-child(-n+4){margin-top:30px;} .step1 > li:nth-child(-n+2){margin-top:0;} /* 인사말 */ .cont_greeting .img_area{max-width:500px; margin:0 auto;} .cont_greeting .img_area .img1{display:none;} .cont_greeting .img_area .img2{display:block; width:100%;} .cont_greeting .img_area .greeting_txt{position:relative; right:auto; bottom:1px; max-width:100%; padding:20px; text-align:left;} .cont_greeting .img_area .greeting_txt p{margin-bottom:10px;} .cont_greeting > div{float:none;} .cont_greeting .img_area{width:auto; text-align:center;} .cont_greeting .img_area img{width:auto;} .cont_greeting .txt_area{width:100%;} /* 원장 이미지 개선 전 */ .cont_greeting.greeting_none_img{padding-left:0; background:none;} /* 메인페이지 협동조합 홈페이지 바로가기 버튼 */ .btn_coop_link > span{padding-left:55px; text-align:left;} /* =========================================================== 협동조합 */ /* 협동조합이란 > 개념 */ /* 버튼타입 */ .btn_type {position:relative; padding-right:30px;} .btn_type .btn_area{position:relative; top:0px; right:0px; margin-top:10px; } /* 협동조합 - 협동조합지원 - 창업지원 */ .box_pdf2 > div{float:none; width:100%;} .box_pdf2 > div:first-child{margin-bottom:20px;} /*열린혁신***********************************************************************************************************************************/ /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고안내 */ .cont_detail_guide .group_btn a{float:none; width:100%; margin-right:0; margin-bottom:5px;} /*지원사업**********************************************************************************************************************************/ /* 지원사업 - 생태계조성 - 네트워크 구축 */ [class^="box_list"]{display:block;} [class^="box_list"] > li{float:none; margin-bottom:10px;} /* 지원사업 - 성장지원 - 경영지원,컨설팅 - 경영컨설팅 */ .type2_step_box4 > li{width:calc((100% - 41px)/2); margin-bottom:20px;} .type2_step_box4 > li:nth-child(2n):before{display:none;} .type2_step_box4 > li:nth-child(3n){margin-left:0;} .cont_network .growthC_link li, .box_link4 > li{width:calc((100% - 41px)/2); margin-bottom:20px;} .box_link4 > li:nth-child(3n){margin-left:0;} /* 공지사항/자료실 - 사회적기업 교육 - 비밀번호 입력 */ .edu_password > div{float:none;} .edu_password > div:nth-child(1){width:100%; padding:48px 20px 48px 210px; background-position:left 46px top 25px; } .edu_password > div:nth-child(2){width:100%;} .edu_password > div:nth-child(2) .edu_password_inner{padding:30px 165px;} .edu_password > div:nth-child(2) .edu_password_inner .form_mail{max-width:100%;} /* 지원사업 - 성장지원 - 지원연계 - SE파트너쉽(CSR) */ [class^="type2_box_list"] > li{width:100%; margin-right:0; margin-bottom:10px;} .type2_box_list3 > li:nth-child(n+4){margin-top:0;} /* 지원사업 - 성장지원 - 판로지원 - 공공기관 우선구매 */ [class^="type3_list_box"] > li{margin-bottom:20px; padding:15px 27px; border-radius:10px;} [class^="type3_list_box"] > li:last-child{margin-bottom:0;} [class^="type3_list_box"] > li > div > b{position:absolute; left:50%; top:0; margin-top:0; margin-left:-60px;} [class^="type3_list_box"] > li > div > p{padding:0; padding-top:50px;} .type3_list_box2 > li{width:100%; margin-right:0;} .type3_1_list_box > li + li{margin-top:0;} .type3_1_list_box > li > div > ul{padding-left:0;} /* 사회적경제 - 사회적 경제 활성화 - 공공기관 등 사회적가치 실현 지원 */ [class^="type3_icon_box"] > li{margin-right:0; margin-top:20px;} [class^="type3_icon_box"] > li:first-child{margin-top:0;} [class^="type3_icon_box"] > li > ul{padding:20px;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 사회적기업 홍보 */ .promotion_s_banner{padding:33px 310px 33px 58px; } .promotion_s_banner:before{right:50px;} /* 지원사업 - 생태계조성 - 사회적기업가 아카데미 */ .academy_cont > div:nth-of-type(1) > div{width:100%; margin-right:0; } .academy_cont > div:nth-of-type(1) > div:last-child{margin-top:20px;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처란? */ .circles_cont{padding:0; border:none;} /* 진흥원 소개-채용안내-인재상 */ /* .box_human{display:block; } .box_human li{float:none; width:100%; margin-left:0; margin-top:10px;} .box_human li:first-child{margin-top:0;} */ /*pop_bzmd*/ .layer_pop.pop_bzmd .layer_pop_cont {width:60%;} .layer_pop.pop_bzmd .layer_pop_cont .pop_cont a {font-size:15px;} /* 20221006 LHI 협동조합 > 창업지원 */ .type2_box_supp > li:nth-of-type(3) {margin-bottom:10px;} } @media screen and (max-width:768px){ #contents{padding-bottom:50px;} [class^="tab_btn"]{margin-bottom:30px;} [class^="cont"] > div{margin-top:30px;} /* title 2020-08-27 */ .point_title{font-size:25px; line-height:1.5;} /* tab */ .tab_btn1 li:nth-child(n){width:calc((100% - 7px)/2);} .tab_btn1 li:nth-child(2n){margin-right:0;} /* file upload */ .filebox .upload_name{min-width:auto; width:calc(100% - 84px);} /* 안내박스 */ [class^="info_box"]{min-height:auto; padding:20px; background:none;} /* 만족도조사 */ .opinion_box .box_top, .opinion_box .box_bottom{padding:10px 15px;} .opinion_box .box_top .right{float:none; margin-top:7px;} .opinion_box .box_bottom p{display:block; float:none; margin-right:0; margin-bottom:5px;} /* Text Box */ .text_box1 > div{padding:20px;} .text_box2{padding:20px;} .text_box3{padding:20px;} .text_box4{padding:20px;} .text_box6{padding:20px;} /* 열린혁신 - 정보공개 - 정보공개제도 - 업무흐름도 */ .step1 > li{float:none; width:100%;} .step1 li .tit{min-height:auto; height:auto; text-align:left;} .step1 li .tit b{margin-right:10px;} .step1 li .tit p{display:inline-block; padding-top:17px; padding-bottom:17px; padding-left:35px;} .step1 li .tit p:before{left:0%; top:20px; margin-left:0; } .step1 li .txt{height:auto} .step1 > li:nth-child(odd){margin-right:0;} .step1 > li:nth-child(2){margin-top:30px;} .cont_greeting .txt_area .tit{font-size:33px;} .cont_greeting .txt_area .sub_tit{margin-bottom:20px; padding-bottom:20px; font-size:20px;} /* 약력보기 */ .cont_greeting_detail > div:nth-child(2){margin-top:30px;} .cont_greeting_detail b{float:none; width:157px; height:157px; margin-bottom:20px;padding-top:47px; background-position:bottom 40px center;} .cont_greeting_detail > div:nth-child(2) b{margin-top:0;} .cont_greeting_detail ul{float:none; width:100%; margin-left:0; padding-left:0;} /* 연혁 */ .cont_history .month{top:0;} .cont_history p{margin:0; padding-top:35px;} .cont_history > div:nth-child(odd) > div{padding-right:0;} .cont_history > div:nth-child(even) > div{padding-left:0;} /* 경영전략체계도 */ .cont_manage h3{margin-bottom:30px; font-size:30px; } .cont_manage > div{margin-bottom:20px;} .cont_manage .mission_area > div{float:none; width:100%; margin-right:0; padding-bottom:30px; background:none;} .cont_manage .mission_area > div:last-child{margin-top:20px; background-image:none;} .cont_manage .mission_area p{padding-right:20px; font-size:20px;} .cont_manage .value_tit{font-size:23px;} .cont_manage .value_area ul li{display:inline-block; width:49%;} .cont_manage .value_area ul li p{display:inline-block; width:94px; height:94px; margin:10px 0; line-height:94px;} .cont_manage .value_area ul li:nth-child(2) p:after{display:none;} .cont_manage .operation_area ul li{float:none; width:100%; margin-right:0; margin-bottom:10px; padding:12px 0;} .cont_manage .strategy_area > div > div{float:none;} .cont_manage .strategy_area > div > div:first-child{width:100%; border-bottom:0;} .cont_manage .strategy_area > div > div:nth-child(2){width:100%; margin-left:0; border-bottom:0;} .cont_manage .strategy_area > div > div > p{padding:20px; font-size:20px;} .cont_manage .strategy_area > div > div ul{padding:10px 20px;} .cont_manage .strategy_area > div:nth-child(2) b, .cont_manage .strategy_area > div:nth-child(3) b, .cont_manage .strategy_area > div:nth-child(4) b{display:block;} /* 20220531 LHI 경영전략체계도 */ .cont_manage .mission_area > div{margin-bottom:0;} .cont_manage .mission_area > div:last-child{margin-top:20px;} .cont_manage .mission_area .mission_tit {display:block; width:100%; margin-bottom:20px;} .cont_manage .mission_area p{display:block; width:100%;} /* 진흥원소개-사이버홍보실-ci소개-심벌의 의미 */ .cont_ci_mean .text_box3 img{display:block; margin:0 auto;} .cont_ci_mean .text_box3:nth-of-type(1) img:first-child{margin-right:auto; margin-bottom:20px;} .cont_ci_mean .text_box3:nth-of-type(2) img{margin:0 auto;} .cont_ci_mean .text_box3:nth-of-type(2) div{margin-bottom:0;} /* 진흥원소개-사이버홍보실-ci소개-다운로드 */ .cont_ci_down .text_box1 > div{background:#fff;} .cont_ci_down .text_box1 a{padding:13px 20px;} [class^="ci_down"] li{float:none; margin-left:0; margin-top:20px;} [class^="ci_down"] li:first-child{margin-top:0;} [class^="ci_down"] li span{min-height:auto; height:auto; padding:20px 15px;} .cont_ci_down > div:nth-child(4) ul span, .cont_ci_down > div:nth-child(5) ul span{height:auto; padding:20px 15px; line-height:1.47;} .cont_ci_down > div .ta_r a{width:100%; text-align:center;} .ci_down3 li{width:100%;} .ci_down2 li{width:100%;} /* 오시는길 */ .cont_map > div > [class^="bg_"]{padding:0; padding-top:100px; background:url(../images/bg_map_subway.png) center top 15px no-repeat; border-top:1px solid #e5e5e5;} .cont_map > div:last-child > div:nth-of-type(1){border-top:none;} .cont_map > div > [class^="bg_"]:first-child{margin-top:none;} .cont_map > div > .bg_bus{background-image:url(../images/bg_map_bus.png);} .cont_map > div > .bg_car{background-image:url(../images/bg_map_car.png);} .cont_map > div > .bg_train{background-image:url(../images/bg_map_train.png);} .cont_map > div > [class^="bg_"] > ul > li{margin-bottom:17px;} .cont_map [class^="state_"] span{display:block; position:relative; margin-bottom:10px; padding-left:30px;} .cont_map [class^="state_"] span:before{display:block; content:""; position:absolute; left:0; top:1px; width:25px; height:25px; border-radius:50%; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:25px;} .cont_map .state_subway3 span{color:#ff5500;} .cont_map .state_subway3 span:before{content:"3"; background-color:#ff5500;} .cont_map .state_subway_bun span{color:#ae7e23;} .cont_map .state_subway_bun span:before{content:"분당"; background-color:#ae7e23; font-size:10px;} .cont_map .state_subway4 span{color:#0084e1;} .cont_map .state_subway4 span:before{content:"4"; background-color:#0084e1;} .cont_map .state_subway2 span{color:#289a22;} .cont_map .state_subway2 span:before{content:"2"; background-color:#289a22;} /* 경영공시 */ .disclosure_cont{display:block; } .disclosure_cont > div{float:none; width:100%; margin-right:0;} .disclosure_cont > div:nth-child(2-){margin-top:20px;} .disclosure_cont > div > p{padding:0 15px;} .disclosure_cont > div > ul{height:auto; padding:0 15px; padding-bottom:15px;} /* 개인정보처리방침 열 레이아웃 */ .cont_row2 > li {width:100%;} .cont_row2 > li:nth-child(even) {border-left:1px solid #d2d7e6;} .list_float4 {overflow:hidden; } .list_float4 > li {display:block; margin-right:0; } /* =========================================================== 협동조합 */ /* 협동조합이란 > 개념 */ /* row2 */ .line_cont_row2 {margin-left:0px;} .line_cont_row2 > div {width:100%; margin-bottom:15px;} .line_cont_row2 > div > .line_inner{margin-left:0px; } .line_inner{padding:20px; box-sizing:border-box;} .btn_type {position:relative; padding-right:20px;} .btn_type .btn_area {display:block; width:100%;} .btn_type .btn_area > a{display:block; width:100%;} [class^="text_box"] .box_tit{font-size:20px;} /* 협동조합 목적 및 의의 */ .coop_purpose {padding:20px;} .coop_purpose > ul > li {width:110px; height:110px; margin-left:0; padding-top:40px;} .coop_purpose > ul > li > span{font-size:14px; } .coop_purpose > ul > li:before {width:110px; height:110px;} .coop_purpose > ul > li:after {display:none;} /* 협동조합 > 설립제도 */ .coop_insti .coop_lg_fs {font-size:18px; line-height:1.5;} .coop_insti .coop_diagram {padding:20px 15px;} .coop_insti .coop_diagram .diagram_tit{text-align:center; font-size:18px; } .coop_insti .coop_diagram .diagram_tit:before{width:20px;} .coop_insti .coop_diagram .diagram_tit:after{width:20px;} .coop_insti .coop_diagram > ol.diagram_col{position:relative; margin-top:20px;} .coop_insti .coop_diagram > ol.diagram_col:before{display:none;} .coop_insti .coop_diagram > ol.diagram_col > li {position:relative; margin-bottom:20px;} .coop_insti .coop_diagram > ol.diagram_col > li:last-child {margin-bottom:0;} .coop_insti .coop_diagram > ol.diagram_col > li span{display:block; text-align:center;} .coop_insti .coop_diagram > ol.diagram_col > li span[class^="diagram_num"]{width:100%; margin-right:0; padding:0; } .coop_insti .coop_diagram .diagram_detail {padding:10px;} .coop_insti .coop_diagram .diagram_detail > ol{float:none; width:100%; padding-right:0px;} /* 절차도 가로타입 */ .coop_insti .coop_diagram > ol[class^="diagram_row"] > li {position:relative; display:flex; min-height:72px; margin:10px 0 0 20px; padding:10px; border-width:2px; border-style:solid; box-sizing:border-box; align-items:center;z-index:1;} .coop_insti .coop_diagram > ol.diagram_row4 > li, .coop_insti .coop_diagram > ol.diagram_row5 > li,.coop_insti .coop_diagram > ol.diagram_row5 > li:nth-child(6){width:calc(100% - 21px);} /* 절차도 상세 */ .coop_insti .coop_diagram .diagram_detail.diagram_row_detail {padding:20px;} /* 설립제도 사전상담 안내 */ .coop_insti .insti_info {padding:0 20px 20px 20px;} .coop_insti .insti_info > .info_tit {padding:20px 0 0 0; font-size:18px;} .coop_insti .info_btn {position:relative; top:0px; right:0px; width:auto;} .coop_insti .info_btn > a{display:block; margin-top:5px;} /* 협동조합 - 협동조합지원 - 창업지원 */ .text_box3_2 > ol > li{float:none; width:100%; padding:20px;} .text_box3_2 > ol > li:first-child{border-right:none; border-bottom:1px solid #d2d7e6;} .cont_supp_startup .text_box3_2 > ol > li > p{color:#333; font-weight:700;} .cont_supp_startup .text_box3_2 ul{margin-top:7px;} .cont_supp_startup .text_box3_2 ul p{font-size:15px;} /*열린혁신***********************************************************************************************************************************/ /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고안내 */ .cont_detail_guide .info_box1 a{height:auto; padding:10px; line-height:1.47;} [class^="type1_step_box"] > li{display:block; width:100%; min-height:auto; margin-right:0; margin-bottom:15px;} [class^="type1_step_box"] > li:before{display:none;} .cont_detail_guide .step_box_inner > li:nth-child(6){width:100%; padding:20px 0;} .cont_detail_guide .step_box_inner > li:nth-child(7){width:100%;} .box_icon_list1 > div{padding:100px 10px 20px 10px; background-position:center top 20px;} .text_box5 > p > span{margin-right:10px;} .text_box5 > p a{position:relative; right:auto; top:auto;} /* 열린혁신 - 윤리경영 - 부패/공익신고 - 신고하기 */ .certification_area > div{float:none;} .certification_area > div:first-child{width:100%;} .certification_area > div:first-child a{width:calc((100% - 21px)/2); height:160px; padding-top:110px; background-position:center top 25px;} .certification_area > div:nth-child(2){width:100%; margin-top:30px; padding-left:0; } .certification_area > div:nth-child(2) > p{font-size:18px;} /*진흥원소개********************************************************************************************************************************/ /* 진흥원 소개 - 기관장소개 - 역대기관장 */ .cheif_cont > div > div{float:none;} .cheif_cont > div > div:first-child{width:100%; text-align:center;} .cheif_cont > div > div:last-child{width:100%; padding-left:0;} .cheif_cont > div > div:last-child > b{display:block; text-align:center;} /* 진흥원 소개 - 조직도/직원안내 - 직원안내 */ .cont_organization .text_box1 > div{padding:30px 20px;} .cont_organization .text_box1 > div:before{display:none;} .cont_organization .text_box1 > div > b{font-size:23px;} /* 진흥원 소개 - 조직도/직원안내 - 조직도 */ .organi_img > b{height:143px; background:url(../images/bg_organi_img_m.png) center no-repeat; line-height:140px; font-size:25px;} .organi_img > ul:nth-of-type(1){margin-top:10px;} .organi_img > ul:nth-of-type(1) > li, .organi_img > ul:nth-of-type(1) > li:nth-child(2){float:none;} .organi_img > ul:nth-of-type(1) > li > p{width:100%;} .organi_img > ul:nth-of-type(1) > li:nth-child(2) > p{margin-top:10px;} .organi_img > ul:nth-of-type(2){margin-top:82px;} .organi_img > ul:nth-of-type(2) > li{float:none; width:100%; margin-right:0; margin-top:20px;} .organi_img > ul:nth-of-type(2) > li > p{width:100%;} .organi_img > ul:nth-of-type(2) > li > ul{width:100%; margin-top:0;} .organi_img:before{display:block; content:""; position:absolute; left:50%; top:20px; width:2px; height:calc(100% - 20px); background-color:#e1e1e1; z-index:-1;} .organi_img > ul:nth-of-type(1):before, .organi_img > ul:nth-of-type(2) > li:before, .organi_img > ul:nth-of-type(2) > li:nth-child(3):before, .organi_img > ul:nth-of-type(2) > li:after, .organi_img > ul:nth-of-type(2) > li:last-child:after{display:none;} .organi_img > ul:nth-of-type(3) > li:before{display: none;} .organi_img > ul:nth-of-type(3) {position: absolute; margin-top: -15px; top: 362px; width:100%;} .organi_img > ul:nth-of-type(3) > li > p{min-height: 50px; padding: 10px 20px; border: 2px solid #6d7888; background-color: #fff; font-weight: 600; box-sizing: border-box;} /*지원사업**********************************************************************************************************************************/ /* 지원사업 - 생태계조성 - 네트워크 구축 */ [class^="box_list"] > li{padding:20px;} [class^="box_list"] > li > b{font-size:16px;} [class^="box_pic"] > li{float:none; margin-bottom:10px; } .box_pic3 > li{width:100%; margin-left:0;} /* 지원사업 - 성장지원 - 경영지원,컨설팅 - 경영컨설팅 */ [class^="type2_step_box"] > li{width:100%; margin-left:0; margin-bottom:10px;} [class^="type2_step_box"] > li:before{display:none;} .cont_network .growthC_link li, [class^="box_link"] > li{width:100%; margin-left:0; margin-bottom:10px;} /* 지원사업 - 성장지원 - 지원연계 - 국제협력 */ [class^="box_img_down"] > ul > li{float:none; width:100% ; margin-right:0; margin-bottom:20px;} .box_pic2 > li{display:block; max-width:100%; margin:0; margin-bottom:10px;} .box_pic2 > li:last-child{margin-bottom:0;} /* 지원사업 - 성장지원 - 지원연계 - 사회적금융 */ .box_cercle{max-width:100%;} .box_cercle > li{display:block; padding:0; text-align:center;} .box_cercle > li:nth-child(-n+2):before{display:none;} .box_cercle > li > b{display:block; margin:0 auto; margin-bottom:20px; } .box_cercle > li:nth-child(4) ul{display:inline-block; position:relative; left:auto; top:auto; text-align:left;} .box_pdf > div > div:nth-child(1).sEU{width:100%; margin-top:20px; text-align:center;} .box_pdf > div > div:nth-child(2){width:100%; margin-top:20px; text-align:center;} .box_pdf > div > div:nth-child(3){width:100%; margin-top:20px; text-align:center;} .cont_develop_project .box_pdf > div > div:nth-child(2n) {margin-top:0;} /* 지원사업 - 성장지원 - 지원연계 - 프로보노 */ .type3_box_step_box_7 > li{width:calc((100% - 21px)/2);} .type3_box_step_box_7 > li:nth-child(odd){margin-left:0;} .type3_box_step_box_7 > li:nth-child(2n):before{display:none;} /* 지원사업 - 성장지원 - 판로지원 - 유통채널 진출 */ [class^="cont"] .box_icon{padding-left:20px; background-image:none;} .cont_channel .group_btn a{width:100%; padding:0 20px;} /* 지원사업 - 성장지원 - 판로지원 - e-store36.5 */ .area_video > div{float:none;} .area_video > div:nth-child(1){width:100%;} .area_video > div:nth-child(2){width:100%; margin-left:0; margin-top:10px;} .area_video > div:nth-child(3){width:100%; margin-left:0; margin-top:10px;} .type1_list_icon_box{border-top:1px solid #d2d7e6;} .type1_list_icon_box > li{padding:22px 10px 30px 120px; border-bottom:1px solid #d2d7e6; background:url(../images/bg_estore_list_icon1.png) left 20px top 20px no-repeat; box-sizing:border-box;} .type1_list_icon_box > li > p:nth-of-type(1){margin-bottom:7px;} .type1_list_icon_box > li > p > b{color:#548bf0;} .type1_list_icon_box > li:nth-child(2) > p > b{color:#03aaad;} .cont_e_store .type1_list_icon_box > li:nth-child(2){background-image:url(../images/bg_estore_list_icon2.png);} .group_btn_100 a, .group_btn_100 button{width:100%; height:auto; padding:10px; line-height:1.47;} .group_btn_100 [class^="btn_sz_l"]{padding:15px 10px;} .group_btn_100 a + a, .group_btn_100 button + button{margin-top:5px;} .type1_list_icon_box > li:nth-child(n){background-image:none !important; padding:20px 10px;} /* 지원사업 - 창업지원 - 사회적기업 성장지원센터 - 사업안내 */ .box_title{font-size:23px;} .box_title:before, .box_title:after{display:none;} .cont_social_on .SE_cont > ul{margin-top:23px;} .cont_social_on .SE_cont > ul > li{display:block; margin:0 auto;} .cont_social_on .SE_cont > ul > li:first-child{margin-right:auto; margin-bottom:10px;} .cont_social_on .SE_cont > ul > li > div{width:220px; height:220px; padding-top:50px;} [class^="type2_list_icon_box"] > li:nth-child(n){width:100%; margin-right:0; margin-top:10px; padding:25px 20px; background-image:none;} .pic_list_box{display:block;} .pic_list_box > div{float:none;} .pic_list_box > div:nth-child(1){width:100%; padding:25px 30px 20px 30px;} .pic_list_box > div:nth-child(1) > b{margin-bottom:0;} .pic_list_box > div:nth-child(2){width:100%;} .pic_list_box > div:nth-child(2) > img{width:100%;} .pic_list_box > div:nth-child(2) > span{right:0; bottom:0; padding:10px 20px;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처 동아리 지원 */ .type3_list_icon > dl{padding:20px 0;} .type3_list_icon > dl > dt{position:relative; left:auto; top:auto; margin-bottom:10px; line-height:1.47;} .type3_list_icon > dl > dd{padding-left:0;} [class^="cont_"] .type3_list_icon > dl:nth-child(n){background:none;} /* 지원사업 - 창업지원 - 소셜벤처 지원사업 - 소셜벤처 경연대회 */ [class^="cont"] div.text_box_btn{padding-right:20px;} .text_box_btn [class^="group_btn"]{position:relative; right:auto; top:auto; margin-top:5px;} .cont_circles_compe .box_list_human li{float:none; width:100%; margin-right:0; } .type4_step_box5 > li:nth-child(n){display:block; margin:0 auto; margin-bottom:20px;} .type4_step_box5 > li:before{display:none;} /* 지원사업 - 재정지원 - 일자리 지원 */ .type4_list_box2 > li{float:none; width:100%;} /* 지원사업 - 창업지원 - 사회적기업 성장지원센터 - 성장지원센터리스트 */ .growcenter_map{padding:20px; background-image:none;} .growcenter_map > a{position:relative; right:auto; top:auto; height:auto; margin-top:20px; padding:13px 10px; line-height:1.47; font-size:16px;} .pic_banner_list{display:block; position:relative; padding-bottom:55px;} .pic_banner_list > div:nth-child(1){position:absolute; left:0; bottom:0; width:100%; height:55px; padding:10px 20px; box-sizing:border-box;} .pic_banner_list > div:nth-child(2){width:100%; min-height:auto;} .pic_banner_list > div:nth-child(2) img{width:100%; min-height:auto;} .pic_banner_list .slick-slider{position:initial;} .pic_banner_list .slider-dots{display:none !important;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 바이소셜 */ .area_video > div:nth-child(1) > p{margin-top:0;} .layout_video_wrap{overflow:hidden;} .layout_video_wrap > div:nth-child(1){float:none;} .layout_video_wrap > div:nth-child(2){float:none; margin-top:20px;} .cont_promotion_b .text_box3_1{padding:20px;} /* 지원사업 - 생태계조성 - 사회적기업 홍보 - 사회적기업 홍보 */ .promotion_s_banner{padding:20px; } .promotion_s_banner:before{display:none;} .promotion_s_online > li{float:none; width:100%; margin-top:20px;} .promotion_s_online > li:nth-child(-n+3){margin-top:20px;} .promotion_s_photo > li{padding:20px;} .promotion_s_photo > li > div{float:none;} .promotion_s_photo > li > div:first-child{width:100%; text-align:center;} .promotion_s_photo > li > div:nth-child(2){width:100%; padding-left:0;} /* 지원사업 - 생태계조성 - 사회적기업가 아카데미 */ .academy_cont > h4{font-size:25px;} .academy_cont > div:not(:nth-of-type(1)){padding:20px;} .academy_cont > div:nth-of-type(1) > div{padding:20px;} .academy_cont > div:nth-of-type(1) > div b{margin-bottom:10px; font-size:18px;} .academy_cont > div:nth-of-type(1) > div .list_ul1 p{font-size:16px;} .academy_cont > div:nth-of-type(1) > div .bg li{font-size:18px;} .academy_cont > div:nth-of-type(1) > div .bg li:last-child{margin-bottom:0;} .academy_cont > div ol{display:block;} .academy_cont > div ol li{width:100%; min-height:auto; margin-right:0; margin-bottom:10px;} .academy_cont > div ol li:before{display:none;} .academy_cont > div:nth-of-type(4) ol li{width:100%;} .academy_cont > div:nth-of-type(5) div{font-size:18px;} /* 지원사업 - 지원사업 한눈에 보기 */ .cont_glance > div:first-child > div:nth-of-type(2) ul li{float:none; width:100%;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(1){max-width:fit-content;} .cont_glance > div:first-child > div:nth-of-type(1) > a:nth-of-type(2){position:relative; right:auto; top:auto; margin-top:20px;} .cont_glance .area{display:block;} .cont_glance .area > div{padding:20px;} .cont_glance .area > div:nth-child(1){width:100%;} .cont_glance .area > div:nth-child(2){width:100%; border-left:none; border-top:1px solid #d2d7e6;} .cont_glance > div p + a{margin-top:20px;} .cont_glance .btn_sz_m{width:100%;} .cont_glance > .area > div:nth-child(2){display:block;} .cont_glance > .area > div > div{width:100%; padding:20px 15px;} .cont_glance > .area > div > div + div{margin-left:0; margin-top:10px;} .cont_glance > div:last-child{display:block;} .cont_glance > div:last-child > div{width:100%; padding:20px;} .cont_glance > div:last-child > div:nth-child(2){margin-left:0; margin-top:20px;} .cont_glance > div:last-child > div > div{padding:20px;} .cont_glance > div:last-child > div ul{margin-top:10px;} .cont_glance > div:last-child > div:first-child ul li{float:none; width:100%;} /* 지원사업 - 창업지원 - 사회적기업가 육성사업 - 육성사업 창업팀 현황 */ .develop_best .develop_best_top{padding-bottom:0;} .develop_best .develop_best_top > .develop_best_img{width:100%; margin:0;} .develop_best .develop_best_top > .develop_best_txt{width:100%; padding-left:0;} /* 지원사업 - 창업지원 - 사회적기업가 육성사업 - 육성사업 창업팀 현황 */ .develop_best .develop_best_top .develop_best_txt{margin-top:20px; border-top:1px solid #51545e;} .develop_best .develop_best_top .develop_best_txt dl{padding:0; } .develop_best .develop_best_top .develop_best_txt dt{position:relative; left:auto; top:auto; margin-top:0; padding:10px 0; border-bottom:1px dashed #d2d7e6;} .develop_best .develop_best_top .develop_best_txt dd{padding-left:0; padding:10px 0;} .develop_best .develop_best_sub{border-top-color:#d2d7e6;} .develop_best .img_area{margin:30px 0 0 0;} .develop_best .img_area > div{float:none; width:100%; padding:0;} .develop_best .img_area > div + div{margin-top:10px;} /* 공지사항/자료실 **********************************************************************************************************************/ /* 공지사항/자료실 - 사회적기업 교육 - 진흥원 교육 view */ .cont_edu_complete{padding:200px 10px 30px 10px !important; background-position:center top 30px;} .cont_edu_complete > b{font-size:23px; } .cont_edu_complete > p{margin-bottom:20px; font-size:16px;} .cont_edu_complete [class^="btn_"]{height:50px; padding:0 15px; font-size:15px; line-height:48px;} /* 공지사항/자료실 - 사회적기업 교육 - 비밀번호 입력 */ .edu_password{border:none;} .edu_password > div:nth-child(1){padding:30px 40px; background-image:none; } .edu_password > div:nth-child(2) .edu_password_inner{padding:30px 0;} /* 사회적경제 **********************************************************************************************************************/ /* 사회적경제 - 사회적경제란? - 개념 */ .box_social_concept{padding:20px;} .box_social_concept > div{margin-top:20px; padding:20px;} .box_social_concept > div > b{height:37px; line-height:35px; font-size:18px;} .box_social_concept > div > p{margin:15px 0; padding:0; font-size:16px;} .box_social_concept > div > div > b{font-size:18px;} .box_social_concept > div > div > ol li{float:none; width:100%; margin-right:0; font-size:14px;} /* 사회적경제 - 사회적경제란? - 주요사례 */ .type2_img_box_list > div > div:first-child{padding:20px 30px;} .type2_img_box_list > div > div:first-child > b:before{display:none;} .type2_img_box_list > div > div:last-child > ul > li{width:100%; margin-bottom:10px; } /* 사회적경제 - 사회적 경제 현황 - 국내외 동향 */ .box_social_trend{padding:20px;} .box_social_trend > [class^="btn_"]{position:relative; right:auto; top:auto; width:100%; margin-top:10px;} /* 사회적경제 - 사회적 경제 활성화 - 사회적경제 진출분야 모델발굴 - 마을관리협동조합 육성지원 */ .info_box7{padding:20px; background:none;} .info_box7:before{display:none;} .info_box7 > b{font-size:20px; line-height:1.6;} .info_box7 > p{margin-top:10px; padding-right:0; padding-top:10px;} .group_btn_list > ul{width:100%; padding:20px;} .group_btn_list > ul > li{float:none; width:100%; margin-right:0;} .group_btn_list > ul > li:nth-child(2){margin-top:5px;} /* 사회적기업 ************************************************************************************************************************/ /* 사회적기업 - 사회적기업이란? - 개념 */ .ol_list_box > li{display:block; width:100%; margin-right:0; margin-top:10px; text-align:left;} .ol_list_box > li:first-child{margin-top:0;} /* 사회적기업 - 중간지원기관 - 권역별 통합지원기관 */ .tit_btn{padding-right:0;} .tit_btn .group_btn{position:relative; right:auto; top:auto;} /* 진흥원 소개-채용안내-인재상 */ .con_statement img {width: auto;} .con_statement img:nth-child(1) {display: none;} .con_statement img:nth-child(2) {display: block;} /*pop_layout3*/ .layer_pop.pop_layout3 .layer_pop_cont {width:90%;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li {width:calc(50% - 5px);} /*pop_bzmd*/ .layer_pop.pop_bzmd .layer_pop_cont {width:90%;} /* 전문컨설팅 */ .cont_network .title2 p {display:block; margin-left:-25px; margin-top:20px;} /* 조직도 */ .organi_img > ul:nth-of-type(1) {position:relative; top:auto;} .organi_img > ul:nth-of-type(1) > li:nth-child(2) {position:relative; bottom:auto; right:auto;} .organi_img > ul:nth-of-type(1) > li.integ:before {left:50%;} .organi_img > ul:nth-of-type(2) > li > .social_tft {margin-top:10px; padding:10px 0;} /* 20221006 LHI 협동조합 > 창업지원 */ .box_pdf_btn {margin-left:0;} .box_pdf_btn ul {width:100%;} } @media screen and (max-width:360px){ /* sub_title */ .sub_tit_area .sub_tit{padding-right:0;} .sub_tit_area .group_btn{display:none;} .group_btn_list > ul {padding:5px;} .layer_pop.pop_layout3 .layer_pop_cont .pop_cont li {width:100%;} /* 20220531 LHI 경영전략체계도 */ .cont_manage .mission_area p{padding:0 10px;} }